/* ===== REDES SOCIALES MODERNAS ===== */

.networks {
    max-width: 1110px;
    width: 100%;
    margin: 20px auto;
    padding: 0 10px;
    text-align: center;
    box-sizing: border-box;
}

.networks-title {
    color: #ccc;
    margin: 0 0 10px;
    font-size: 14px;
    text-align: center;
}

/* CONTENEDOR DE BOTONES */
.redes-modernas {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 12px;
    box-sizing: border-box;
}

/* BOTONES */
.redes-modernas a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 175px;
    height: 52px;
    box-sizing: border-box;

    background: #171717;
    color: #fff;
    border: 1px solid #353535;
    border-radius: 10px;

    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;

    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease,
        background .25s ease;
}

/* ICONOS */
.redes-modernas a i {
    font-size: 22px;
    line-height: 1;
}

/* X / TWITTER */
.redes-modernas .red-x {
    border-color: #555;
    box-shadow:
        0 0 6px rgba(255, 255, 255, 0.25),
        0 0 14px rgba(255, 255, 255, 0.12),
        0 3px 8px rgba(0, 0, 0, 0.25);
}

.redes-modernas .red-x:hover {
    border-color: #fff;
    box-shadow:
        0 0 10px rgba(255, 255, 255, 0.55),
        0 0 22px rgba(255, 255, 255, 0.30);
}

/* FACEBOOK */
.redes-modernas .facebook {
    border-color: #245ba0;
    box-shadow:
        0 0 6px rgba(24, 119, 242, 0.40),
        0 0 14px rgba(24, 119, 242, 0.20),
        0 3px 8px rgba(0, 0, 0, 0.25);
}

.redes-modernas .facebook:hover {
    border-color: #1877F2;
    box-shadow:
        0 0 10px rgba(24, 119, 242, 0.70),
        0 0 24px rgba(24, 119, 242, 0.40);
}

/* INSTAGRAM */
.redes-modernas .instagram {
    border-color: #92315f;
    box-shadow:
        0 0 6px rgba(225, 48, 108, 0.40),
        0 0 14px rgba(150, 47, 191, 0.22),
        0 3px 8px rgba(0, 0, 0, 0.25);
}

.redes-modernas .instagram:hover {
    border-color: #e1306c;
    box-shadow:
        0 0 10px rgba(225, 48, 108, 0.70),
        0 0 24px rgba(150, 47, 191, 0.45);
}

/* TELEGRAM */
.redes-modernas .telegram {
    border-color: #24749a;
    box-shadow:
        0 0 6px rgba(34, 158, 217, 0.42),
        0 0 14px rgba(34, 158, 217, 0.22),
        0 3px 8px rgba(0, 0, 0, 0.25);
}

.redes-modernas .telegram:hover {
    border-color: #229ED9;
    box-shadow:
        0 0 10px rgba(34, 158, 217, 0.75),
        0 0 24px rgba(34, 158, 217, 0.45);
}

/* TIKTOK */
.redes-modernas .tiktok {
    border-color: #444;
    box-shadow:
        -2px 0 7px rgba(37, 244, 238, 0.28),
         2px 0 7px rgba(254, 44, 85, 0.28),
         0 0 14px rgba(37, 244, 238, 0.14),
         0 3px 8px rgba(0, 0, 0, 0.25);
}

.redes-modernas .tiktok:hover {
    border-color: #69C9D0;
    box-shadow:
        -3px 0 12px rgba(37, 244, 238, 0.65),
         3px 0 12px rgba(254, 44, 85, 0.65),
         0 0 24px rgba(37, 244, 238, 0.30);
}

/* EFECTO AL PASAR EL CURSOR */
.redes-modernas a:hover {
    transform: translateY(-3px);
    background: #202020;
}

/* FOCO DE TECLADO */
.redes-modernas a:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 4px;
}

/* MÓVILES */
@media (max-width: 600px) {
    .redes-modernas {
        gap: 8px;
        padding: 0 8px;
    }

    .redes-modernas a {
        flex: 1 1 115px;
        max-width: 155px;
        height: 42px;
        gap: 6px;
        font-size: 12px;
        border-radius: 8px;
    }

    .redes-modernas a i {
        font-size: 18px;
    }
}

/* MOVIMIENTO REDUCIDO */
@media (prefers-reduced-motion: reduce) {
    .redes-modernas a {
        transition: none;
    }

    .redes-modernas a:hover {
        transform: none;
    }
}


/* ===== BOTONES GRANDES ===== */

.big-buttons{
  max-width:1100px;
  margin:25px auto;      /* centra el bloque */
  padding:0 10px;
  display:flex;
  justify-content:center; /* centra la fila */
  align-items:center;
  gap:24px;
  flex-wrap:nowrap;   /* 🔒 nunca bajan */
}

.big-btn{
  flex:0 0 auto;
}

.big-btn img{
  width:340px;    /* 🔒 PC (1024px) */
  height:auto;
  display:block;
}

@media (max-width:1023px){
  .big-btn img{
    width:300px;
  }
}

@media (max-width:768px){
  .big-buttons{
    gap:14px;
  }

  .big-btn img{
    width:200px;
  }
}

@media (max-width:600px){
  .big-buttons{
    gap:10px;
  }

  .big-btn img{
    width:200px;
  }
}

@media (max-width:480px){
  .big-buttons{
    gap:5px;
  }

  .big-btn img{
    width:120px;
  }
}

/* ===== SPONSOR ===== */

.sponsors{
  max-width:1110px;
  margin:40px auto;
  padding:0 10px;
  text-align:center;
}

.sponsors-title{
  color:#3498db;
  font-size:20px;
  margin-bottom:4px;
}

.sponsors-subtitle{
  color:#aaa;
  font-size:14px;
  margin-bottom:25px;
}

.sponsor-item{
  margin-bottom:35px;
}

.sponsor-item img{
  width:100%;
  max-width:1110px;
  height:auto;
  display:block;
  margin:0 auto;
}

.sponsor-info{
  margin-top:10px;
}

.sponsor-info strong{
  display:block;
  font-size:18px;
  color:#fff;
}

.sponsor-info span{
  font-size:14px;
  color:#bbb;
}
.sponsor-location{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  color:#bbb;
}

.sponsor-location img{
  width:14px;
  height:auto;
  display:inline-block;
}

@media (min-width:1024px){

  .sponsor-info strong{
    font-size:20px;   /* antes 18px */
  }

  .sponsor-location{
    font-size:16px;   /* antes 14px */
  }

  .sponsor-location img{
    width:18px;       /* antes 14px */
  }

}

/* ===== DESTACADOS DELUXE ===== */

.destacados{
  max-width:1110px;
  margin:50px auto;
  padding:0 10px;
  text-align:center;
}

.destacados-title{
  color:#f0d58a;
  font-family:Georgia, serif;
  font-size:22px;
  font-weight:bold;
  letter-spacing:1.5px;

  margin:0 0 20px;
  padding:14px 10px;

  background:radial-gradient(
    ellipse at center,
    rgba(180,132,43,.32) 0%,
    rgba(75,53,19,.18) 45%,
    #050505 100%
  );

  border:1px solid #947333;

  box-shadow:
    inset 0 0 15px rgba(212,175,55,.12),
    0 0 8px rgba(212,175,55,.12);
}

.destacado-item{
  margin-bottom:4px;
}

.destacado-item img{
  width:100%;
  max-width:1110px;
  height:auto;
  display:block;
  margin:0 auto;
}
/* ===== CABECERA LEGACY ===== */

.cabecera-legacy{
  max-width:1110px;
  margin:30px auto 20px;
  padding:0 10px;
  text-align:center;
}

.cabecera-titulo{
  font-size:16px;
  font-weight:bold;
  color:#6E6E6E;
  margin-bottom:12px;
}

.cabecera-imagen img{
  width:100%;
  height:auto;
  display:block;
  margin:0 auto;
}

.cabecera-subtitulo{
  margin-top:12px;
  font-size:16px;
  color:#ccc;
}

/* Tablet */
@media (max-width:768px){
  .cabecera-titulo{
    font-size:15px;
  }

  .cabecera-subtitulo{
    font-size:14px;
  }
}

/* Móvil */
@media (max-width:480px){
  .cabecera-titulo{
    font-size:14px;
  }
}
/* ===== WEB / LIVE ===== */

.web-live{
  max-width:1110px;
  margin:40px auto;
  padding:0 10px;
  text-align:center;
}

.web-live-banner img{
  width:100%;
  height:auto;
  display:block;
  margin-bottom:15px;
}

.web-live-title{
  color:#13fff4;
  font-size:15px;
  margin:15px 0;
}

.web-live-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.web-live-grid iframe{
  width:100%;
  height:420px;
  border:0;
}

/* Móvil */
@media (max-width:768px){
  .web-live-grid{
    grid-template-columns:1fr;
  }

  .web-live-grid iframe{
    height:360px;
  }
}
/* ===== REDES SOCIALES ===== */

.social-section{
  max-width:1110px;
  margin:40px auto;
  padding:0 10px;
  text-align:center;
}

.social-title{
  background:#333;
  color:#fff;
  padding:8px;
  margin-bottom:20px;
}

.social-banner{
  width:100%;
  height:auto;
  margin-bottom:20px;
}

.social-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:15px;
}

.social-item img{
  width:100%;
  height:auto;
  margin-bottom:6px;
}

.social-item iframe{
  width:100%;
  height:480px;
  border:0;
}

/* Tablet */
@media (max-width:1024px){
  .social-grid{
    grid-template-columns:1fr 1fr;
  }
}

/* Móvil */
@media (max-width:768px){
  .social-grid{
    grid-template-columns:1fr;
  }
}
/* ===== FOOTER ===== */

.site-footer{
  max-width:1110px;
  margin:40px auto;
  padding:20px 10px;
  background:#333;
  color:#ccc;
  text-align:center;
  font-size:14px;
}

.footer-warning{
  font-size:18px;
  color:#fff;
  margin-bottom:10px;
}

.footer-seo{
  font-size:16px;
  margin:20px 0 10px;
  color:#eee;
}

.footer-copy{
  margin-top:10px;
  font-size:13px;
  color:#aaa;
}
/* ===== PROMO WEBCAM / TELEGRAM ===== */

.promo-section{
  max-width:1110px;
  margin:30px auto;
  padding:0 10px;
  text-align:center;
}

.promo-title{
  font-size:18px;
  margin:15px 0 10px;
  font-weight:bold;
}

/* colores específicos */
.promo-title.webcam{
  color:#0CE5E5;
}

.promo-title.telegram{
  color:#E8DA00;
}

.promo-banner img{
  width:100%;
  height:auto;
  display:block;
  margin:0 auto;
}


/* ===== VIDEO PROMOCIONAL ===== */

.promo-video{
  max-width:1110px;
  margin:40px auto;
  padding:0 10px;
  text-align:center;
}

.promo-video-title{
  background:#333;
  color:#fff;
  padding:10px;
  font-size:18px;
  margin-bottom:20px;
}

/* Contenedor responsive 16:9 */
.promo-video-wrapper{
  position:relative;
  width:100%;
  padding-top:56.25%;
  background:#000;
  overflow:hidden;
}

/* Video e iframe ocupan todo el contenedor */
.promo-video-wrapper video,
.promo-video-wrapper iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
}

/* Mantener proporción del video */
.promo-video-wrapper video{
  object-fit:contain;
}


/* ===== TARJETAS PUBLICITARIAS ===== */

.grid .publicidad-card {
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
    background: #000;
    border: 1px solid #c9a23a;
    text-align: center;
}

.grid .publicidad-card a {
    display: block;
    width: 100%;
    color: #fff;
    text-decoration: none;
}

.grid .publicidad-card img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 5;
    object-fit: cover;
    box-sizing: border-box;
}

.grid .publicidad-card h3 {
    margin: 0;
    padding: 10px 4px;
    color: #ffd21f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
}


/* ===== MARCO DORADO MÁS GRUESO ===== */

.categoria-deluxe_nacionales .card,
.categoria-deluxe_internacionales .card,
.categoria-extranjeras_vip .card {
    border-width: 7px !important;
    border-style: solid !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Línea blanca únicamente en la foto principal */
.categoria-deluxe_nacionales .card .media-box > img,
.categoria-deluxe_internacionales .card .media-box > img,
.categoria-extranjeras_vip .card .media-box > img {
    border: 1px solid #fff !important;
    box-sizing: border-box;
    display: block;
    outline: none;
    box-shadow: none;
}

/* Ajustes para móviles */
@media (max-width: 768px) {
    .categoria-deluxe_nacionales .card,
    .categoria-deluxe_internacionales .card,
    .categoria-extranjeras_vip .card {
        border-width: 7px !important;
        padding: 0 !important;
    }
}



/* ===== MARCO DE AMOROSAS PREMIUM ===== */

.categoria-amorosas_premium .card {
    border-width: 7px !important;
    border-style: solid !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Línea blanca únicamente en la foto principal */
.categoria-amorosas_premium .card .media-box > img {
    border: 1px solid #fff !important;
    box-sizing: border-box;
    display: block;
    outline: none;
    box-shadow: none;
}

/* Ajustes para móviles */
@media (max-width: 768px) {
    .categoria-amorosas_premium .card {
        border-width: 7px !important;
        padding: 0 !important;
    }
}


/* ===== MARCO AZUL DE AMOROSAS TOP ===== */

.categoria-amorosas_top .card {
    border-width: 7px !important;
    border-style: solid !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Línea blanca únicamente en la foto principal */
.categoria-amorosas_top .card .media-box > img {
    border: 1px solid #fff !important;
    box-sizing: border-box;
    display: block;
    outline: none;
    box-shadow: none;
}

/* Ajustes para móviles */
@media (max-width: 768px) {
    .categoria-amorosas_top .card {
        border-width: 7px !important;
        padding: 0 !important;
    }
}

/* ===== MARCO DORADO DE SEÑORAS VIP ===== */

.categoria-senoras_vip .card {
    border-width: 7px !important;
    border-style: solid !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Línea blanca únicamente en la foto principal */
.categoria-senoras_vip .card .media-box > img {
    border: 1px solid #fff !important;
    box-sizing: border-box;
    display: block;
    outline: none;
    box-shadow: none;
}

/* Ajustes para móviles */
@media (max-width: 768px) {
    .categoria-senoras_vip .card {
        border-width: 7px !important;
        padding: 0 !important;
    }
}

/* ===== MARCO ROJO DE SEÑORAS ===== */

.categoria-senoras .card {
    border-width: 7px !important;
    border-style: solid !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Línea blanca únicamente en la foto principal */
.categoria-senoras .card .media-box > img {
    border: 1px solid #fff !important;
    box-sizing: border-box;
    display: block;
    outline: none;
    box-shadow: none;
}

/* Ajustes para móviles */
@media (max-width: 768px) {
    .categoria-senoras .card {
        border-width: 7px !important;
        padding: 0 !important;
    }
}

/* ===== CINTA NUEVA: DOBLECES FUERA DE LA FOTO ===== */
.card {
    position: relative;
}

.ribbon-right {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 20;
    pointer-events: none;
}

.ribbon-right img {
    display: block;
    width: 90px;
    height: auto;
    border: none !important;
}

@media (max-width: 768px) {
    .ribbon-right {
        top: 1px;
        right: 1px;
    }

    .ribbon-right img {
        width: 80px;
    }
}

/* Banner de webcam adaptable a PC y móviles */
.promo-banner {
    display: block;
    width: 100%;
    max-width: 100%;
}

.promo-banner video {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}


/* ===== TITULO NUEVOS INGRESOS ===== */

.titulo-nuevos {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    max-width: 1110px;
    box-sizing: border-box;

    margin: 15px auto 16px;
    padding: 11px 10px;

    text-align: center;

    font-family: Georgia, serif;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 2px;

    color: #f0d58a;

    background: radial-gradient(
        ellipse at center,
        rgba(115, 25, 35, .38) 0%,
        rgba(55, 15, 20, .22) 48%,
        #050505 100%
    );

    border: 1px solid #947333;

    box-shadow:
        inset 0 0 15px rgba(212,175,55,.10),
        0 0 8px rgba(212,175,55,.10);
}

@media (max-width: 768px) {
    .titulo-nuevos {
        font-size: 16px;
        letter-spacing: 1.5px;
        padding: 9px 6px;
    }
}

/* ===== SEPARACIÓN ENTRE TÍTULO Y CARRUSEL ===== */

.titulo-nuevos {
    margin-bottom: 20px !important;
}

.image-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}