/* Perfil Público — Alternativa A
   Activado con body.perfil-alt-a
   Breakpoint 2-col: 900px (Sponsor)
   TOP BANNERS — PARIDAD RESULTADOS — 3 SLOTS (no override .pb layout)
*/

/* ---- Layout playout ---- */
body.perfil-alt-a:not(.fit)[data-tema="adult"] .playout,
body.perfil-alt-a:not(.fit)[data-vista="adult"] .playout,
body.perfil-alt-a:not(.fit)[data-vista="negocio"] .playout,
body.perfil-alt-a:not(.fit)[data-tema="pro"] .playout,
body.perfil-alt-a:not(.fit)[data-tema="empresa"] .playout,
body.perfil-alt-a:not(.fit)[data-tema="medico"] .playout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "hero"
    "identity"
    "bottom"
    "banner" !important;
  gap: 14px !important;
  align-items: start !important;
}

body.perfil-alt-a:not(.fit) .playout > .playout__col--izq {
  grid-area: hero !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.perfil-alt-a:not(.fit) .playout > .playout__col--der {
  grid-area: identity !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.perfil-alt-a:not(.fit) .playout > .playout__bottom-grid {
  grid-area: bottom !important;
}

body.perfil-alt-a:not(.fit) .playout > .playout__banner-adult,
body.perfil-alt-a:not(.fit) .playout > .pb-slot--bottom,
body.perfil-alt-a:not(.fit) .playout .pb-slot--bottom {
  grid-area: banner !important;
}

@media (min-width: 900px) {
  body.perfil-alt-a:not(.fit)[data-tema="adult"] .playout,
  body.perfil-alt-a:not(.fit)[data-vista="adult"] .playout,
  body.perfil-alt-a:not(.fit)[data-vista="negocio"] .playout,
  body.perfil-alt-a:not(.fit)[data-tema="pro"] .playout,
  body.perfil-alt-a:not(.fit)[data-tema="empresa"] .playout,
  body.perfil-alt-a:not(.fit)[data-tema="medico"] .playout {
    grid-template-columns: minmax(280px, 42%) minmax(0, 1fr) !important;
    grid-template-areas:
      "hero identity"
      "bottom bottom"
      "banner banner" !important;
  }
}

/* Galería anti-CLS — SSOT S2 CLOSED: aspect-ratio 3 / 4
   Anula el monolito adult hero (aspect-ratio:auto + height clamp) solo bajo Alt A. */
body.perfil-alt-a:not(.fit):not(.perfil-embed-dashboard):not(.perfil-embed-dashboard-inicio)[data-tema="adult"] .gal__main,
body.perfil-alt-a:not(.fit):not(.perfil-embed-dashboard):not(.perfil-embed-dashboard-inicio)[data-vista="adult"] .gal__main,
body.perfil-alt-a:not(.fit):not(.perfil-embed-dashboard):not(.perfil-embed-dashboard-inicio)[data-tema="adult"] .pcard.gal .gal__main,
body.perfil-alt-a:not(.fit):not(.perfil-embed-dashboard):not(.perfil-embed-dashboard-inicio)[data-vista="adult"] .pcard.gal .gal__main,
body.perfil-alt-a .gal__main,
body.perfil-alt-a .pcard.gal .gal__main {
  aspect-ratio: 3 / 4 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden;
  position: relative;
}

body.perfil-alt-a:not(.fit):not(.perfil-embed-dashboard):not(.perfil-embed-dashboard-inicio)[data-tema="adult"] .gal__main img,
body.perfil-alt-a:not(.fit):not(.perfil-embed-dashboard):not(.perfil-embed-dashboard-inicio)[data-vista="adult"] .gal__main img,
body.perfil-alt-a:not(.fit):not(.perfil-embed-dashboard):not(.perfil-embed-dashboard-inicio)[data-tema="adult"] .gal__main .ch-foto-ph,
body.perfil-alt-a:not(.fit):not(.perfil-embed-dashboard):not(.perfil-embed-dashboard-inicio)[data-vista="adult"] .gal__main .ch-foto-ph,
body.perfil-alt-a .gal__main img {
  width: 100%;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover;
  object-position: center top;
}

@media (max-width: 720px) {
  body.perfil-alt-a:not(.fit):not(.perfil-embed-dashboard):not(.perfil-embed-dashboard-inicio)[data-tema="adult"] .gal__main,
  body.perfil-alt-a:not(.fit):not(.perfil-embed-dashboard):not(.perfil-embed-dashboard-inicio)[data-vista="adult"] .gal__main,
  body.perfil-alt-a:not(.fit):not(.perfil-embed-dashboard):not(.perfil-embed-dashboard-inicio)[data-tema="adult"] .pcard.gal .gal__main,
  body.perfil-alt-a:not(.fit):not(.perfil-embed-dashboard):not(.perfil-embed-dashboard-inicio)[data-vista="adult"] .pcard.gal .gal__main {
    aspect-ratio: 3 / 4 !important;
    height: auto !important;
    max-height: none !important;
  }
}

body.perfil-alt-a .perfil-alt-a-img--broken {
  opacity: 0;
  position: absolute;
  width: 1px;
  height: 1px;
}

body.perfil-alt-a .perfil-alt-a-img-ph {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fce4ec;
  color: #ad1457;
  font: 600 14px/1.3 Poppins, "Segoe UI", sans-serif;
  text-align: center;
  padding: 16px;
}

/* ---- Banners top: paridad Resultados (3 slots) — sin override de .pb ---- */
/* Layout flex 1 / 1.55 / 1 + gap 14px lo define el chrome base compartido. */

/* Bottom banner after content — tighten spacing */
body.perfil-alt-a .pb-slot--bottom {
  margin-top: 20px;
}

/* ---- Search collapse ---- */
body.perfil-alt-a .perfil-alt-a-search-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  border: 1px solid #f3c0d4;
  background: #fff;
  color: #e91e63;
  font: 700 13px/1.2 Poppins, "Segoe UI", sans-serif;
  border-radius: 12px;
  padding: 12px 14px;
  cursor: pointer;
  margin-bottom: 0;
}

body.perfil-alt-a .perfil-alt-a-search.is-collapsed .res-sbar,
body.perfil-alt-a .perfil-alt-a-search.is-collapsed .res-sbar-row,
body.perfil-alt-a .perfil-alt-a-search.is-collapsed .res-search-dock__row,
body.perfil-alt-a .perfil-alt-a-search.is-collapsed select,
body.perfil-alt-a .perfil-alt-a-search.is-collapsed .res-sbar-btn,
body.perfil-alt-a .perfil-alt-a-search.is-collapsed button.res-sbar-btn,
body.perfil-alt-a .perfil-alt-a-search.is-collapsed .res-search-dock__actions {
  display: none !important;
}

body.perfil-alt-a .perfil-alt-a-search.is-collapsed {
  padding-bottom: 0;
}

body.perfil-alt-a .perfil-alt-a-search:not(.is-collapsed) .perfil-alt-a-search-toggle {
  margin-bottom: 10px;
}

/* ---- Verified badge: secondary (hero) muted when duplicate ---- */
body.perfil-alt-a .perfil-alt-a-verok--secondary {
  opacity: 0.85;
  transform: scale(0.92);
  transform-origin: top left;
}
body.perfil-alt-a .perfil-alt-a-verok--secondary .verok__txt {
  /* keep icon only feeling — hide duplicate word if present */
  font-size: 0;
  width: 0;
  overflow: hidden;
}

/* ---- Meta accordion ---- */
body.perfil-alt-a .perfil-alt-a-meta.is-collapsed .drow:nth-child(n+6) {
  display: none !important;
}

body.perfil-alt-a .perfil-alt-a-meta-toggle {
  margin-top: 10px;
  border: 0;
  background: transparent;
  color: #e91e63;
  font: 700 13px/1.2 Poppins, "Segoe UI", sans-serif;
  cursor: pointer;
  padding: 8px 0;
  min-height: 44px;
}

/* ---- Sticky contact: disabled (perfil termina en banner inferior) ---- */
body.perfil-alt-a .perfil-alt-a-sticky,
#perfilStickyContact {
  display: none !important;
}
html.perfil-alt-a-has-sticky body.perfil-alt-a {
  padding-bottom: 0 !important;
}

/* ---- Empty state ---- */
body.perfil-alt-a .perfil-alt-a-empty {
  max-width: 480px;
  margin: 48px auto;
  padding: 28px 22px;
  text-align: center;
  background: #fff;
  border: 1px solid #fce4ec;
  border-radius: 18px;
  box-shadow: 0 2px 12px rgba(255, 79, 162, 0.06);
}

body.perfil-alt-a .perfil-alt-a-empty h2 {
  margin: 0 0 8px;
  font: 800 20px/1.2 Poppins, "Segoe UI", sans-serif;
  color: #1a1a1b;
}

body.perfil-alt-a .perfil-alt-a-empty p {
  margin: 0 0 16px;
  font: 500 14px/1.45 Poppins, "Segoe UI", sans-serif;
  color: #6b7280;
}

body.perfil-alt-a .perfil-alt-a-empty__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  background: #e91e63;
  color: #fff;
  font: 700 14px/1 Poppins, "Segoe UI", sans-serif;
  text-decoration: none;
}

/* Hide laterales on narrow if present */
@media (max-width: 899px) {
  body.perfil-alt-a .banner-laterales,
  body.perfil-alt-a .side-ad-rail {
    display: none !important;
  }
}