/* =========================================================
   Archivos Calientes — Theme base (Blanco + Rosa)
   Paleta: #ffffff / #ff4da6 / #ffd1e8 / #141414
   ========================================================= */

:root{
  --pink:#ff4da6;
  --pink-2:#ffd1e8;
  --text:#141414;
  --muted:#666;
  --line:rgba(20,20,20,.12);
  --bg:#fff;
  --shadow: 0 10px 30px rgba(20,20,20,.08);
  --radius:18px;
}

[hidden]{ display:none !important; }

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  background:var(--bg) !important;
  color:var(--text) !important;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.45;
}

a{ color:inherit; text-decoration:none; }
a:hover{ color:var(--pink); }

img{ max-width:100%; height:auto; }

.container{
  max-width: 1100px;
  margin: 0 auto;
  padding: 18px 14px 36px;
}

.topbar{
  position:sticky;
  top:0;
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 10px 12px;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--pink-2);
  min-width:0;
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
}
.brand__img{
  width:40px;
  height:40px;
  display:block;
  object-fit:cover;
  border-radius:999px;
  border:1px solid var(--pink-2);
}

.nav{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.nav__link{
  font-size:13px;
  font-weight:700;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid transparent;
}
.nav__link:hover{
  border-color: var(--pink-2);
  background: rgba(255,77,166,.06);
}
.nav__link--pill{
  border-color: var(--pink-2);
  background:#fff;
}

.icon-btn{
  appearance:none;
  border:1px solid var(--pink-2);
  background:#fff;
  color:var(--text);
  border-radius:12px;
  padding:8px 10px;
  font-weight:900;
  cursor:pointer;
  line-height:1;
}
.icon-btn:hover{ border-color:var(--pink); color:var(--pink); }

.backdrop{
  position:fixed;
  inset:0;
  background: rgba(255,77,166,.10); /* rosa suave */
  z-index:60;
  opacity:0;
  transition: opacity .12s ease;
}
.backdrop--show{ opacity:1; }

.drawer{
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width: min(340px, 92vw);
  background:#fff;
  border-right:1px solid var(--pink-2);
  z-index:70;
  transform: translateX(-110%);
  transition: transform .18s ease;
  box-shadow: var(--shadow);
  display:flex;
  flex-direction:column;
}
.drawer--open{ transform: translateX(0); }

.drawer__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 14px;
  border-bottom:1px solid var(--line);
}
.drawer__title{
  font-weight:900;
}
.drawer__nav{
  padding: 10px 8px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.drawer__link{
  padding:10px 12px;
  border-radius:12px;
  font-weight:800;
  border:1px solid transparent;
}
.drawer__link:hover{
  border-color:var(--pink-2);
  background: rgba(255,77,166,.06);
}

.title{
  margin: 18px 0 10px;
  font-size: 28px;
  font-weight: 950;
  letter-spacing:.2px;
}
.section__title{
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 900;
}

.card{
  background:#fff;
  border: 1px solid var(--pink-2);
  border-radius: var(--radius);
  padding: 14px;
  box-shadow: var(--shadow);
}

.section{ margin-top: 16px; }

.grid{
  display:grid;
  gap:12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 980px){ .grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 680px){ .grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.thumb{
  display:block;
}
.thumb__media{
  border-radius: 14px;
  overflow:hidden;
  border: 1px solid var(--pink-2);
  background:#fff;
}
.thumb__title{
  margin-top:8px;
  font-size:13px;
  font-weight:800;
  color:var(--text);
  line-height:1.25;
}

.ad{
  margin: 14px 0;
}
.ad__label{
  font-size:12px;
  color:var(--muted);
  margin:0 0 6px;
  font-weight:800;
}
.ad__box{
  border:1px dashed var(--pink-2);
  border-radius:14px;
  padding:14px;
  background: rgba(255,77,166,.04);
}

.player{
  border-radius: 14px;
  overflow:hidden;
  border: 1px solid var(--pink-2);
}

.footer{
  border-top:1px solid var(--pink-2);
  padding:22px 12px;
  text-align:center;
  color:var(--muted);
  font-size:13px;
}

.footerNav{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 10px;
}

.footerNav__link{
  font-size:12px;
  font-weight:800;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.2px;
}

.footerNav__link:hover{
  color:var(--pink);
}

.footerNav__sep{
  color:rgba(20,20,20,.25);
  font-size:12px;
  line-height:1;
}

.footer__copy{
  margin:0;
  font-size:13px;
  color:var(--muted);
}

@media (max-width:680px){
  .footer{
    padding:18px 10px;
  }

  .footerNav{
    gap:8px;
    margin-bottom:8px;
  }

  .footerNav__link{
    font-size:11px;
  }

  .footer__copy{
    font-size:12px;
  }
}

/* Tabs */
.tabs{ display:flex; gap:8px; margin-top:12px; }
.tab{
  border:1px solid var(--pink-2);
  background:#fff;
  padding:8px 10px;
  border-radius: 999px;
  font-weight:900;
  cursor:pointer;
  font-size:13px;
}
.tab--active{
  border-color: var(--pink);
  color: var(--pink);
  background: rgba(255,77,166,.06);
}
.panel{ margin-top:10px; }

/* Details list */
.details{ margin:0; }
.details__row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-top:1px solid var(--line);
}
.details__row:first-child{ border-top:none; }
.details__row dt{ font-weight:900; color:var(--muted); }
.details__row dd{ margin:0; font-weight:800; }
.details__row--desc{ align-items:flex-start; }
.details__row--desc dd{ font-weight:600; color:var(--text); }

/* Carousel */
.carousel{
  display:flex;
  align-items:center;
  gap:10px;
}

.carousel__btn{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:12px;
  border:1px solid var(--pink-2);
  background:#fff;
  cursor:pointer;
  font-size:20px;
  font-weight:900;
  line-height:1;
}

.carousel__btn:hover{
  border-color:var(--pink);
  color:var(--pink);
  background: rgba(255,77,166,.06);
}

.carousel__track{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  padding:4px 0;
  scrollbar-width:none;
}

.carousel__track::-webkit-scrollbar{
  display:none;
}

/* si WP mete saltos o wrappers */
.carousel__track > br{
  display:none;
}

.carousel__track > p,
.carousel__track > figure{
  margin:0;
  padding:0;
  flex:0 0 auto;
  height:150px;
  display:flex;
  align-items:center;
  background:transparent;
  border:0;
}

/* item real: directo o envuelto */
.carousel__track > a,
.carousel__track > p > a,
.carousel__track > figure > a{
  flex:0 0 auto;
  height:150px;
  max-width:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  scroll-snap-align:start;
  text-decoration:none;
  border:1px solid var(--pink-2);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}

/* imagen real: directa o envuelta */
.carousel__track > a > img,
.carousel__track > p > a > img,
.carousel__track > figure > a > img,
.carousel__track > img{
  display:block;
  width:auto;
  height:100%;
  max-width:220px;
  object-fit:contain;
  object-position:center;
  background:#fff;
  border:0;
  margin:0;
}

/* móvil */
@media (max-width:680px){
  .carousel{
    gap:8px;
  }

  .carousel__btn{
    width:34px;
    height:34px;
    flex:0 0 34px;
    font-size:18px;
  }

  .carousel__track{
    gap:10px;
  }

  .carousel__track > p,
  .carousel__track > figure{
    height:110px;
  }

  .carousel__track > a,
  .carousel__track > p > a,
  .carousel__track > figure > a{
    height:110px;
    max-width:140px;
  }

  .carousel__track > a > img,
  .carousel__track > p > a > img,
  .carousel__track > figure > a > img,
  .carousel__track > img{
    max-width:140px;
  }
}

/* Posts */
.prose{ font-size:15px; }
.prose p{ margin: 0 0 10px; }


/* ====== Recovered CSS additions (user) ====== */
/* ===== Models A–Z ===== */
.az{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:10px 0 6px;
  border-top:1px solid var(--line);
  margin:6px 0 0;
}
.az__link{
  font-size:13px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--pink-2);
  background:#fff;
}
.az__link:hover{
  border-color:var(--pink);
  color:var(--pink);
}

.azList{ padding:8px 0 6px; }

.azGroup{
  padding:12px 0;
  border-top:1px solid var(--line);
}
.azGroup:first-child{ border-top:none; }

.azGroup__title{
  margin:0 0 10px;
  font-size:14px;
  color:var(--muted);
  font-weight:800;
}

/* IMPORTANTE: esto fuerza 1 por renglón */
.azGroup__list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.azItem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 12px;
  border:1px solid var(--pink-2);
  border-radius:14px;
  background:#fff;
}

.azItem__name{
  font-size:14px;
  font-weight:700;
  color:var(--text);
}

.azItem__meta{
  font-size:12px;
  color:var(--muted);
}

.azItem:hover{
  border-color:var(--pink);
}

.azItem--empty{
  border-style:dashed;
  opacity:.8;
}

.azGroup{ padding:12px; border-top:1px solid var(--line); }
.azGroup:first-child{ border-top:none; }

.azLetter{
  margin:0 0 10px;
  font-size:14px;
  color:var(--muted);
  font-weight:700;
}

.azNames{
  display:flex;
  flex-wrap:wrap;   /* <-- esto hace que queden en línea y bajen cuando no quepan */
  gap:10px;
}

.modelChip{
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border:1px solid var(--pink-2);
  border-radius:999px;
  background:#fff;
  font-size:14px;
  font-weight:600;
  color:var(--text);
  line-height:1;
}

.modelChip:hover{
  border-color:var(--pink);
  color:var(--pink);
}

/* ===== Relacionados: estática + preview animada (FIX fuerte) ===== */
.thumb__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

/* Fuerza overlay siempre */
.thumb__media img{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  transition: opacity .15s ease;
  pointer-events: none;
}

/* 1 = estática, 2 = animada (usa nth-of-type para evitar problemas con espacios/comentarios) */
.thumb__media img:nth-of-type(1){ opacity: 1; z-index: 1; }
.thumb__media img:nth-of-type(2){ opacity: 0; z-index: 2; }

/* Solo en dispositivos con hover real */
@media (hover:hover){
  .thumb:hover .thumb__media img:nth-of-type(1){ opacity: 0; }
  .thumb:hover .thumb__media img:nth-of-type(2){ opacity: 1; }
}

/* Touch/teclado */
.thumb:active .thumb__media img:nth-of-type(1),
.thumb:focus-within .thumb__media img:nth-of-type(1){ opacity: 0; }

.thumb:active .thumb__media img:nth-of-type(2),
.thumb:focus-within .thumb__media img:nth-of-type(2){ opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .thumb__media img{ transition: none; }
}

/* ===== Relacionados: estática + preview animada ===== */
.thumb__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.thumb__img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity .15s ease;
}

/* Por defecto: estática */
.thumb__img--static{ opacity: 1; }
.thumb__img--anim{ opacity: 0; }

/* PC: hover */
.thumb:hover .thumb__img--static{ opacity: 0; }
.thumb:hover .thumb__img--anim{ opacity: 1; }

/* Teclado / accesibilidad */
.thumb:focus .thumb__img--static,
.thumb:focus-within .thumb__img--static{ opacity: 0; }

.thumb:focus .thumb__img--anim,
.thumb:focus-within .thumb__img--anim{ opacity: 1; }

/* Móvil: mientras presionas */
.thumb:active .thumb__img--static{ opacity: 0; }
.thumb:active .thumb__img--anim{ opacity: 1; }

@media (prefers-reduced-motion: reduce){
  .thumb__img{ transition: none; }
}

/* =========================================================
   Archivos Calientes — Bunny Player Skin (blanco + rosa)
   Paleta: #ffffff / #ff4da6 / #ffd1e8 / #141414
   Pegar en: Player Settings -> Custom HTML head
   ========================================================= */

/* --------- (1) PLYR (muy común en players de Bunny) --------- */
:root{
  --ac-pink:#ff4da6;
  --ac-pink2:#ffd1e8;
  --ac-text:#141414;
  --ac-glass:rgba(255,255,255,.92);
  --ac-glass2:rgba(255,255,255,.55);

  /* Plyr CSS variables */
  --plyr-color-main: var(--ac-pink);
  --plyr-video-controls-background: linear-gradient(to top, var(--ac-glass), var(--ac-glass2));
  --plyr-video-control-color: var(--ac-text);
  --plyr-video-control-color-hover: var(--ac-pink);
  --plyr-video-control-background-hover: rgba(255,77,166,.10);

  --plyr-menu-background: #fff;
  --plyr-menu-color: var(--ac-text);
  --plyr-menu-border-color: var(--ac-pink2);
  --plyr-menu-shadow: 0 16px 40px rgba(0,0,0,.15);

  --plyr-tooltip-background: var(--ac-text);
  --plyr-tooltip-color: #fff;

  --plyr-range-thumb-background: var(--ac-pink);
  --plyr-range-fill-background: var(--ac-pink);
  --plyr-range-track-background: rgba(20,20,20,.14);
}

/* Marco del player */
.plyr--video{
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,209,232,.95);
  box-shadow:0 10px 30px rgba(0,0,0,.10);
}

/* Botón grande Play */
.plyr__control--overlaid{
  background:var(--ac-pink) !important;
  box-shadow:0 14px 34px rgba(255,77,166,.35) !important;
  border:1px solid rgba(255,255,255,.65) !important;
}
.plyr__control--overlaid:hover{ filter:brightness(.95); }

/* Barra de controles (glass + borde rosa) */
.plyr__controls{
  border-top:1px solid rgba(255,209,232,.90);
}

/* Botones */
.plyr__controls .plyr__control{
  border-radius:12px;
}
.plyr__controls .plyr__control:hover{
  background: rgba(255,77,166,.10) !important;
}

/* Menús (settings/speed/etc) */
.plyr__menu__container{
  border:1px solid rgba(255,209,232,.95);
  border-radius:14px;
  overflow:hidden;
}

/* Tooltips */
.plyr__tooltip{
  border-radius:10px;
  padding:6px 8px;
}

/* Subtítulos (por si los activas luego) */
.plyr__captions{ font-size:14px; }
.plyr__caption{
  background: rgba(20,20,20,.78);
  border:1px solid rgba(255,209,232,.45);
  border-radius:12px;
  padding:6px 10px;
}

/* --------- (2) FALLBACK: VIDEO.JS (por si tu player usa vjs) --------- */
.video-js{
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,209,232,.95);
  box-shadow:0 10px 30px rgba(0,0,0,.10);
}
.video-js .vjs-big-play-button{
  border:none !important;
  background: var(--ac-pink) !important;
  border-radius:999px !important;
  box-shadow:0 14px 34px rgba(255,77,166,.35) !important;
}
.video-js .vjs-control-bar{
  background: linear-gradient(to top, var(--ac-glass), var(--ac-glass2)) !important;
  border-top:1px solid rgba(255,209,232,.90);
}
.video-js .vjs-play-progress,
.video-js .vjs-volume-level{
  background: var(--ac-pink) !important;
}
.video-js .vjs-slider{
  background: rgba(20,20,20,.14) !important;
}
.video-js .vjs-menu{
  background:#fff !important;
  border:1px solid rgba(255,209,232,.95);
  border-radius:14px;
}
.video-js .vjs-control:focus,
.video-js .vjs-control:hover{
  color: var(--ac-pink) !important;
}

/* Oculta imagen destacada en single posts y single videos */
.single .wp-post-image,
.single .post-thumbnail,
.single .featured-image,
.single .entry-thumbnail,
.single .attachment-post-thumbnail{
  display:none !important;
}

.grid--2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* ===== Model page hero (más pro) ===== */
.modelHero{ padding: 16px; }

.modelHero__header{
  display:flex;
  gap:14px;
  align-items:flex-start;
}

.modelHero__avatar{
  width: 92px;        /* más pequeña */
  height: 92px;
  border-radius: 16px;
  object-fit: cover;
  flex: 0 0 auto;
  border: 1px solid var(--pink-2);
  box-shadow: 0 10px 24px rgba(20,20,20,.10);
  background:#fff;
}

.modelHero__info{ flex:1; min-width: 0; }

.modelHero__bio{
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--text);
  background: rgba(255,77,166,.05);
  border: 1px solid var(--pink-2);
  padding: 10px 12px;
  border-radius: 14px;
}

.modelHero__stats{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.stat{
  border: 1px solid var(--pink-2);
  background:#fff;
  border-radius: 14px;
  padding: 10px 12px;
  box-shadow: 0 10px 24px rgba(20,20,20,.06);
  min-width: 140px;
}

.stat__k{
  font-size: 12px;
  color: var(--muted);
  font-weight: 900;
  letter-spacing: .2px;
}

.stat__v{
  margin-top: 2px;
  font-size: 14px;
  font-weight: 950;
}

/* Móvil: se centra y se apila */
@media (max-width: 680px){
  .modelHero__header{
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .stat{ min-width: 0; flex: 1 1 auto; }
}

/* ===== Models A–Z (mejor responsive + highlight rosa laterales) ===== */

.azGroup{ scroll-margin-top: 90px; } /* para que al brincar por letra no se tape con topbar */

.azGroup__list{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
@media (max-width: 680px){
  .azGroup__list{ grid-template-columns: 1fr; }
}

.azItem{
  position: relative;
  overflow: hidden;
  justify-content: flex-start; /* solo nombre */
  padding: 12px 14px;
  font-weight: 900;
}

/* barras laterales (inicialmente invisibles) */
.azItem::before,
.azItem::after{
  content:"";
  position:absolute;
  top:0; bottom:0;
  width: 4px;
  background: transparent;
  transition: background .15s ease;
}
.azItem::before{ left:0; }
.azItem::after{ right:0; }

/* hover + foco = “seleccionado” */
.azItem:hover,
.azItem:focus,
.azItem:focus-visible{
  border-color: var(--pink);
  background: rgba(255,77,166,.06);
  outline: none;
}
.azItem:hover::before,
.azItem:hover::after,
.azItem:focus::before,
.azItem:focus::after,
.azItem:focus-visible::before,
.azItem:focus-visible::after{
  background: var(--pink);
}

/* móvil (tap) */
.azItem:active::before,
.azItem:active::after{
  background: var(--pink);
}

/* ===== Menu Ad (mostrar COMPLETA la imagen / video) ===== */
.menuAd{
  display:block;
  border:1px solid var(--pink-2);
  border-radius:14px;
  overflow:hidden;
  background: rgba(255,77,166,.06);
}

/* aplica a <img> y a <video class="menuAd__media"> */
.menuAd img,
.menuAd__media{
  display:block;
  width:100%;
  height: 440px;          /* más alto para que se aprecie completa */
  object-fit: contain;    /* CLAVE: no recorta */
  object-position: center;
  background: transparent;
}

@media (max-width:680px){
  .menuAd img,
  .menuAd__media{ height: 380px; }
}

/* efecto rosa a los lados al seleccionar */
.menuAd:focus, .menuAd:focus-visible, .menuAd:active{
  outline:none;
  box-shadow: inset 4px 0 0 var(--pink), inset -4px 0 0 var(--pink);
}

/* ===== Header search toggle ===== */
.topbar{
  gap:10px;
  min-width:0;
}

.topbar__center{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.nav{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
  min-width:0;
}

.nav__searchBtn{
  appearance:none;
  border:1px solid var(--pink-2);
  background:#fff;
  color:var(--text);
  border-radius:999px;
  padding:8px 10px;
  font-weight:900;
  cursor:pointer;
  line-height:1;
  font-size:13px;
  flex:0 0 auto;
}
.nav__searchBtn:hover{
  border-color:var(--pink);
  color:var(--pink);
  background: rgba(255,77,166,.06);
}

.topSearchWrap{
  position:relative;
  width:100%;
  max-width:560px;
}

.topSearch{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  border:1px solid var(--pink-2);
  border-radius:999px;
  background:#fff;
  padding:6px 8px;
  box-shadow: var(--shadow);
}

.topSearch__submit,
.topSearch__close{
  appearance:none;
  border:none;
  background:transparent;
  color:var(--text);
  font-size:16px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  flex:0 0 auto;
  padding:4px 6px;
}

.topSearch__submit:hover,
.topSearch__close:hover{
  color:var(--pink);
}

.topSearch__input{
  flex:1 1 auto;
  min-width:0;
  border:none;
  outline:none;
  background:transparent;
  color:var(--text);
  font-size:14px;
  height:28px;
}

.topSearch__input::placeholder{
  color:var(--muted);
}

.topSearch__suggestions{
  position:absolute;
  top: calc(100% + 8px);
  left:0;
  right:0;
  z-index:80;
  border:1px solid var(--pink-2);
  border-radius:16px;
  background:#fff;
  box-shadow: var(--shadow);
  overflow:hidden;
}

.topSearch__suggestion{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-top:1px solid var(--line);
}
.topSearch__suggestion:first-child{
  border-top:none;
}
.topSearch__suggestion:hover{
  background: rgba(255,77,166,.06);
  color:inherit;
}

.topSearch__suggestionTitle{
  font-size:14px;
  font-weight:800;
  color:var(--text);
}

.topSearch__suggestionType,
.searchCard__meta{
  font-size:11px;
  font-weight:900;
  color:var(--pink);
  text-transform:uppercase;
  letter-spacing:.3px;
  flex:0 0 auto;
  margin-top:6px;
}

.brand{
  flex:0 0 auto;
}

/* móvil */
@media (max-width: 860px){
  .topbar{
    gap:8px;
  }

  .nav{
    gap:6px;
    overflow:auto;
    -ms-overflow-style:none;
    scrollbar-width:none;
  }
  .nav::-webkit-scrollbar{
    display:none;
  }

  .nav__link,
  .nav__searchBtn{
    flex:0 0 auto;
    white-space:nowrap;
  }

  .topbar__center{
    justify-content:flex-start;
  }

  .topSearchWrap{
    max-width:none;
  }

  .topSearch__suggestion{
    padding:11px 12px;
  }

  .topSearch__suggestionTitle{
    font-size:13px;
  }
}

/* ===== Home feed ads ===== */
.feedAdSlot{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:60px;
}

.feedPromo{
  display:block;
  width:100%;
  border:1px solid var(--pink-2);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}

.feedPromo__media{
  display:block;
  width:100%;
  height:150px;
  object-fit:cover;
  background:#fff;
}

.feedPromo:focus,
.feedPromo:focus-visible,
.feedPromo:active{
  outline:none;
  box-shadow: inset 4px 0 0 var(--pink), inset -4px 0 0 var(--pink);
}

.feedAdSlot iframe{
  display:block;
  margin:0 auto;
  max-width:100%;
}

@media (max-width:680px){
  .feedPromo__media{
    height:120px;
  }
}

/* ===== Relacionados pegados desde el editor WP (fix real) ===== */
.relatedGrid{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:flex-start;
}

/* si WP mete <br> sueltos, no estorben */
.relatedGrid > br{
  display:none;
}

/* si WP envuelve cada link en <p>, lo neutralizamos */
.relatedGrid > p{
  margin:0;
  display:contents;
}

/* funciona si el <a.thumb> está directo o dentro de <p> */
.relatedGrid > a.thumb,
.relatedGrid > p > a.thumb{
  display:block;
  flex: 0 0 calc(50% - 6px);
  min-width:0;
}

.relatedGrid > a.thumb .thumb__media,
.relatedGrid > p > a.thumb .thumb__media{
  width:100%;
}

@media (max-width:680px){
  .relatedGrid{
    gap:10px;
  }

  .relatedGrid > a.thumb,
  .relatedGrid > p > a.thumb{
    flex: 0 0 calc(50% - 5px);
  }
}

/* ===== Videos en páginas individuales de modelo ===== */
.modelVideosGrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
  align-items:start;
}

.modelVideosGrid__item{
  min-width:0;
}

.modelVideosGrid .thumb{
  display:block;
  width:100%;
}

.modelVideosGrid .thumb__media{
  width:100%;
}

.modelVideosGrid .thumb__title{
  margin-top:8px;
}

@media (max-width:680px){
  .modelVideosGrid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:10px;
  }
}

/* ===== Basic content protection ===== */

/* Quitar selección normal */
html, body, .site, .container, .card, .section {
  -webkit-user-select: none;
  user-select: none;
}

/* Reducir menú de mantener presionado en iPhone/iPad */
html, body, a, img {
  -webkit-touch-callout: none;
}

/* Quitar resaltado táctil */
html, body, a, button {
  -webkit-tap-highlight-color: transparent;
}

/* No arrastrar imágenes */
img {
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;
}

/* Si la imagen está dentro de un link, que siga funcionando el click en el link */
a > img {
  pointer-events: none;
}

/* Permitir usar campos de formulario normalmente */
input,
textarea,
select,
[contenteditable="true"] {
  -webkit-user-select: text !important;
  user-select: text !important;
  -webkit-touch-callout: default !important;
  pointer-events: auto !important;
}