/* OE Profesionales 3.6.1 · Tarjetas del directorio
 * Hoja independiente: usa clases .oe-pcard* que no existen en los estilos antiguos
 * (oe-profesionales.css y oe-brand-palette.css), así que no hay que pelear con !important.
 * Colores corporativos: #005B57 (verde), #F4775C (coral), #E9F4EB, #DFF2FE, #FBB146.
 */
.oe-pcard{
 --pc-ink:#1f3532;--pc-muted:#5d726c;--pc-line:#e3ece8;--pc-brand:#005B57;--pc-coral:#F4775C;
 position:relative;display:flex;flex-direction:column;min-width:0;
 background:#fff;border:1px solid var(--pc-line);border-radius:18px;overflow:hidden;
 box-shadow:0 1px 2px rgba(16,52,45,.04),0 6px 18px rgba(16,52,45,.05);
 transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;
}
.oe-pcard:hover{border-color:#c9ddd5;box-shadow:0 2px 4px rgba(16,52,45,.05),0 14px 32px rgba(16,52,45,.10);transform:translateY(-2px)}
.oe-pcard:focus-within{outline:3px solid #FBB146;outline-offset:2px}
.oe-pcard.oe-directory-active{outline:3px solid var(--pc-coral);outline-offset:2px}
.oe-pcard--featured{border-color:#f3d8a4}

/* Portada: banda baja, nunca protagonista. Sin portada, un tono suave de la marca. */
.oe-pcard__cover{position:relative;height:112px;flex:none;overflow:hidden}
.oe-pcard__cover--teal{background:linear-gradient(135deg,#d7ece6,#eef6f2)}
.oe-pcard__cover--sky{background:linear-gradient(135deg,#d6ecfb,#eef7fd)}
.oe-pcard__cover--sand{background:linear-gradient(135deg,#fbe7c4,#fdf5e7)}
.oe-pcard__cover--coral{background:linear-gradient(135deg,#fbd9cf,#fdf1ec)}
.oe-pcard__cover img.oe-pcard__cover-img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;margin:0;border-radius:0}
.oe-pcard__ad{position:absolute;top:10px;left:10px;font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1;padding:6px 9px;border-radius:999px;background:#fff7e6;color:#7a5208;border:1px solid #f3d8a4}

/* Cuerpo */
.oe-pcard__body{display:flex;flex-direction:column;flex:1;padding:0 20px 18px}
.oe-pcard__avatar{
 position:relative;z-index:2;width:64px;height:64px;margin-top:-32px;margin-bottom:12px;flex:none;
 border-radius:16px;border:3px solid #fff;background:#E9F4EB;overflow:hidden;
 box-shadow:0 4px 12px rgba(16,52,45,.12);display:grid;place-items:center;
}
.oe-pcard__avatar img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;margin:0;border-radius:0}
.oe-pcard__avatar span{font-size:26px;font-weight:700;color:var(--pc-brand);line-height:1}
.oe-pcard__kind{margin:0 0 4px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a6a2e}
.oe-pcard__title{margin:0 0 6px!important;font-size:19px!important;line-height:1.25!important;font-weight:600}
.oe-pcard__title a{color:var(--pc-ink)!important;text-decoration:none!important}
/* Toda la tarjeta es clicable sin anidar enlaces. */
.oe-pcard__title a::after{content:"";position:absolute;inset:0;z-index:1}
.oe-pcard:hover .oe-pcard__title a{color:var(--pc-brand)!important}
.oe-pcard__specialty{margin:0 0 6px;font-size:14px;line-height:1.45;color:var(--pc-brand);font-weight:600;
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.oe-pcard__meta{margin:0 0 10px;font-size:13.5px;line-height:1.4;color:var(--pc-muted)}
.oe-pcard__meta::before{content:"⌖ ";color:var(--pc-coral)}
.oe-pcard__desc{margin:0 0 14px;font-size:14px;line-height:1.55;color:var(--pc-muted);
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.oe-pcard__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--pc-line)}
.oe-pcard__verified{white-space:nowrap;font-size:12px;font-weight:600;color:#145f43;background:#eaf5ec;border:1px solid #bfe0c8;border-radius:999px;padding:4px 9px;line-height:1.2}
.oe-pcard__cta{margin-left:auto;font-size:14px;font-weight:700;color:var(--pc-brand);white-space:nowrap;transition:transform .18s ease}
.oe-pcard:hover .oe-pcard__cta{transform:translateX(3px)}

@media (max-width:640px){
 .oe-pcard__cover{height:88px}
 .oe-pcard__body{padding:0 16px 16px}
 .oe-pcard__avatar{width:56px;height:56px;margin-top:-28px}
}
@media (prefers-reduced-motion:reduce){.oe-pcard,.oe-pcard__cta{transition:none}.oe-pcard:hover{transform:none}}

/* 3.8.0 · Destacada: se distingue claramente (es publicidad, siempre rotulada «Patrocinado»). */
.oe-pcard--featured{border:1.5px solid #f0c977;box-shadow:0 1px 2px rgba(122,82,8,.05),0 10px 26px rgba(122,82,8,.10)}
.oe-pcard--featured .oe-pcard__foot{border-top-color:#f6e3bf}

/* 3.8.0 · Tarjeta compacta (plan gratuito): una fila con logo, nombre, especialidad y localidad. */
.oe-pcard--basic{flex-direction:row;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;box-shadow:none}
.oe-pcard--basic:hover{transform:none;box-shadow:0 6px 16px rgba(16,52,45,.07)}
.oe-pcard--basic .oe-pcard__avatar{width:48px;height:48px;margin:0;border-width:0;border-radius:12px;box-shadow:none}
.oe-pcard--basic .oe-pcard__avatar span{font-size:20px}
.oe-pcard__basic-text{flex:1;min-width:0}
.oe-pcard--basic .oe-pcard__title{font-size:16px!important;margin:0 0 2px!important}
.oe-pcard--basic .oe-pcard__specialty{font-size:13px;margin:0 0 2px;-webkit-line-clamp:1}
.oe-pcard--basic .oe-pcard__meta{font-size:12.5px;margin:0}
.oe-pcard--basic .oe-pcard__cta{margin:0;font-size:18px;color:#8aa39b}
.oe-dir__grid .oe-pcard--basic{align-self:start}
/* 3.10.0 · valoración en tarjetas */
.oe-pcard .oe-rating-chip{display:inline-flex;align-items:center;gap:3px;margin:2px 0 0;font-size:13px;color:#3b544e}
.oe-pcard .oe-rating-chip__star{color:#e8a33c}
.oe-pcard .oe-rating-chip__n{color:#6a7d77}

/* 3.14.0 · logos e iniciales */
.oe-logo-img{object-fit:contain!important;background:#fff!important;padding:10%!important;box-sizing:border-box;border:1px solid #e1ebe7!important;border-radius:inherit}
.oe-ini{display:grid!important;place-items:center;width:100%;height:100%;font-weight:700;letter-spacing:.03em;line-height:1}
.oe-ini--0{background:#e3efeb;color:#215c57}.oe-ini--1{background:#e4eef8;color:#2f5d86}.oe-ini--2{background:#f6efe1;color:#8a6a2e}.oe-ini--3{background:#fbe9e3;color:#b5523b}

/* 3.14.2 · contenedores de logos */
:is(.oe-related__avatar,.oe-sec__avatar,.oe-blogbox__avatar,.oe-pcard__avatar,.oe-dir__ad-avatar,.oe-profile-avatar):has(img.oe-logo-img){background:#fff!important}
:is(.oe-related__avatar,.oe-sec__avatar,.oe-blogbox__avatar,.oe-pcard__avatar,.oe-dir__ad-avatar,.oe-profile-avatar):has(img.oe-logo-img--light){background:#215c57!important}
img.oe-logo-img--light{background:#215c57!important;border-color:#215c57!important}
img.oe-logo-img{display:block;width:100%!important;height:100%!important;max-width:none!important}
