/* QTC External Custom CSS
 * Fuente: WordPress > Apariencia > Personalizar > CSS adicional
 * Generado automáticamente. No editar este archivo manualmente.
 */
/*menu movil*/
.nav-responsive{display:none;}
.menu-movil {padding:0;list-style: none;}
.menu-movil li{ list-style:none;width: 100%;margin: 0 auto;padding: 0;}
.menu-movil li a{ display:block; text-decoration:none; padding:5px 20px; transition:all .1s linear;  cursor:pointer;}
.menu-movil li a:hover{color:#df076a !important;}
.menu-movil>li>ul a:hover{background:rgba(0,0,0,0.1); color: #fff !important;}
ul.menu-movil li .sub-menu {
	display:none;
	padding:0;
	margin:0 0 0 0;
	background:#df076a;
}
ul.menu-movil li .sub-menu a{
	color: #fff;
}
ul.menu-movil li.desplegable > a:after,
ul.menu-movil li ul li.desplegable > a:after {
	float:right;
  content: "\25BA\00A0";
  color: #df076a;
}
ul.menu-movil li.desplegable.active > a:after,
ul.menu-movil li ul li.desplegable.active > a:after{
  content: "\25BC\00A0 ";
}
/*loop girl*/
.girl .desc{
   padding: 0;
}
.girl a .desc .girl-name{
   font-size:0.8em
}
.girl .desc .girl-desc-location{
   padding: 0;
}
@media (max-width: 960px) {
	.search.search-results .all.all-body{flex-flow:wrap;}
    .girl {
        width: 50% !important;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
		.nav-responsive{display:block;}
}
/*fin loop girl*/

.tosdisclaimer-overlay{background: rgba(0,0,0,.8) !important;}

.header-top-bar .subnav-menu li.subnav-menu-btn a{
    
}
.register-btn a{animation: pulsing-menu 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    box-shadow: 0 0 0 0 #ff0069; background: #2bbc68 !important;}

    .register-btn a:hover{background:#2bbc68 !important;}

@keyframes pulsing-menu {
  to {
    box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
  }
}

#breadcrumbs {
    background: #0b0b0b; /* Fondo blanco */
    padding: 7px 10px;
      margin: 0 0 10px 0 !important; /* Margen inferior de 10px */
    margin: 0;
    border: 1px solid #ffffff; /* Borde dorado */
    box-shadow: 0 0 2px #ffd700, /* Sombra exterior dorada */
                0 0 2px #ffd700, /* Sombra exterior más amplia */
                0 0 3px #ffd700; /* Sombra exterior aún más amplia */
}


.element-pulso{animation: pulsing-element 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    box-shadow: 0 0 0 0 #009f00;}

@keyframes pulsing-element {
  to {
    box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
  }
}

/*Tag Perfil*/
.girlsingle .girlsinglelabels{
    margin-top: 10px;
}
.girlsingle .girlsinglelabels span {
    display: inline-block;
    font-size: 1rem;
}
.girlsinglelabels .pinkbutton, .girlsinglelabels .pinkdegrade{line-height:normal; height:auto;}

/*Acordeon*/
details{margin-bottom: 10px;}
details summary {
    outline: none;
    background: #e0006c;
    color: #fff;
    padding: 7px 20px;
    font-size: 15px;
}

details summary::-webkit-details-marker,
details summary::marker {
 display: none; 
 content: "";
}

details summary:after {
    background: #fff;
    border-color: #fff;
    border-radius: 15px;
    content: "+";
    color: #e0006c;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 1px 0 3px 0;
    text-align: center;
    width: 30px;
    float:right;
}

details[open] summary:after {
    content: "-";
}
                            
details summary h2{
    display:inline-block;
}
details .summary-content{
    background: #171717;
    padding: 1px 30px;
}

/*footer acceso*/
.custom-search-form{
    box-shadow: 0px -10px 10px rgba(0, 0, 0, .5);
    border-top: 5px solid #fff;
}
@media screen and (max-width: 540px) {
.custom-search-form{
    box-shadow: 0px 10px 10px rgba(0, 0, 0, .5);
    border-bottom: 5px solid #fff;
}
}

/*search header movil*/
@media screen and (max-width: 768px) {
    /*div.form-search-header-bottom .searchform.registerform {
        flex-direction: column;
    }*/
div.form-search-header-bottom .input{
    flex: 1;
	padding: 5px;
	width: 10%;
}
div.form-search-header-bottom .state{
    margin: 10px !important;
    position: relative !important;
    width: 100% !important;
    padding: 5px !important;
	display: block !important;        
	height: 35px !important;
}
div.form-search-header-bottom .search-button{
    width: 100%;
    padding: 5px;
}
}


/*Suscription*/
.woocommerce-order-pay{max-width:initial !important;}

.woocommerce-order-pay #place_order{height:auto !important;}
.woocommerce-order-pay #open_pay_appqr{height:auto !important;}

@media screen and (max-width: 540px) {
.woocommerce-order-pay .contentwrapper{order:1;}
.woocommerce-order-pay .sidebar-left{order:3;}
.woocommerce-order-pay .sidebar-right{order:2;}
}


/* Reducir 50% cajas */

@media (max-width: 768px) {
    .phone-box h2 {
        font-size: 18px; /* O el tamaño que mejor se ajuste */
    }

    .phone-box, .available-on {
        width: 50%; /* Cada caja ocupa el 50% del ancho */
        box-sizing: border-box; /* Incluye el padding y el borde en el cálculo del ancho */
    }

    .profile-header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .available-on img {
        width: 100%; /* Asegura que el contenido se ajuste al ancho de la caja */
        max-width: 100%;
    }
}

/* SRX limpieza 2026-06-22: retirado Bloque @media mal formado para .girl, estaba sin llaves y podía generar lectura CSS inconsistente. Ahora el CTA flotante del perfil se controla desde single-profile.php. */


.whatsapp-floating-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

/* Estilos base para el botón de WhatsApp */
.whatsapp-floating-button {
    animation: pulse 2s infinite;
    border-radius: 20px;
    overflow: hidden;
    position: fixed;
    right: 350px; /* Espacio desde la derecha */
    bottom: 520px; /* Espacio desde abajo en escritorio */
    /* Otros estilos necesarios... */
}

/* Efecto de zumbido */
@keyframes buzz {
    /* ... */
}

/* Efecto de pulso */
@keyframes pulse {
    /* ... */
}

/* Ajustes para dispositivos móviles */
@media screen and (max-width: 768px) {
    .whatsapp-floating-button {
        right: 10px; /* Ajusta el espacio desde la derecha en móviles si es necesario */
        bottom: 184px; /* Espacio desde abajo en móviles */
    }
}

/* Efecto de pulso */
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    70% {
        transform: scale(1.1);
        opacity: 0.9;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.whatsapp-floating-button {
    animation: pulse 2s infinite;
    border-radius: 20px; /* Ajusta esto para que coincida con la forma de tu imagen */
    overflow: hidden; /* Esto asegura que el efecto de sombra se ajuste a la forma */
}

/* Efecto de zumbido */
@keyframes buzz {
    0% { transform: translateX(0); }
    10% { transform: translateX(-10px); }
    20% { transform: translateX(10px); }
    30% { transform: translateX(-10px); }
    40% { transform: translateX(10px); }
    50% { transform: translateX(-10px); }
    60% { transform: translateX(10px); }
    70% { transform: translateX(-10px); }
    80% { transform: translateX(10px); }
    90% { transform: translateX(-10px); }
    100% { transform: translateX(0); }
}

.whatsapp-floating-button:hover {
    animation: buzz 0.5s linear;
}

/* tamaño de videos e imagenes*/

/* tamaño de imagenes en perfil - limpio sin tocar videos */

@media (max-width: 960px) {
    .girlsingle .thumbs .profile-img-thumb-wrapper {
        width: calc(95% / 3);
        display: inline-block;
        padding-right: 1.5%;
    }
}

.form-search-header-bottom select option {
    color: #000000 !important;
}

@media screen and (max-width: 768px) {
       .contentwrapper {
           display: flex;
           flex-direction: column;
       }

       .bodybox {
           order: 1;
       }

       .sidebar-left, .sidebar-right {
           order: 2;
       }

       .footer {
           order: 3;
       }
    
          .underfooter {
                     order: 4;
       }
   }



.theblog img {
    float: center !important;
    margin: 5px 20px 20px 0;
}

@media only screen and (max-width: 768px) {
  .featured-image-wrapper img {
    width: 90vw;
    height: auto;
  }
}

@media only screen and (max-width: 480px) {
  .featured-image-wrapper img {
    width: 100vw;
    height: auto;
  }
}

/* Estilo básico para la tabla */
table {
  width: 100%;
  border-collapse: collapse;
  color: #ffffff; /* Texto blanco */
  background-color: #333333; /* Fondo oscuro para las celdas */
}

thead tr {
  background-color: #009879; /* Color de fondo para la cabecera */
  color: #ffffff;
}

th, td {
  text-align: left;
  padding: 12px;
  border: 1px solid #555555; /* Líneas para cada celda */
}

/* Estilo para las filas */
tbody tr:nth-child(odd) {
  background-color: #2c2c2c; /* Intervalo de colores para filas */
}

/* Mejoras en la legibilidad para dispositivos móviles */
@media screen and (max-width: 600px) {
  table, thead, tbody, th, td, tr {
    display: block;
    width: 100%;
  }

  thead {
    display: none; /* Oculta la cabecera en dispositivos móviles */
  }

  tr {
    margin-bottom: 0; /* Elimina el espacio entre filas */
    border: none; /* Elimina el borde exterior para cada fila */
  }

  td {
    padding: 10px 5%; /* Ajusta el padding para reducir espacio */
    border-bottom: 1px solid #444; /* Líneas entre celdas */
    text-align: left; /* Alineación del texto */
  }

  td:last-child {
    border-bottom: none; /* Elimina el borde inferior de la última celda */
  }
}

/* Estilo de slider */

#customCssSliderWrapper {
    position: relative;
    width: 360px;
    height: 523.5px;
    margin: auto;
    overflow: hidden;
}

.customSlider {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
}

.customSlide {
    min-width: 100%;
    height: 100%;
}

.customSlide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.customPagination {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}

.customDot {
    padding: 5px;
    margin: 0 2px;
    cursor: pointer;
    border-radius: 50%;
    background: gray;
}

.customDot.active {
    background: #333;
}

.customSliderBtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid black;
    background-color: white;
    color: black;
    cursor: pointer;
    padding: 10px;
    font-size: 16px;
    border-radius: 50%;
    z-index: 1000;
}

.customSliderBtn.prev {
    left: 10px;
}

.customSliderBtn.next {
    right: 10px;
}

.bodybox h4 {
    font-weight: normal;
    font-size: 21px !important; /* Cambia 20px al tamaño que prefieras */
}

.tosdisclaimer-overlay, .tosdisclaimer-wrapper {
    display: none; /* Asegura que el popup está oculto inicialmente */
}

.tosdisclaimer.vcenter.rad3 {
    margin-top: 220.5px !important; /* Ajuste para escritorio */
}

@media (max-width: 768px) {
    .tosdisclaimer.vcenter.rad3 {
        margin-top: 180px !important; /* Ajuste para móviles */
    }
}
/* ver mas */
.text-wrapper .text-short + .text-long + .toggle-text {
    margin-left: 10px;
    cursor: pointer;
    text-decoration: underline;
    color: white; // Color inicial para 'ver más'
}

.login .message, .login .notice, .login .success {
   background-color: #000 !important;
}

.woocommerce #payment {

    background: #000000 !important;
}

.woocommerce-checkout-review-order-table, .woocommerce table.shop_table {
    background: #000000 !important;
}

.payment_method_pago_moviles_peru label img{display:none !important;}

/* boton pagar ahora */

.payment-button-container {
    display: flex;
    justify-content: center; /* Centra el botón horizontalmente */
}

.payment-button {
    display: inline-flex;
    align-items: center;
    font-family: "Roboto", Sans-serif;
    font-size: 18px; /* Ajusta el tamaño de fuente según necesidades */
    font-weight: bold;
    background-color: #24d966;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 20px;
    border-style: solid;
    border-width: 3px;
    border-color: #ffffff;
    border-radius: 25px; /* Radio de borde para hacerlo más redondo */
    transition: all 0.3s ease;
    animation: pulse 2s ease-in-out infinite, breathe 2s ease-in-out infinite;
}

.payment-button:hover {
    background-color: #28F72A;
    border-color: #22c85b;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes breathe {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}




@media (max-width: 768px) {
    .header-top-bar nav ul li a {
        font-size: 14px;  // Tamaño más pequeño para pantallas móviles
    }
}

/* Estilos para la versión de escritorio */
.form-search-header-bottom {
    position: relative;
    z-index: 1;
    padding: 15px 30px;
    margin-top: 100px; /* Ajusta este valor según la altura de tu menú */
}

/* Estilos específicos para la versión móvil */
@media screen and (max-width: 768px) {
    .form-search-header-bottom {
        margin-top: 60px; /* Ajusta este valor si la altura del menú cambia en dispositivos móviles */
    }
}

/* Nuevo Menu Movil*/
/* Estilos globales para .close-menu que aplican en todos los dispositivos */
.close-menu {
    display: none; /* Ocultar el botón 'X' en todas las resoluciones por defecto */
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px; /* Ajustar tamaño */
    cursor: pointer; /* Indicar que es clickeable */
}

/* Media query para dispositivos móviles */
@media screen and (max-width: 768px) {
    .header-nav {
        position: fixed;
        width: 100%;
        top: 0;
        left: -100%; /* Empieza fuera de la pantalla */
        background-color: #000; /* Fondo negro */
        color: white; /* Texto blanco */
        z-index: 999;
        height: 50%; /* Altura ajustada */
        overflow-y: auto;
        transition: left 0.3s;
        padding-top: 60px; /* Espacio para el área del logo y botón cerrar */
    }
	

    .header-nav.open {
        left: 0; /* Cambia la posición cuando esté abierto */
    }

    .hamburger-menu, .close-menu {
        cursor: pointer; /* Indicar que es clickeable */
    }

    .header-nav.open .close-menu {
        display: block; /* Solo mostrar el botón 'X' cuando el menú esté abierto en móviles */
    }
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.ok.rad5 {
  animation: pulse 2s infinite;
}

/* CSS para alinear botones en versión móvil COOKIES */
@media (max-width: 768px) {
    .cky-notice-btn-wrapper {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding: 0 10px !important; /* Espacio a los lados para evitar que toquen los bordes */
        margin-top: 10px !important;
    }

    .cky-notice-btn-wrapper .cky-btn-customize, 
    .cky-notice-btn-wrapper .cky-btn-reject {
        flex: 1 !important;
        margin: 0 5px !important; /* Espacio entre los botones */
        max-width: 50% !important; /* Cada uno toma 50% del ancho disponible */
        box-sizing: border-box !important; /* Incluye padding y border en el ancho total */
        text-align: center !important; /* Centra el texto dentro del botón */
    }

    .cky-notice-btn-wrapper .cky-btn-accept {
        flex: 1 !important;
        margin: 0 5px !important; /* Espacio entre los botones */
        max-width: 100% !important; /* Toma el 100% del ancho disponible */
        /* Mantén el estilo original del botón "Aceptar" */
    }

    .cky-notice-btn-wrapper .cky-btn {
        background-color: transparent !important;
        border-color: #d0d0d0 !important;
        color: #d0d0d0 !important;
    }

    .cky-notice-btn-wrapper .cky-btn-accept {
        background-color: #7ADC18 !important;
        border-color: #1863dc !important;
        color: #000000 !important;
    }

    /* Centrar el texto "Trabajamos para ti" en la versión móvil */
    .cky-title {
        text-align: center !important;
        width: 100% !important;
    }
}

    /* Mensaje de alerta */
@keyframes custom-jump {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

.custom-alert-slider-container {
    width: 100%;
    max-width: 900px;
    margin: 20px auto;
}

.custom-alert-slider {
    overflow: hidden;
    position: relative;
    border: 3px solid #b30753;
    background: linear-gradient(to left, #b30753, #440124);
    padding: 20px;
    border-radius: 0 0 15px 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: white;
    padding-left: 60px;
    padding-right: 60px;
}

.custom-alert-header {
    background: #440124;
    color: white;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.custom-alert-message {
    display: none;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 10px;
    color: #fce100;
}

.custom-alert-emoji {
    font-size: 32px;
    animation: custom-jump 1s infinite;
}

.custom-alert-controls {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

.custom-alert-controls button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 24px;
    color: white;
    z-index: 1;
}

@media (max-width: 768px) {
    .custom-alert-controls {
        padding: 0 10px;
    }

    .custom-alert-controls button {
        font-size: 20px;
    }

    .custom-alert-message {
        font-size: 1em;
        padding: 0 5px;
    }
}
    /* Mensaje de alerta */

    /* ver mas y ver menos de paginas */


    .content {
        text-align: center;
        color: #ffffff;
        margin: 0;
        padding: 0;
    }
    .text-short, .text-long, .toggle-text {
        margin: 0;
        padding: 0;
        display: inline;
    }
    .text-long {
        display: none;
    }
    .toggle-text {
        color: #ffffff;
        text-decoration: underline;
        cursor: pointer;
    }
    /* ver mas y ver menos de paginas */



/* cookies en movil  */

.cky-revisit-bottom-left {
    bottom: 75px !important;
    left: 15px;
}

.popupCloseButton {
    background-color: #000 !important;
}

/* Estilo para ocultar/mostrar banners según el tamaño de la pantalla */
#unique-banner-desktop {
    display: none;
}
#unique-banner-movil {
    display: none;
}

/* Mostrar el banner de escritorio en pantallas grandes */
@media (min-width: 768px) {
    #unique-banner-desktop {
        display: block;
    }
}

/* Mostrar el banner móvil en pantallas pequeñas */
@media (max-width: 767px) {
    #unique-banner-movil {
        display: block;
    }
}

/* Efecto de resplandor blanco */
.glowing-effect {
    position: relative;
    display: inline-block;
    animation: glow 1.5s infinite;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.5), 0 0 30px rgba(255, 255, 255, 0.3);
    border-radius: 5px;
}

/* Animación de ondas */
@keyframes glow {
    0% {
        box-shadow: 0 0 15px rgba(255, 255, 255, 0.5), 0 0 30px rgba(255, 255, 255, 0.3);
    }
    50% {
        box-shadow: 0 0 20px rgba(255, 255, 255, 0.7), 0 0 40px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 15px rgba(255, 255, 255, 0.5), 0 0 30px rgba(255, 255, 255, 0.3);
    }
}

.popupCloseButton {
    background-color: #000 !important;
}

.popup-wrapper .first-step p {
    font-size: 15px;
    color: #000 !important;
}

.popup-wrapper .btn_submit {
    background-color: #01b2b2;
    color: #ffffff;
    padding: 10px;
    width: 100%;
    text-decoration: none;
    text-transform: capitalize;
    border-radius: 5px;
    cursor: pointer;
}

.wtpsw-post-carousel.design-1 .wtpsw-post-title a {
    color: #fff !important;
    text-decoration: none;
    font-weight: bold !important;
}

.wtpsw-post-grid.design-1 .wtpsw-post-gridbox .wtpsw-post-image-bg .wtpsw-post-list-content {
    font-weight: bold !important; /* Forzar negritas */
}

.wtpsw-post-grid.design-1 .wtpsw-post-gridbox .wtpsw-post-image-bg .wtpsw-post-list-content * {
    font-weight: bold !important;
}

.enlazatom-show-box img {
    max-width: 100px !important;
    border: none !important;
    margin-right: 5px;
    max-height: 100px !important;
} 

.theblog img {
    float: center !important;
    margin: 0px 0px 0px 0px !important;
}

/*   BLOG POPULARES */


/* 📌 CENTRAR IMAGEN DESTACADA */
.featured-image-wrapper {
    text-align: center;
}

.featured-image-wrapper img {
    margin: 0 auto;
}

/* 📌 RESPONSIVE PARA IMAGENES */
@media only screen and (max-width: 768px) {
    .featured-image-wrapper img {
        width: 100%;
        height: auto;
    }

    .post-content.entry {
        overflow-x: hidden;
        padding: 0 15px;
    }
}

/* 📌 OCULTAR BANNERS POR DEFECTO */
.banner-desktop, .banner-movil {
    display: none;
    text-align: center;
    margin: 20px auto;
}

/* 📌 MOSTRAR SOLO EN DESKTOP */
@media (min-width: 768px) {
    .banner-desktop {
        display: block;
    }
}

/* 📌 MOSTRAR SOLO EN MÓVIL */
@media (max-width: 767px) {
    .banner-movil {
        display: block;
    }
}


/* 🔹 ESTILO GENERAL - BLOG POPULARES */

/* 📌 TITULOS DEL POST EN COLOR PERSONALIZADO */
h1, h2, h3, h4, h5, h6 {
    color: #e0006c !important;
}

/* 📌 CENTRAR IMAGEN DESTACADA */
.featured-image-wrapper {
    text-align: center;
}

.featured-image-wrapper img {
    margin: 0 auto;
}

/* 📌 RESPONSIVE PARA IMÁGENES EN MÓVIL */
@media only screen and (max-width: 768px) {
    .featured-image-wrapper img {
        width: 100%;
        height: auto;
    }

    .post-content.entry {
        overflow-x: hidden;
        padding: 0 15px;
    }
}

/* 🔹 BANNERS RESPONSIVE */

/* 📌 OCULTAR BANNERS POR DEFECTO */
.banner-desktop, .banner-movil {
    display: none;
    text-align: center;
    margin: 20px auto;
}

/* 📌 MOSTRAR SOLO EN DESKTOP */
@media (min-width: 768px) {
    .banner-desktop {
        display: block;
    }
}

/* 📌 MOSTRAR SOLO EN MÓVIL */
@media (max-width: 767px) {
    .banner-movil {
        display: block;
    }
}

/* 🔹 ESTILOS PARA "POSTS MÁS POPULARES" */

/* 📌 CONTENEDOR GENERAL */
.popular-posts-section {
    background-color: #E0006C; /* Fondo rosa */
    color: white !important; /* Texto blanco */
    text-align: center;
    padding: 25px 15px;
    margin: 40px auto;
    border-radius: 10px;
    width: 100%;
    max-width: 100%;
}

/* 📌 TÍTULO DEL BLOQUE "POSTS MÁS POPULARES" */
.popular-posts-title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: white !important;
    line-height: 1.3;
}

/* 📌 CONTENEDOR FLEXIBLE DE LOS SHORTCODES */
.popular-posts-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

/* 📌 SHORTCODE PARA DESKTOP */
.popular-posts-desktop {
    display: block;
    width: 100%;
}

/* 📌 SHORTCODE PARA MÓVIL */
.popular-posts-mobile {
    display: block !important;
    text-align: center;
    background-color: #E0006C;
    padding: 15px;
    margin-top: 20px;
    border-radius: 10px;
}

/* 📌 ESTILOS PARA EL CONTENIDO DEL SHORTCODE MÓVIL */
.popular-posts-mobile * {
    color: white !important;
    max-width: 100%;
    display: block;
    margin: auto;
}

/* 📌 AJUSTES RESPONSIVE PARA MÓVIL */
/* 📌 Asegurar que el shortcode SOLO se oculte en pantallas grandes */
@media (min-width: 1024px) { /* Ajustamos a 1024px para tablets grandes */
    .popular-posts-mobile {
        display: none !important;
    }
}

/* 📌 HACER QUE SE MUESTRE SIEMPRE EN MÓVIL */
@media (max-width: 1023px) { /* Ahora será visible en todas las pantallas hasta 1023px */
    .popular-posts-mobile {
        display: block !important;
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding: 15px 10px;
    }
}

/* 📌 ASEGURAR QUE EL SHORTCODE MÓVIL SE ADAPTE BIEN */
.popular-posts-mobile iframe,
.popular-posts-mobile div,
.popular-posts-mobile img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* FONDO DE CAJA POST POPULARES */

.wtpsw-post-image-bg {
    position: relative;
}

.wtpsw-post-image-bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* mantiene el efecto oscuro */
    z-index: 0; /* ⬅️ bajamos el nivel para que no bloquee */
}

.wtpsw-post-image-bg a {
    position: relative;
    z-index: 2; /* ⬆️ subimos el enlace por encima del filtro */
    display: block; /* asegura que ocupe todo el espacio */
}


.wtpsw-post-list-content {
    position: relative;
    z-index: 2;
    color: white;
    font-weight: bold; /* Hace el texto más grueso */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Opcional: mejora legibilidad con sombra */
}

.wtpsw-post-stats {
    display: none !important;
}

/* TITULO PERFILES */

.profile-title {
    font-weight: normal !important;
    padding-bottom: 10px !important;
    position: relative !important;
    color: #ffd700 !important; /* Color dorado */
    text-align: center !important;
    font-size: 24px !important; /* Ajusta el tamaño según sea necesario */
    font-weight: bold !important; /* Asegura negrita */

}

/* ocultar enlazzatom */

.page-id-36 .enlazatom-content,
.page-id-35 .enlazatom-content,
.page-id-17 .enlazatom-content,
.page-id-16 .enlazatom-content,
.page-id-21 .enlazatom-content,
.page-id-123 .enlazatom-content,
.page-id-124 .enlazatom-content,
.page-id-125 .enlazatom-content,
.page-id-15 .enlazatom-content,
.page-id-7713 .enlazatom-content,
.page-id-18 .enlazatom-content,
.page-id-19 .enlazatom-content,
.page-id-14 .enlazatom-content,
.page-id-32 .enlazatom-content,
.page-id-23 .enlazatom-content,
.page-id-15167 .enlazatom-content,
.page-id-15165 .enlazatom-content,
.page-id-20 .enlazatom-content,
.page-id-15163 .enlazatom-content,
.page-id-24 .enlazatom-content,
.page-id-15168 .enlazatom-content,
.page-id-22 .enlazatom-content {
    display: none !important;
}

.postid-7713 .enlazatom-content {
  display: none !important;
}




/* ocultar enlazzatom */

/* archivo qr */

.box__input label {
    color: white !important; /* Color del texto */
    font-size: 20px !important;
    background-color: black !important; /* Fondo negro */
    padding: 5px 10px !important; /* Espaciado interno */
    border-radius: 5px !important; /* Bordes redondeados */
    display: inline-block !important; /* Asegura que se aplique correctamente */
    max-width: 100% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.box .box__file + label {
    max-width: 100% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    display: inline-block !important;
    overflow: hidden !important;
    color: white !important; /* Asegura el color del texto */
    background-color: black !important; /* Fondo negro */
    padding: 5px 10px !important;
    border-radius: 5px !important;
    border: 2px solid white !important; /* Para que se note más */
}

/* Cambia el estilo si hay un archivo cargado */
.box .box__file:valid + label {
    background-color: green !important; /* Fondo verde cuando hay un archivo cargado */
    color: white !important;
    border: 2px solid lightgreen !important;
}


details summary {
    outline: none;
    background: #000 !important;
    color: #fff;
    padding: 7px 20px;
    font-size: 15px;
}

/* 📌 TITULOS DEL POST EN COLOR PERSONALIZADO */


h1, h2, h3, h5, h6 {
    color: #e0006c !important;
}

h4 {
    color: #ffffff !important; /* Blanco */
}

/*  botones de carga  Desktop */

/* Estilo general del botón */
.girlsingle .profile-page-no-media p u {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #E0006C; /* Color de fondo inicial */
    color: white; /* Color del texto */
    padding: 10px 15px;
    border-radius: 6px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    border: none;
    font-size: 14px;
    gap: 8px; /* Espaciado entre ícono y texto */
}

/* Agregar el ícono de subida de Font Awesome antes del texto */
.girlsingle .profile-page-no-media p u::before {
    font-family: "Font Awesome 5 Free";
    content: "\f093"; /* Ícono fa-upload */
    font-weight: 900;
    font-size: 16px;
    transition: color 0.3s ease-in-out;
}

/* Efecto hover: cambia color de fondo, texto e ícono */
.girlsingle .profile-page-no-media p u:hover {
    background-color: #FF007F; /* Color más claro para efecto hover */
    color: black; /* Texto cambia a negro */
}

/* Cambio de color también para el ícono en hover */
.girlsingle .profile-page-no-media p u:hover::before {
    color: black; /* Ícono cambia a negro */
}

/*  botones de carga  Movil */

.upload-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E0006C; /* Color llamativo */
    color: white; /* Texto blanco */
    padding: 12px 15px;
    border-radius: 6px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1em;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out, transform 0.2s ease;
    width: 100%;
    text-align: center;
    gap: 8px; /* Espaciado entre el ícono y el texto */
}

/* Efecto hover */
.upload-button:hover {
    background-color: #C0005A; /* Color más oscuro */
    transform: scale(1.05); /* Efecto de agrandamiento */
}

/* Ícono de subida */
.upload-button i {
    font-size: 18px;
    margin-right: 8px;
}

/*  inicio carga aqui fotos */

span[style*="background: linear-gradient(to bottom, #FE5ACB 0%,#E0006C 100%);"] {
    display: inline-block !important;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 14px !important; /* Tamaño de fuente más compacto */
    line-height: 1.4em !important; /* Espaciado más equilibrado */
    padding: 12px 16px !important; /* Reduce el espacio interno */
    border-radius: 6px !important; /* Bordes más suaves */
    max-width: 200px !important; /* Botón más compacto */
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* Ajustes específicos para móviles */
@media (max-width: 480px) {
    span[style*="background: linear-gradient(to bottom, #FE5ACB 0%,#E0006C 100%);"] {
        font-size: 12px !important; /* Reduce un poco más en móviles */
        max-width: 90% !important; /* Se adapta mejor al contenedor */
        padding: 10px 14px !important; /* Reduce aún más el padding */
        line-height: 1.5em !important; /* Espaciado adecuado en móviles */
    }
}

/*  ver mas ver menos */

/* Estilos para el efecto "mostrar más/mostrar menos" */
/* Estilos para el efecto "mostrar más/mostrar menos" */

/* Estilos para el efecto "mostrar más/mostrar menos" */
/* Estilos para el efecto "mostrar más/mostrar menos" */
/* Estilos para el enlace "ver más/ver menos" */
.toggle-text {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 4px; /* Espacio pequeño entre el texto y el enlace */
}

/* Ocultar el h3 dentro de .bodybox solo en el post 7713 */
body.postid-7713 .bodybox h3 {
    display: none !important;
}

/* Ocultar el mensaje si no hay perfiles (p dentro de .profile-page-no-media) */
body.postid-7713 .profile-page-no-media p {
    display: none !important;
}

body.postid-7713 .bodybox h3.l {
    display: none !important;
}

/* Oculta el texto suelto, apuntando al div.clear justo después */
body.postid-7713 .bodybox .clear10 + div {
    display: none !important;
}

.whatsapp-button-container {
    text-align: center;
    margin: 20px 0;
}

.whatsapp-button {
    display: inline-flex;
    align-items: center;
    background-color: #25D366;
    color: white !important;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    gap: 10px;
    transition: background-color 0.3s ease;
}

.whatsapp-button:hover {
    background-color: #1ebe5d;
    color: white !important;
    text-decoration: none;
}

.whatsapp-button i {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
}

.related-strip-section {
    background: linear-gradient(to right, #1a1a1a, #111);
    padding: 30px 20px;
    margin-top: 40px;
    border-top: 4px solid #e0006c;
    border-radius: 10px;
}

.related-strip-section h2 {
    font-size: 1.4em;
    color: #ffd700;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 8px;
}

.related-strip-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.related-strip-item {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    background: #2e2e2e;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    transition: transform 0.3s ease;
    padding: 12px;
}

.related-strip-item:hover {
    transform: scale(1.02);
    background: #3a3a3a;
}

.related-strip-thumb {
    width: 80px;
    height: 80px;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
    border-radius: 6px;
}

.related-strip-title {
    color: #ff69b4;
    font-size: 0.95em;
    font-weight: 600;
    line-height: 1.3;
}

/* Estilo especial para el enlace fijo */
.related-strip-item.fijo {
    background: #e0006c;
}

.related-strip-item.fijo:hover {
    background: #ff007f;
}

.related-strip-item.fijo .related-strip-title {
    color: #fff;
}

.related-strip-thumb.fijo-icono {
    background: #fff;
    color: #e0006c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: bold;
}

/* Desktop: columnas */
@media (min-width: 768px) {
    .related-strip-container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .related-strip-item {
        width: calc(50% - 10px);
    }
}

/* Móvil */
@media (max-width: 480px) {
    .related-strip-thumb {
        width: 60px;
        height: 60px;
    }

    .related-strip-title {
        font-size: 0.9em;
    }
}

.interlink-btn {
    display: inline-block;
    background: linear-gradient(to right, #e0006c, #fce100);
    color: white;
    padding: 10px 16px;
    margin: 5px;
    border-radius: 30px;
    font-weight: bold;
    text-decoration: none;
    transition: background 0.3s ease;
}
.interlink-btn:hover {
    background: linear-gradient(to right, #fce100, #e0006c);
}

/* Centrado de los botones */
.interlink-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  margin: 30px auto;
  text-align: center;
}

/* Estilo base de los botones */
.interlink-btn {
  background: linear-gradient(to right, #111, #2a2a2a);
  color: #ffffff !important;
  padding: 12px 26px;
  border-radius: 30px;
  text-decoration: none !important;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  white-space: nowrap;
}

/* Hover del botón: un negro más claro */
.interlink-btn:hover {
  background: linear-gradient(to right, #222, #444);
  transform: scale(1.05);
}

/* Contenedor centrado */
.interlink-buttons-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin: 30px auto;
  text-align: center;
}

/* Título arriba de los botones */
.interlink-title {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
}

/* Botones bonitos y centrados */
.interlink-button {
  background: linear-gradient(to right, #111111, #222222);
  color: #fff !important;
  padding: 12px 22px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none !important;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  display: inline-block;
}

/* Hover elegante */
.interlink-button:hover {
  background: linear-gradient(to right, #1a1a1a, #333);
  transform: scale(1.05);
  color: #ffb6c1 !important; /* rosado sexy al pasar el mouse */
}



.widget-posts-kines {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.widget-posts-kines .post-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #111;
  border: 1px solid #444;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  overflow: hidden;
  transition: background 0.5s;
}

.widget-posts-kines .post-card:hover {
  background-color: #222;
}

.widget-posts-kines .post-card img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  flex-shrink: 0;
}

.widget-posts-kines .post-info {
  padding: 10px;
  display: flex;
  align-items: center;
}

.widget-posts-kines .post-info h4 {
  font-size: 13px;
  line-height: 2em;
  margin: 0;
  color: #fff;
  font-weight: 600;
}

/* Mobile: mantiene mismo formato que desktop */
@media screen and (max-width: 600px) {
  .widget-posts-kines .post-card {
    flex-direction: row;
  }

  .widget-posts-kines .post-card img {
    width: 100px;
    height: 100px;
  }

  .widget-posts-kines .post-info h4 {
    font-size: 14px;
  }
}


.redes-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin: 20px auto 30px;
    max-width: 800px;
}

.social-btn {
    flex: 1 1 18%;
    min-width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 10px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.3s ease;
}

.social-btn i {
    margin-right: 8px;
    font-size: 18px;
}

.social-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.15);
}

/* Colores por red */
.fb { background-color: #3b5998; }
.tk { background-color: #000000; }
.tw { background-color: #1da1f2; }
.tg { background-color: #0088cc; }
.ln { background-color: #0a66c2; }

/* Responsivo en móviles */
@media (max-width: 600px) {
    .redes-footer {
        gap: 8px;
    }
    .social-btn {
        flex: 1 1 48%;
        font-size: 13px;
        padding: 10px 8px;
    }
}

/* =========== Desktop (≥769px) =========== */
@media (min-width: 769px) {
  .recommended-posts {
    max-width: 1200px; /* Ajusta si deseas más o menos ancho total */
    margin: 20px auto;
    padding: 0 10px;
    text-align: center;
  }

  .recommended-posts h3 {
    font-size: 22px;
    margin-bottom: 10px;
    color: #e0006c;
  }

  /* 5 columnas fijas, cada una 1/5 del contenedor */
  .recommended-posts-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px; /* Ajusta el espacio horizontal/vertical entre tarjetas */
  }

  .recommended-post {
    display: flex;
    flex-direction: column;
    background-color: #000;
    border: 1px solid #e0006c;
    border-radius: 5px;
    text-decoration: none;
    overflow: hidden; /* Asegura que nada se salga del recuadro */
    transition: transform 0.2s ease;
  }

  .recommended-post:hover {
    transform: scale(1.02);
  }

  /* Contenedor de la imagen con altura fija */
  .post-image {
    width: 100%;
    height: 220px;    /* Fija la altura para evitar espacios o deformaciones */
    overflow: hidden; /* Recorta la imagen sobrante */
    margin: 0;        /* Quita espacios extra */
    padding: 0;
  }

  .post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;  /* Llenar sin deformar, recortando si es necesario */
    display: block;
  }

  .post-title {
    background-color: #e0006c;
    color: #fff;
    font-size: 14px;
    padding: 8px;
    text-align: center;
    line-height: 1.3;
    /* No usamos min-height para que el texto ocupe solo el espacio necesario */
    margin: 0;
  }
}

/* =========== Móvil (≤768px) =========== */
@media (max-width: 768px) {
  .recommended-posts {
    margin: 15px auto;
    padding: 0 10px;
    text-align: center;
  }

  .recommended-posts h3 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #e0006c;
  }

  /* En móviles, en columna para mayor legibilidad */
  .recommended-posts-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
  }

  .recommended-post {
    width: 90%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    background-color: #000;
    border: 1px solid #e0006c;
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none;
    transition: transform 0.2s ease;
  }

  .recommended-post:hover {
    transform: scale(1.01);
  }

  .post-image {
    width: 100%;
    height: 220px; 
    overflow: hidden;
    margin: 0;
    padding: 0;
  }

  .post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .post-title {
    background-color: #e0006c;
    color: #fff;
    font-size: 14px;
    padding: 8px;
    text-align: center;
    line-height: 1.3;
    margin: 0;
  }
}

.custom-search-trigger {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.custom-search-trigger a {
  display: flex;
  align-items: center;
  background-color: #FFD700;
  padding: 6px 12px;
  border-radius: 20px;
  font-weight: bold;
  color: #000;
  font-size: 13px;
  text-decoration: none;
  transition: all 0.3s ease;
  line-height: 1;
  height: auto;
  white-space: nowrap;
}

.custom-search-trigger a:hover {
  background-color: #ffc107;
}

.custom-search-trigger .fa-search {
  font-size: 15px;
  margin-right: 6px;
}

.custom-search-trigger .desktop-text {
  display: inline-block;
}

/* VERSIÓN MÓVIL: Solo ícono redondo */
@media screen and (max-width: 768px) {
  .custom-search-trigger a {
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    justify-content: center;
  }

  .custom-search-trigger .desktop-text {
    display: none;
  }

  .custom-search-trigger .fa-search {
    margin: 0;
    font-size: 16px;
  }
}

/* menu */

/* --- Buscador especial --- */
.search-mask-desktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 999px;
    padding: 6px 12px 6px 15px;
    min-width: 250px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.search-mask-desktop:hover {
    box-shadow: 0 0 0 2px #ffa50033;
}

.search-mask-desktop .placeholder {
    color: #999;
    font-size: 14px;
    flex-grow: 1;
}

.search-mask-desktop .search-icon {
    background-color: #ff6600;
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-mask-desktop .search-icon i {
    font-size: 14px;
}

/* Móvil: ícono redondo llamativo */
.search-trigger-mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 5px;
    margin-left: 5px;
}

.search-trigger-mobile a {
    background-color: #ff6600 !important;
    border-radius: 50% !important;
    width: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 0 6px rgba(255, 102, 0, 0.4), 0 0 12px rgba(255, 102, 0, 0.2);
    transition: all 0.3s ease-in-out;
}

.search-trigger-mobile a:hover {
    transform: scale(1.1);
    box-shadow: 0 0 12px rgba(255, 102, 0, 0.6);
}

.search-trigger-mobile .icon-search {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: bold !important;
}



/* Mostrar solo uno según pantalla */
@media screen and (max-width: 768px) {
    .search-trigger-desktop {
        display: none;
    }
    .search-trigger-mobile {
        display: inline-block;
    }
}

@media screen and (min-width: 769px) {
    .search-trigger-mobile {
        display: none;
    }
    .search-trigger-desktop {
        display: inline-block;
    }
}

/* ✅ OCULTAR EL ÍCONO DE BÚSQUEDA EN DESKTOP */
@media screen and (min-width: 769px) {
    .search-trigger-mobile {
        display: none !important;
    }
}

.header-top-bar .header-nav .header-menu ul {
    width: 400px;
}


/* Boton subir fotos */

.upload-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E0006C;
  color: white;
  padding: 12px 15px;
  border-radius: 6px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1em;
  border: 2px solid #ffffff; /* ✅ Borde blanco */
  cursor: pointer;
  width: 100%;
  text-align: center;
  gap: 8px;
  position: relative;
  animation: pulse 1.8s infinite;
  transition: transform 0.2s;
  box-shadow: 
    0 0 12px rgba(255, 0, 150, 0.7),
    0 0 25px rgba(255, 0, 150, 0.5);
}

/* Efecto de zoom + ondas + contorno brillante */
@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 
      0 0 12px rgba(255, 0, 150, 0.8),
      0 0 25px rgba(255, 0, 150, 0.5),
      0 0 0 0 rgba(255, 0, 150, 0.5);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 
      0 0 16px rgba(255, 0, 150, 1),
      0 0 40px rgba(255, 0, 150, 0.7),
      0 0 0 14px rgba(255, 0, 150, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 
      0 0 12px rgba(255, 0, 150, 0.8),
      0 0 25px rgba(255, 0, 150, 0.5),
      0 0 0 0 rgba(255, 0, 150, 0);
  }
}

/* Oculta el footer principal */
body.page-id-7 .footer,
body.page-id-36 .footer {
    display: none !important;
}

/* Oculta el subfooter (contenedor "underfooter") */
body.page-id-7 .underfooter,
body.page-id-36 .underfooter {
    display: none !important;
}

/* Oculta el sidebar izquierdo (widgets) */
body.page-id-7 .sidebar-left,
body.page-id-36 .sidebar-left {
    display: none !important;
}

/* Oculta el bloque adicional con fondo negro (footer extendido detectado por estilo inline) */
body.page-id-7 div[style*="background:#111"],
body.page-id-36 div[style*="background:#111"] {
    display: none !important;
}

/* Oculta la barra lateral derecha (widgets u otros bloques) */
body.page-id-7 .sidebar-right,
body.page-id-36 .sidebar-right {
    display: none !important;
}

/* Oculta el cintillo fijo inferior */
body.page-id-7 #cintillo-footer,
body.page-id-36 #cintillo-footer {
    display: none !important;
}

/* Oculta el botón flotante de ayuda (.wrapper-intd) en páginas específicas, posts del blog y archivos */
body.page-id-7 .wrapper-intd,
body.page-id-36 .wrapper-intd,
body.single-post .wrapper-intd,
body.blog .wrapper-intd,
body.archive .wrapper-intd {
    display: none !important;
}


/* Oculta solo el formulario de búsqueda con div.searchform.registerform */
body.page-id-7 form.form-styling > .searchform.registerform,
body.page-id-36 form.form-styling > .searchform.registerform {
    display: none !important;
}

/* Oculta accesos rapidos en blog */

body.single-post #cintillo-footer,
body.category #cintillo-footer,
body.blog #cintillo-footer,
body.archive.category #cintillo-footer {
    display: none !important;
}

/* color Hover de menu */

.header-top-bar .header-nav .header-menu li a:hover {
    color: #000 !important; /* texto negro */
}

/* nivelar botones buscar en menu */

.search-mask-desktop {
    padding: 4px 10px 4px 12px !important;
    height: 34px !important;
    line-height: 1 !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: auto !important;
    min-width: unset !important;
    max-width: fit-content !important;
    white-space: nowrap;
}

/* cintillo ads blog */
#cintillo-adsterra-unico {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
  background: linear-gradient(to right, #ff0066, #6600cc); /* fondo llamativo */
  text-align: center;
  padding: 0;
  margin: 0;
}
#contenido-cintillo-adsterra {
  width: 100%;
  max-width: 728px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  #contenido-cintillo-adsterra {
    max-width: 320px;
  }
}

/* boton telegram */

/* Botón Telegram */
.telegram-button-effect {
  background-color: #3390ec !important;
  color: white !important; /* fuerza el texto blanco */
  padding: 14px 28px;
  border-radius: 12px;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
  box-shadow: 0 0 0 rgba(236, 6, 124, 0.5);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  animation: pulse 2s infinite ease-in-out;
}
.telegram-button-effect:hover {
  transform: scale(1.08);
  box-shadow: 0 0 20px rgba(236, 6, 124, 0.7);
}


#telegram-real-link p {
  color: #ec067c;
  font-size: 20px; /* aumentado */
  font-weight: 900;
  text-shadow: 1px 1px 2px #000;
}



@keyframes pulse {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(236, 6, 124, 0.7); }
  70% { transform: scale(1.05); box-shadow: 0 0 0 20px rgba(236, 6, 124, 0); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(236, 6, 124, 0); }
}
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-2px); }
  50% { transform: translateX(2px); }
  75% { transform: translateX(-1px); }
}

.boton-adsterra img {
  cursor: pointer;
}

/* popunder no dañar estilos */


#popunder-frame, .adsterra-layer, [id^="adsterra"] {
  all: initial !important;
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  z-index: -9999 !important;
}

/* personalziar blog grid */

/* ✅ Solo aplica si está en /blog/ o /category/ */
body.mostrar-grid-blog .bodybox.pagedesign {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 16px;
  padding: 20px;
  background-color: #121212;
}

/* Tarjeta individual */
.blog-post-card {
  background: #1e1e1e;
  border: 2px solid #ffd700;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.2s ease;
  display: flex;
  flex-direction: column;
}

.blog-post-card:hover {
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.4);
}

/* Imagen destacada */
.blog-post-card .post-thumbnail img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 16 / 9;
  display: block;
}

/* Contenido */
.blog-post-card .post-content {
  padding: 12px;
  display: flex;
  flex-direction: column;
}

/* Título */
.blog-post-card .post_title a {
  color: #ffd700;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom: 8px;
  display: block;
  text-decoration: none;
}

.blog-post-card .post_title a:hover {
  color: #ffffff;
}

/* Resumen corto */
.blog-post-card .post-excerpt {
  font-size: 12px;
  color: #bbbbbb;
  line-height: 1.3em;
  max-height: 3.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}

/* Metadatos */
.blog-post-card .postmetadata {
  font-size: 12px;
  color: #999;
  border-top: 1px solid #333;
  padding: 8px 12px 4px;
  display: flex;
  justify-content: space-between;
}



/* ANUNCIOS DE WIDGETS */

    @media (min-width: 769px) {
    .anuncio-sticky-widget {
      position: sticky;
      top: 100px;
      max-width: 210px;
      width: 100%;
      margin: 0 auto;
      text-align: center;
      z-index: 10;
    }
  }

  @media (max-width: 768px) {
    .anuncio-sticky-widget {
      display: none;
    }
  }

/* anuncios en perfiles    */

/* Anuncio responsive debajo de Tips de Seguridad */
#ad-container-unique123 {
  display: flex;
  justify-content: center;
  margin: 20px auto;
  max-width: 100%;
  z-index: 9999;
}

#ad-desktop-unique123,
#ad-mobile-unique123 {
  display: none;
}

@media (min-width: 768px) {
  #ad-desktop-unique123 {
    display: block !important;
  }
}

@media (max-width: 767px) {
  #ad-mobile-unique123 {
    display: block !important;
  }
}

/*  instagram */

.spx .trend-box {
    margin: 22px auto;
    padding: 18px 16px;
    border-radius: 14px;
    background: #000;
    border: 2px solid #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    display: none !important;
}

/* DIRECTORIO DE SOCIOS */
/* Ámbito y tipografía base */
#srx-directory.srx-dir{width:100%;color:#e8e8e8;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans",sans-serif}
#srx-directory *{box-sizing:border-box}

/* Contenedor interior: ancho máximo y padding */
#srx-directory .srx-dir__inner{max-width:1200px;margin:0 auto;padding:12px}

/* Barra sticky: fondo, borde, radios, separación inferior */
#srx-directory .srx-dir__top{position:sticky;top:0;z-index:3;background:#111;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;margin-bottom:14px}

/* Búsqueda: layout, etiqueta y campo */
#srx-directory .srx-dir__search{display:flex;gap:10px;align-items:center;margin-bottom:10px}
#srx-directory .srx-dir__label{font-size:.9rem;color:#bdbdbd}
#srx-directory .srx-dir__input{flex:1;min-width:220px;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#fff;color:#111}
#srx-directory .srx-dir__input:focus{outline:none;box-shadow:0 0 0 3px rgba(14,165,233,.25)}

/* Filtros tipo chip */
#srx-directory .srx-dir__filters{display:flex;flex-wrap:wrap;gap:8px}
#srx-directory .srx-chip{border:0;padding:7px 12px;border-radius:999px;background:#f3f4f6;color:#222;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
#srx-directory .srx-chip:hover,#srx-directory .srx-chip:focus{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.15);outline:none}
#srx-directory .srx-chip.is-active{background:#0ea5e9;color:#fff}

/* Títulos de cada categoría */
#srx-directory .srx-h2{margin:18px 0 10px;font-size:1.05rem;font-weight:800;color:#ff2ea1;border-left:4px solid #0ea5e9;padding-left:10px}

/* Reset de li para evitar floats/anchos heredados del tema */
#srx-directory .srx-grid>li{list-style:none;margin:0;padding:0;float:none !important;display:block !important;width:auto !important;max-width:none !important;min-width:0 !important;position:static !important;grid-column:auto !important}

/* Grid compacto sin huecos; columnas automáticas */
#srx-directory .srx-grid{margin:0 0 14px;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-flow:row dense}

/* Tarjeta: contenedor, borde y elevación al pasar el mouse */
#srx-directory .srx-card{display:block;text-decoration:none;color:#111;background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.12);overflow:hidden;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
#srx-directory .srx-card:hover,#srx-directory .srx-card:focus{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.16);outline:none;border-color:rgba(14,165,233,.35)}

/* Caja de logo compacta (110px alto) y logo adaptado */
#srx-directory .srx-logoBox{margin:0;width:100%;height:110px;display:flex;align-items:center;justify-content:center;background:#f6f6f6;border-bottom:1px solid rgba(0,0,0,.08)}
#srx-directory .srx-logo{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain}

/* Meta: nombre y categoría */
#srx-directory .srx-meta{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px}
#srx-directory .srx-name{font-weight:800;font-size:.98rem;color:#0f172a}
#srx-directory .srx-cat{font-size:.8rem;color:#64748b}

/* Caja final (CTA) */
#srx-directory .srx-cta{margin-top:18px;padding:16px;border-radius:14px;background:#ffffff;border:1px dashed #7dd3fc;color:#0f172a}
#srx-directory .srx-cta__title{margin:0 0 6px;font-size:1rem;font-weight:900}
#srx-directory .srx-cta__text{margin:0}
#srx-directory .srx-cta__list{margin:.5rem 0 0 1rem;padding:0}
#srx-directory .srx-link{color:#0369a1;text-decoration:underline}

/* Responsive fino para móviles */
@media (max-width:520px){
  #srx-directory .srx-dir__input{min-width:0}
  #srx-directory .srx-grid{grid-template-columns:1fr}
}




/* FORMULARIO DE CONTACTARNOS */
/* ===== SRX – look limpio, sin chocar con el tema ===== */
.srx-scope :where(*){box-sizing:border-box}

/* Paleta (puedes ajustar) */
.srx-scope{
  --srx-surface:#ffffff;
  --srx-surface-2:#f8fafc;
  --srx-border:#e6e6e9;
  --srx-ink:#0f172a;
  --srx-ink-sub:#475569;
  --srx-accent:#7c3aed;         /* morado moderno */
  --srx-accent-weak:rgba(124,58,237,.12);
  --srx-shadow:0 10px 30px rgba(2,6,23,.12);
  --srx-radius:16px;
}

/* Contenedor */
.srx-scope #srx-cast.srx-cast{
  max-width:840px;margin:24px auto;padding:0 16px;
}

/* Copy superior (fondo oscuro detrás ⇒ texto claro) */
.srx-scope #srx-cast .srx-copy{
  margin:0 0 18px;line-height:1.55;
  color:#f1f5f9 !important; font-size:16px;
}
.srx-scope #srx-cast .srx-copy strong{color:#fff;font-weight:800}

/* Tarjeta del form */
.srx-scope #srx-cast .srx-form{
  background:var(--srx-surface);
  border:1px solid var(--srx-border);
  border-radius:var(--srx-radius);
  padding:22px;
  box-shadow:var(--srx-shadow);
  color:var(--srx-ink);
}

/* Filas y labels */
.srx-scope #srx-cast .srx-row{margin-bottom:16px}
.srx-scope #srx-cast .srx-row:last-child{margin-bottom:0}
.srx-scope #srx-cast .srx-row label{
  display:block;margin:0 0 8px;
  font-size:13.5px;letter-spacing:.2px;
  color:var(--srx-ink);font-weight:800;
}

/* Inputs / textarea */
.srx-scope #srx-cast .srx-form input,
.srx-scope #srx-cast .srx-form textarea{
  width:100%;background:#fff;border:1px solid #d7dbe1;
  border-radius:12px;padding:13px 14px;font-size:15px;
  color:var(--srx-ink);outline:none;transition:.18s border-color,.18s box-shadow;
}
.srx-scope #srx-cast .srx-form textarea{min-height:150px;resize:vertical}
.srx-scope #srx-cast .srx-form input::placeholder,
.srx-scope #srx-cast .srx-form textarea::placeholder{color:#8b95a1}
.srx-scope #srx-cast .srx-form input:focus,
.srx-scope #srx-cast .srx-form textarea:focus{
  border-color:var(--srx-accent);
  box-shadow:0 0 0 4px var(--srx-accent-weak);
}

/* Checkbox mayoría de edad */
.srx-scope #srx-cast .srx-consent{display:flex;align-items:center;gap:10px}
.srx-scope #srx-cast .srx-consent input[type="checkbox"]{
  width:18px;height:18px;margin:0;accent-color:var(--srx-accent)
}
.srx-scope #srx-cast .srx-consent label{margin:0;font-weight:700;color:var(--srx-ink)}

/* Botón + acciones */
.srx-scope #srx-cast .srx-actions{display:flex;align-items:center;gap:12px;margin-top:6px}
.srx-scope #srx-cast .srx-btn{
  appearance:none;border:0;border-radius:12px;padding:12px 18px;
  background:var(--srx-accent);color:#fff;font-weight:900;
  letter-spacing:.25px;text-transform:uppercase;cursor:pointer;
  transition:.18s transform,.18s filter; box-shadow:0 6px 20px rgba(124,58,237,.25);
}
.srx-scope #srx-cast .srx-btn:hover{filter:brightness(1.06)}
.srx-scope #srx-cast .srx-btn:active{transform:translateY(1px)}
.srx-scope #srx-cast .srx-msg{margin:0;font-size:14px;color:var(--srx-ink-sub)}

/* Estados y ayuda */
.srx-scope #srx-cast .srx-error{
  border-color:#ef4444 !important; box-shadow:0 0 0 4px rgba(239,68,68,.15) !important;
}
.srx-scope #srx-cast .srx-required-note{
  margin:14px 2px 0; font-size:13.5px; color:#9aa3ae;
  display:flex; align-items:center; gap:6px;
}

/* Responsive fino */
@media (max-width:560px){
  .srx-scope #srx-cast .srx-form{padding:18px}
  .srx-scope #srx-cast .srx-actions{flex-direction:column;align-items:flex-start;gap:10px}
  .srx-scope #srx-cast .srx-btn{width:100%}
}



/* OCULTAR WIDGETS PARA PAGINAS LIMPIAS */

/* Asegura que aplicamos a la page 13083 (no al editor/admin) */
html body.page-id-13083 { }

/* 1) OCULTAR SOLO LOS SIDE BARS (y sus hijos) */
html body.page-id-13083 .sidebar-left,
html body.page-id-13083 .sidebar-right {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Neutraliza empujes del theme (márgenes negativos) */
html body.page-id-13083 .sidebar-left { margin-left: 0 !important; }
html body.page-id-13083 .sidebar-right { margin-left: 0 !important; }

/* 1.1) Widgets/blocks SOLO dentro de sidebars (no global) */
html body.page-id-13083 .sidebar-left [id^="block-"],
html body.page-id-13083 .sidebar-right [id^="block-"],
html body.page-id-13083 .sidebar-left .widgetadbox,
html body.page-id-13083 .sidebar-right .widgetadbox,
html body.page-id-13083 .sidebar-left .widgetbox-wrapper,
html body.page-id-13083 .sidebar-right .widgetbox-wrapper {
  display: none !important;
}

/* 2) OCULTAR "Te recomiendo también" (enlazatom) en esta página */
html body.page-id-13083 .enlazatom-content {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) EXPANDIR EL CONTENIDO PRINCIPAL AL 100% */
html body.page-id-13083 .contentwrapper {
  display: block !important;          /* evita grid/flex heredado */
  max-width: 100% !important;
}

html body.page-id-13083 .bodybox,
html body.page-id-13083 .bodybox.pagedesign {
  float: none !important;             /* quita floats del layout de 3 columnas */
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;          /* si el padre es flex */
  grid-column: 1 / -1 !important;     /* si el padre es grid */
  margin: 0 !important;
  /* si quieres márgenes/padding laterales, ajusta aquí: */
  /* padding-left: 15px !important; */
  /* padding-right: 15px !important; */
}

/* 3.1) Por si .bodybox tenía ancho calculado o min-width raros */
html body.page-id-13083 .bodybox { min-width: 0 !important; }

/* 4) CHAT FLOTANTE (widget del bot) */
html body.page-id-13083 .wrapper-intd,
html body.page-id-13083 .wrapper-intd .btn-gato,
html body.page-id-13083 .wrapper-intd .fac-items,
html body.page-id-13083 .wrapper-intd * {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;  /* neutraliza el fixed */
  z-index: -1 !important;
}

/* Por si el script reinyecta el inline style de posición */
html body.page-id-13083 .wrapper-intd.right-position {
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}

/* 5) CINTILLO INFERIOR FIJO */
html body.page-id-13083 #cintillo-footer,
html body.page-id-13083 .cintillo-inactivo {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: -1 !important;
}

/* === 6) Footer clásico === */
body.page-id-13083 .footer,
body.page-id-13083 .footer *,
body.page-id-13083 #block-17,
body.page-id-13083 #block-17 * {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* === 7) Bloque oscuro con posts/redes === */
/* Matamos el contenedor incluso si viene con estilos inline */
body.page-id-13083 [style*="background:#111"][style*="text-align:center"],
body.page-id-13083 [style*="background:#111"][style*="text-align:center"] *,
body.page-id-13083 .recommended-posts,
body.page-id-13083 .recommended-posts *,
body.page-id-13083 .redes-footer,
body.page-id-13083 .redes-footer * {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* === 8) Underfooter === */
body.page-id-13083 .underfooter,
body.page-id-13083 .underfooter * {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Limpieza de espacios residuales que puedan quedar al final */
body.page-id-13083 .site-content,
body.page-id-13083 #content,
body.page-id-13083 main {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}


/* HISTORIAAAAAAS */

/* ================== Scoped Styles (SRX) — CSS COMPLETO ================== */
#srx-ch-ricardo{
  --c1:#282828; --c2:#021a22; --c3:#012229; --c4:#00252b;
  --fg:#e9f2f4; --fg2:#cfe0e4; --glass:rgba(255,255,255,.06);
  --accent:#55e1c0; --accent2:#66b0ff; --ink:#07161a;
  --shadow:0 12px 32px rgba(0,0,0,.35);
  color:var(--fg);
  background:
    linear-gradient(180deg,var(--c1),var(--c2) 35%,var(--c3) 65%,var(--c4)),
    url("https://kinesiologas.pe/wp-content/uploads/2025/11/cazadores-de-historias.jpg") center/cover no-repeat fixed;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
}

/* ===== layout base al 95% ===== */
#srx-ch-ricardo .srx-hero__inner,
#srx-ch-ricardo .srx-section{
  width:95%; max-width:1600px; margin:0 auto;
}

/* ===== HERO (sin eyebrow “Especial”) ===== */
#srx-ch-ricardo .srx-hero{position:relative; isolation:isolate; padding: clamp(28px,5vw,72px) 0;}
#srx-ch-ricardo .srx-hero__bg{
  position:absolute; inset:0;
  background:
    radial-gradient(60% 60% at 50% 10%, rgba(85,225,192,.18), transparent 60%),
    radial-gradient(60% 60% at 20% 60%, rgba(102,176,255,.18), transparent 60%);
  filter: blur(12px); z-index:-1;
}
/* Mejor formato del párrafo inicial */
#srx-ch-ricardo .srx-lead{
  max-width:1000px; margin:0 auto 16px; color:var(--fg2);
  font-size:clamp(16px,1.5vw,19px); line-height:1.65; text-wrap:balance;
}
#srx-ch-ricardo .srx-lead span{display:block; margin:0 0 6px;}
#srx-ch-ricardo .srx-cta-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap; margin-bottom:14px;}

#srx-ch-ricardo .srx-btn{
  appearance:none;border:none;cursor:pointer;text-decoration:none;font-weight:800;letter-spacing:.2px;
  padding:12px 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
  box-shadow: var(--shadow);
}
#srx-ch-ricardo .srx-btn--primary{background:linear-gradient(90deg,var(--accent),var(--accent2)); color:var(--ink)}
#srx-ch-ricardo .srx-btn--ghost{background:transparent; color:#fff; border:1px solid rgba(255,255,255,.2)}
#srx-ch-ricardo .srx-center{text-align:center;margin-top:16px}
@media (prefers-reduced-motion:no-preference){
  #srx-ch-ricardo .srx-btn{transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease}
  #srx-ch-ricardo .srx-btn:hover{transform:translateY(-2px)}
}

/* ===== SECTIONS ===== */
#srx-ch-ricardo .srx-section{
  padding:clamp(16px,2.2vw,24px);
  background:rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  box-shadow:var(--shadow);
  margin-top:18px;
}
#srx-ch-ricardo .srx-section--tight{margin-top:8px;}
#srx-ch-ricardo .srx-sec-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
#srx-ch-ricardo .srx-sec-head--center{justify-content:center;text-align:center}
#srx-ch-ricardo .srx-sec-title{font-size:clamp(20px,2.4vw,28px);margin:0;color:#fff}
#srx-ch-ricardo .srx-text{color:var(--fg2);margin:0}
#srx-ch-ricardo .srx-text--center{text-align:center}

/* ===== FORM CARD — centrado y compacto para engagement ===== */
#srx-ch-ricardo #srx-enviar-form .srx-sec-head{justify-content:center;text-align:center}
#srx-ch-ricardo #srx-enviar-form .srx-sec-title{margin-bottom:4px}
#srx-ch-ricardo .srx-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px}
#srx-ch-ricardo .srx-card--form{backdrop-filter: blur(2px); max-width:1100px; margin:10px auto 0;}
#srx-ch-ricardo .srx-form-shortcode{
  font-family:ui-monospace,Menlo,monospace;background:var(--glass);padding:10px 12px;border-radius:10px;color:#e5fff8
}

/* ===== MINI CARDS (episodios) ===== */
#srx-ch-ricardo .srx-grid{display:grid;gap:14px}
#srx-ch-ricardo .srx-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){ #srx-ch-ricardo .srx-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:620px){ #srx-ch-ricardo .srx-grid--3{grid-template-columns:1fr} }
#srx-ch-ricardo .srx-mini{position:relative;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px}
#srx-ch-ricardo .srx-badge__chip{position:absolute;top:10px;right:10px;font-size:11px;padding:4px 8px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:var(--ink);font-weight:800}
#srx-ch-ricardo .srx-mini__title{margin:6px 0 4px;color:#fff;font-size:18px}
#srx-ch-ricardo .srx-mini__txt{margin:0;color:var(--fg2)}

/* ===== VIDEO CARDS (base visual que usaremos también para posts) ===== */
#srx-ch-ricardo .srx-vcards{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){ #srx-ch-ricardo .srx-vcards{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:620px){ #srx-ch-ricardo .srx-vcards{grid-template-columns:1fr} }
#srx-ch-ricardo .srx-vcard,
#srx-ch-ricardo .srx-postcard{   /* mismo look para videos y posts */
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
#srx-ch-ricardo .srx-vthumb{position:relative}
#srx-ch-ricardo .srx-iframe{position:relative;width:100%;padding-top:56.25%;background:#000}
#srx-ch-ricardo .srx-iframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#srx-ch-ricardo .srx-play{position:absolute;inset:auto auto 10px 10px;border:none;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:var(--ink);font-weight:900;padding:10px 14px;cursor:pointer;box-shadow:var(--shadow)}
#srx-ch-ricardo .srx-vtitle{margin:10px 12px 14px;font-size:16px;color:#fff}


/* ===== RELATOS PUBLICADOS — MISMA GRILLA DE VIDEOS ===== */

/* La sección completa al 95% y compacta */
#srx-ch-ricardo #srx-publicaciones.srx-section{width:95%; max-width:1600px; margin:18px auto;}

/* Usamos el mismo patrón de 3 columnas que videos para evitar huecos raros */
#srx-ch-ricardo #srx-publicaciones .srx-postgrid{
  display:grid; gap:16px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows: 1fr; /* asegura alturas equilibradas */
}
@media (max-width:980px){
  #srx-ch-ricardo #srx-publicaciones .srx-postgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  #srx-ch-ricardo #srx-publicaciones .srx-postgrid{grid-template-columns:1fr}
}

/* Card de post con el mismo “cromado” que los videos */
#srx-ch-ricardo #srx-publicaciones .srx-postcard{
  display:flex; flex-direction:column; min-height:100%;
}
#srx-ch-ricardo #srx-publicaciones .srx-postcard img{
  width:100%; aspect-ratio:16/9; object-fit:cover; display:block; filter:saturate(1.05)
}
#srx-ch-ricardo #srx-publicaciones .srx-postcard__body{
  padding:12px; display:flex; flex-direction:column; gap:6px; flex:1;
}
#srx-ch-ricardo #srx-publicaciones .srx-postcard__title{margin:0; font-size:16.5px; color:#fff}
#srx-ch-ricardo #srx-publicaciones .srx-postcard__excerpt{margin:0; color:var(--fg2); font-size:14.5px; line-height:1.45}

/* Hover sutil uniforme (videos y posts) */
#srx-ch-ricardo .srx-vcard:hover,
#srx-ch-ricardo #srx-publicaciones .srx-postcard:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0,0,0,.32);
}

/* CTA grande debajo del grid */
#srx-ch-ricardo #srx-publicaciones .srx-center{width:100%; text-align:center; margin: 14px 0 6px;}
#srx-ch-ricardo .srx-btn--mega{
  position:relative; padding:14px 20px; border-radius:999px; font-size:16px; color:var(--ink);
  background: linear-gradient(90deg,var(--accent),var(--accent2));
  display:inline-flex; align-items:center; gap:10px;
}
#srx-ch-ricardo .srx-btn__inner{position:relative; z-index:1}
#srx-ch-ricardo .srx-btn__icon{position:relative; z-index:1}
#srx-ch-ricardo .srx-btn--mega::before{
  content:""; position:absolute; inset:-2px; border-radius:999px;
  background:linear-gradient(90deg, rgba(85,225,192,.45), rgba(102,176,255,.45));
  filter: blur(10px); z-index:0; opacity:.7;
}






/* ===== Limpieza para la página Cazadores de Historias (solo aquí) ===== */
body.page-id-13457, body.postid-13457 {}

/* 1) Ocultar contenedores raíz que mencionaste */
body.page-id-13457 :is(.sidebar-left, .sidebar-right, .enlazatom-content, .footer, .underfooter, #cintillo-footer),
body.postid-13457 :is(.sidebar-left, .sidebar-right, .enlazatom-content, .footer, .underfooter, #cintillo-footer) {
  display: none !important;
  visibility: hidden !important;
}

/* 1.1) Bloque oscuro con estilos inline (background:#111; padding:40px 20px; text-align:center) */
body.page-id-13457 div[style*="background:#111"][style*="padding:40px 20px"][style*="text-align:center"],
body.postid-13457 div[style*="background:#111"][style*="padding:40px 20px"][style*="text-align:center"]{
  display: none !important;
}

/* 2) Quitar los “huecos” que dejan las sidebars (temas con floats, márgenes negativos, etc.) */
body.page-id-13457 :is(.sidebar-left, .sidebar-right),
body.postid-13457 :is(.sidebar-left, .sidebar-right) {
  margin: 0 !important;
  float: none !important;
  width: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
}

/* 3) Hacer que el contenido ocupe todo el ancho disponible */
body.page-id-13457 :is(.content, #content, .site-content, .maincontent, .container, .wrap, .page, .page-content),
body.postid-13457 :is(.content, #content, .site-content, .maincontent, .container, .wrap, .page, .page-content) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  float: none !important;
  clear: both !important;
  display: block !important;
}

/* 4) Si el layout usa columnas/flex y reservaba espacio a las sidebars */
body.page-id-13457 .maincontent:has(> .sidebar-left, > .sidebar-right),
body.postid-13457 .maincontent:has(> .sidebar-left, > .sidebar-right) {
  display: block !important;
}

/* 5) Quitar separadores/clears que solo aportan espacio extra */
body.page-id-13457 :is(.clear, .clear5, .clear10),
body.postid-13457 :is(.clear, .clear5, .clear10) {
  display: none !important;
}

/* 6) Corrección de “margin-left” agresivos del theme (como -100% y -250%) */
body.page-id-13457 .sidebar-left,
body.page-id-13457 .sidebar-right,
body.postid-13457 .sidebar-left,
body.postid-13457 .sidebar-right {
  margin-left: 0 !important;
}

/* 7) (Opcional) Si el contenedor principal está dentro de .container con grid/columns */
body.page-id-13457 .container,
body.postid-13457 .container{
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}

/* Ocultar formulario "form-styling" y "searchform registerform" solo en la página */
body.page-id-13457 form.form-styling,
body.page-id-13457 .searchform.registerform,
body.postid-13457 form.form-styling,
body.postid-13457 .searchform.registerform {
  display: none !important;
  visibility: hidden !important;
}

/* =========================================================
   SINGLE PROFILE - CSS PREMIUM FINAL AJUSTADO
   Kinesiologas.pe

   Ajustes incluidos:
   - Desktop: fotos completas, sin recorte agresivo
   - H1 más claro: nombre / teléfono / ubicación
   - Separadores "/" más notorios
   - Perfil visto centrado y mejor presentado
   - Emojis más acordes en contacto y datos
   - Tarifas mejoradas en móvil
   - Botones subir fotos/videos debajo del hero
   - WhatsApp / Telegram flotantes más arriba en móvil
========================================================= */


/* =========================================================
   1. CONTENEDOR GENERAL
========================================================= */

.bodybox.profile-page {
    background: transparent !important;
    border: 1px solid rgba(255, 20, 147, 0.42) !important;
    border-radius: 18px !important;
    padding: 12px !important;
    overflow: visible !important;
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.04),
        0 0 22px rgba(255,20,147,0.28),
        0 0 42px rgba(255,193,7,0.12) !important;
}

.bodybox.profile-page .girlsingle {
    --kp-bg: #090111;
    --kp-card: rgba(13, 9, 24, 0.96);
    --kp-card-soft: rgba(255,255,255,0.055);
    --kp-pink: #ff0f7b;
    --kp-pink-2: #cf1455;
    --kp-gold: #ffc107;
    --kp-green: #00ff50;
    --kp-border: rgba(255,20,147,0.46);
    --kp-border-soft: rgba(255,255,255,0.10);
    --kp-text-soft: rgba(255,255,255,0.78);

    display: grid !important;
    grid-template-columns: minmax(430px, 0.98fr) minmax(360px, 1.02fr) !important;
    grid-auto-rows: auto !important;
    gap: 18px !important;
    align-items: start !important;

    padding: 16px !important;
    color: #fff !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,20,147,0.26) !important;
    background:
        radial-gradient(circle at 20% 5%, rgba(255,15,123,0.16), transparent 34%),
        radial-gradient(circle at 80% 0%, rgba(110,43,243,0.14), transparent 34%),
        linear-gradient(135deg, #090111 0%, #120516 44%, #07070e 100%) !important;
}

.bodybox.profile-page,
.bodybox.profile-page .girlsingle {
    box-sizing: border-box !important;
}

.bodybox.profile-page .girlsingle > .clear,
.bodybox.profile-page .girlsingle > .clear5,
.bodybox.profile-page .girlsingle > .clear10,
.bodybox.profile-page .girlsingle > .clear20,
.bodybox.profile-page .girlsingle > .clear30 {
    display: none !important;
}


/* =========================================================
   2. HERO DESKTOP - GALERÍA IZQUIERDA
========================================================= */

.bodybox.profile-page .girlsingle > .thumbs {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;
    text-align: initial !important;
    overflow: visible !important;
    align-self: start !important;
}

/* Items de galería */
.bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper,
.bodybox.profile-page .girlsingle .thumbs .profile-video-thumb-wrapper {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Foto principal */
.bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper.kp-main-photo {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

/* Fallback si no existe kp-main-photo */
.bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper:first-child {
    grid-column: 1 / -1 !important;
}

/* Videos como secundarios */
.bodybox.profile-page .girlsingle .thumbs .profile-video-thumb-wrapper {
    grid-column: auto !important;
    order: 5 !important;
}

.bodybox.profile-page .girlsingle .thumbs .profile-img-thumb,
.bodybox.profile-page .girlsingle .thumbs .profile-video-thumb {
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,20,147,0.62) !important;
    background:
        radial-gradient(circle at center, rgba(255,15,123,0.10), transparent 50%),
        #090111 !important;
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.04),
        0 14px 30px rgba(0,0,0,0.42),
        0 0 20px rgba(255,15,123,0.10) !important;
}

.bodybox.profile-page .girlsingle .thumbs img {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    border: 0 !important;
    margin: 0 !important;
    border-radius: 16px !important;
}

/* Foto principal desktop: completa, no recortada */
.bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper.kp-main-photo img,
.bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper:first-child img {
    width: 100% !important;
    height: 660px !important;
    max-height: 660px !important;
    object-fit: contain !important;
    object-position: center center !important;
    background:
        radial-gradient(circle at center, rgba(255,15,123,0.10), transparent 55%),
        #090111 !important;
}

/* Fotos secundarias desktop: completas */
.bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper:not(.kp-main-photo):not(:first-child) img {
    height: 128px !important;
    max-height: 128px !important;
    object-fit: contain !important;
    object-position: center center !important;
    background:
        radial-gradient(circle at center, rgba(255,15,123,0.08), transparent 55%),
        #090111 !important;
}

/* Videos miniatura */
.bodybox.profile-page .girlsingle .thumbs .profile-video-thumb {
    width: 100% !important;
    height: 128px !important;
    max-height: 128px !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #090111 !important;
}

.bodybox.profile-page .girlsingle .thumbs .profile-video-thumb a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}

.bodybox.profile-page .girlsingle .thumbs .profile-video-thumb .video-image-th {
    display: none !important;
}

/* Play de video grande, no circular */
.bodybox.profile-page .girlsingle .thumbs .profile-video-thumb .video-image-play {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

    width: 200px !important;
    height: 200px !important;
    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: .96 !important;
    filter: drop-shadow(0 0 10px rgba(0,0,0,0.78)) !important;
}


/* =========================================================
   3. BOTONES ADMIN SOBRE FOTOS / VIDEOS
========================================================= */

.bodybox.profile-page .girlsingle .thumbs .edit-buttons {
    position: absolute !important;
    top: 7px !important;
    right: 7px !important;
    left: auto !important;
    z-index: 20 !important;
    display: flex !important;
    gap: 5px !important;
    width: auto !important;
}

.bodybox.profile-page .girlsingle .thumbs .edit-buttons .icon {
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    font-size: 14px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.94) !important;
    color: #111 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.30) !important;
}

.bodybox.profile-page .girlsingle .thumbs .edit-buttons .button-main-image {
    color: #00c853 !important;
}

.bodybox.profile-page .girlsingle .thumbs .edit-buttons .button-delete {
    color: #d14841 !important;
}


/* =========================================================
   4. HERO DERECHO - HEADER / CONTACTO
========================================================= */

.bodybox.profile-page .girlsingle > .profile-header {
    grid-column: 2 !important;
    grid-row: 1 !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;
    float: none !important;

    display: flex !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
    align-items: flex-start !important;
    gap: 14px !important;

    margin: 0 !important;
    padding: 22px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,20,147,0.54) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(255,15,123,0.16), transparent 36%),
        linear-gradient(145deg, rgba(20,5,30,0.96), rgba(7,7,13,0.98)) !important;
    box-shadow:
        inset 0 0 30px rgba(255,15,123,0.05),
        0 16px 34px rgba(0,0,0,0.36) !important;
}

.bodybox.profile-page .profile-header-name {
    width: 100% !important;
    float: none !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;
}


/* =========================================================
   5. H1 NOMBRE / TELÉFONO / UBICACIÓN
========================================================= */

.bodybox.profile-page .kp-profile-title,
.bodybox.profile-page .profile-title {
    color: #fff !important;
    text-align: left !important;
    font-size: clamp(17px, 1.35vw, 23px) !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
    letter-spacing: -0.15px !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    overflow-wrap: anywhere !important;
}

.bodybox.profile-page .kp-profile-title {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
}

.bodybox.profile-page .kp-title-part {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 0 !important;
}

.bodybox.profile-page .kp-title-part i {
    color: var(--kp-pink) !important;
    font-size: 0.9em !important;
}

.bodybox.profile-page .kp-title-name span {
    color: #fff !important;
    font-weight: 900 !important;
}

.bodybox.profile-page .kp-title-phone span {
    color: #ff2f93 !important;
    font-weight: 900 !important;
    text-shadow: 0 0 8px rgba(255,15,123,0.35) !important;
}

.bodybox.profile-page .kp-title-location span {
    color: #f4d6e6 !important;
    font-weight: 800 !important;
}

.bodybox.profile-page .kp-title-separator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #ffc107 !important;
    font-weight: 900 !important;
    font-size: 1.2em !important;

    padding: 0 5px !important;
    text-shadow:
        0 0 6px rgba(255,193,7,0.45),
        0 0 10px rgba(255,15,123,0.25) !important;
}

/* Fallback para H1 antiguo */
.bodybox.profile-page .profile-title i {
    color: var(--kp-pink) !important;
    font-size: 0.9em !important;
    margin-right: 4px !important;
}

.bodybox.profile-page .profile-title .fas.fa-phone,
.bodybox.profile-page .profile-title .fas.fa-map-marker-alt {
    margin-left: 8px !important;
}


/* =========================================================
   6. ETIQUETAS PREMIUM / DESTACADO / VERIFICADO
========================================================= */

.bodybox.profile-page .girlsinglelabels {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    margin: 4px 0 10px 0 !important;
}

.bodybox.profile-page .girlsinglelabels span,
.bodybox.profile-page .online-status,
.bodybox.profile-page .online-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 26px !important;
    line-height: 1 !important;
    padding: 7px 12px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .2px !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
}

.bodybox.profile-page .girlsinglelabels .orangebutton {
    background: rgba(255,193,7,0.12) !important;
    color: var(--kp-gold) !important;
    border-color: rgba(255,193,7,0.58) !important;
}

.bodybox.profile-page .girlsinglelabels .pinkdegrade,
.bodybox.profile-page .girlsinglelabels .pinkbutton {
    background: linear-gradient(90deg, #cf1455, #ff0f7b) !important;
    color: #fff !important;
}

.bodybox.profile-page .girlsinglelabels .greendegrade,
.bodybox.profile-page .online-label {
    background: rgba(0,255,80,0.12) !important;
    color: var(--kp-green) !important;
    border-color: rgba(0,255,80,0.58) !important;
}

.bodybox.profile-page .profile-header-name-info {
    display: none !important;
}


/* =========================================================
   7. CONTACTO PRINCIPAL
========================================================= */

.bodybox.profile-page .profile-header .phone-box,
.bodybox.profile-page .profile-header .available-on {
    float: none !important;
    width: calc(50% - 7px) !important;
    min-width: 0 !important;
    min-height: 98px !important;
    margin: 0 !important;
    padding: 16px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    background:
        radial-gradient(circle at top, rgba(255,15,123,0.10), transparent 55%),
        rgba(255,255,255,0.065) !important;
    box-shadow:
        inset 0 0 20px rgba(255,255,255,0.025),
        0 10px 24px rgba(0,0,0,0.28) !important;
}

.bodybox.profile-page .profile-header .phone-box:hover,
.bodybox.profile-page .profile-header .available-on:hover {
    border-color: rgba(255,20,147,0.52) !important;
    background:
        radial-gradient(circle at top, rgba(255,15,123,0.16), transparent 60%),
        rgba(255,255,255,0.085) !important;
}

.bodybox.profile-page .profile-header .phone-box .label,
.bodybox.profile-page .profile-header .available-on .label {
    color: rgba(255,255,255,0.78) !important;
    font-size: 12px !important;
    margin-bottom: 8px !important;
    text-align: center !important;
    font-weight: 600 !important;
}

.bodybox.profile-page .profile-header .phone-box .label::before {
    content: "📞 ";
}

.bodybox.profile-page .profile-header .available-on .label::before {
    content: "💬 ";
}

.bodybox.profile-page .profile-header .phone-box a {
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

.bodybox.profile-page .profile-header .phone-box h2 {
    color: var(--kp-pink) !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    letter-spacing: .2px !important;
}

.bodybox.profile-page .profile-header .phone-box .icon-phone {
    color: #fff !important;
    font-size: 19px !important;
    margin-right: 5px !important;
}

.bodybox.profile-page .profile-header .available-on img {
    width: 170px !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 999px !important;
    filter: drop-shadow(0 0 8px rgba(0,255,80,0.32)) !important;
}


/* =========================================================
   8. ACERCA DE MÍ
========================================================= */

.bodybox.profile-page .girlsingle > .aboutme {
    grid-column: 2 !important;
    grid-row: 2 !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 20px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,20,147,0.42) !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(255,15,123,0.14), transparent 32%),
        linear-gradient(135deg, rgba(80,5,42,0.96), rgba(22,4,18,0.98)) !important;
    box-shadow: 0 16px 32px rgba(0,0,0,0.30) !important;
}

.bodybox.profile-page .aboutme h2,
.bodybox.profile-page .girlinfo-section h2,
.bodybox.profile-page .single-profile-tours-title,
.bodybox.profile-page #addreviewsection {
    color: #fff !important;
    border-left: 3px solid var(--kp-pink) !important;
    padding-left: 12px !important;
    font-size: 15px !important;
    letter-spacing: .5px !important;
    text-transform: uppercase !important;
    margin: 0 0 14px 0 !important;
}

.bodybox.profile-page .aboutme h2::before {
    content: "💗 ";
}

.bodybox.profile-page .aboutme a {
    color: #ff69b4 !important;
}

.bodybox.profile-page .aboutme p,
.bodybox.profile-page .aboutme b {
    line-height: 1.6 !important;
}

.bodybox.profile-page .aboutme {
    font-size: 14px !important;
}


/* =========================================================
   9. INTERLINKING
========================================================= */

.bodybox.profile-page .interlinking-title {
    color: #fff !important;
    line-height: 1.4 !important;
}

.bodybox.profile-page .interlinking-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
    margin-top: 16px !important;
}

.bodybox.profile-page .interlink-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,20,147,0.45) !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 10px 16px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.bodybox.profile-page .interlink-btn:hover {
    background: linear-gradient(90deg, #cf1455, #ff0f7b) !important;
    color: #fff !important;
}


/* =========================================================
   10. SUBIR FOTOS / VIDEOS ADMIN
========================================================= */

.bodybox.profile-page .girlsingle > .profile-page-no-media-wrapper {
    grid-row: 3 !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bodybox.profile-page .girlsingle > .profile-page-no-media-wrapper-photos {
    grid-column: 1 !important;
}

.bodybox.profile-page .girlsingle > .profile-page-no-media-wrapper-videos {
    grid-column: 2 !important;
}

.bodybox.profile-page .profile-page-no-media {
    min-height: 120px !important;
    border: 2px dashed rgba(255,255,255,0.58) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,0.035) !important;
    color: rgba(255,255,255,0.78) !important;
    padding: 14px !important;
    text-align: center !important;
}

.bodybox.profile-page .profile-page-no-media .icon {
    float: none !important;
    display: block !important;
    padding: 0 0 8px 0 !important;
    color: var(--kp-pink) !important;
}

.bodybox.profile-page .profile-page-no-media .upload-button,
.bodybox.profile-page .upload-button {
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto 8px auto !important;
    padding: 11px 16px !important;
    border-radius: 8px !important;
    border: 2px solid rgba(255,255,255,0.85) !important;
    background: linear-gradient(90deg, #cf1455, #ff0f7b) !important;
    color: #fff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    text-align: center !important;
}

.bodybox.profile-page .image-buttons-legend {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    clear: none !important;
    text-align: center !important;
    color: rgba(255,255,255,0.84) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: -2px 0 2px 0 !important;
}


/* =========================================================
   11. COLUMNAS INFERIORES
========================================================= */

.bodybox.profile-page .girlsingle > .girlinfo {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.bodybox.profile-page .girlsingle > .girlinfo.l {
    grid-column: 1 !important;
    grid-row: 4 !important;
}

.bodybox.profile-page .girlsingle > .girlinfo.r {
    grid-column: 2 !important;
    grid-row: 4 !important;
}

.bodybox.profile-page .girlinfo .girlinfo-section {
    float: none !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    padding: 22px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,20,147,0.30) !important;
    color: #fff !important;
    overflow: hidden !important;
    background:
        linear-gradient(145deg, rgba(20,5,30,0.95), rgba(5,20,25,0.94)) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,0.26) !important;
}


/* =========================================================
   12. RATING / FAVORITOS / BOTONES
========================================================= */

.bodybox.profile-page .profilestarrating-wrapper {
    text-align: center !important;
    margin-bottom: 18px !important;
}

.bodybox.profile-page .profilestarrating-wrapper .label {
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 16px !important;
}

.bodybox.profile-page .profilestarrating-wrapper i {
    color: rgba(255,255,255,0.82) !important;
}

.bodybox.profile-page .pinkbutton,
.bodybox.profile-page .sendemail,
.bodybox.profile-page .addreview-button,
.bodybox.profile-page .favbutton {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 9px 16px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,0.20) !important;
    background: linear-gradient(90deg, #cf1455, #ff0f7b) !important;
    color: #fff !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 20px rgba(255,15,123,0.22) !important;
    text-decoration: none !important;
}


/* =========================================================
   13. DATOS / LABELS
========================================================= */

.bodybox.profile-page .section-box {
    float: none !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 8px 16px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    padding: 10px 0 !important;
    min-height: auto !important;
}

.bodybox.profile-page .section-box:last-child {
    border-bottom: 0 !important;
}

.bodybox.profile-page .section-box b {
    flex: 0 0 185px !important;
    max-width: 185px !important;
    color: #ff4fa0 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

.bodybox.profile-page .section-box b::before {
    content: "📌 ";
}

.bodybox.profile-page .section-box b[itemprop="height"]::before {
    content: "💵 ";
}

.bodybox.profile-page .section-box b[itemprop="weight"]::before {
    content: "⚖️ ";
}

.bodybox.profile-page .section-box .valuecolumn {
    flex: 1 1 220px !important;
    width: auto !important;
    float: none !important;
    display: block !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

/* Pagos */
.bodybox.profile-page .section-box .valuecolumn[style*="width:auto"],
.bodybox.profile-page .section-box .valuecolumn[style*="width: auto"] {
    flex: 0 0 78px !important;
    width: 78px !important;
    margin-right: 8px !important;
    margin-top: 8px !important;
    text-align: center !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.bodybox.profile-page .section-box .valuecolumn img {
    width: auto !important;
    max-width: 54px !important;
    max-height: 54px !important;
    height: auto !important;
    object-fit: contain !important;
}

.bodybox.profile-page .section-box .valuecolumn span {
    font-size: 12px !important;
    color: #fff !important;
    line-height: 1.25 !important;
}


/* =========================================================
   14. DATOS DE CONTACTO
========================================================= */

.bodybox.profile-page .contact .b {
    width: 42% !important;
    float: left !important;
    clear: left !important;
    padding: 7px 0 !important;
}

.bodybox.profile-page .contact .b-label {
    color: #ff4fa0 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

.bodybox.profile-page .contact .b-label::before {
    content: "📍 ";
}

.bodybox.profile-page .contact .valuecolumn {
    width: 58% !important;
    float: left !important;
    display: block !important;
    padding: 7px 0 !important;
    color: #fff !important;
}

.bodybox.profile-page .contact a {
    color: #ff4fa0 !important;
}


/* =========================================================
   15. SERVICIOS
========================================================= */

.bodybox.profile-page .services div {
    padding: 9px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
    line-height: 1.45 !important;
}

.bodybox.profile-page .services div:last-child {
    border-bottom: 0 !important;
}

.bodybox.profile-page .services .icon-ok,
.bodybox.profile-page .icon-ok {
    color: var(--kp-green) !important;
}


/* =========================================================
   16. TABLA DE TARIFAS
========================================================= */

.bodybox.profile-page .rates-table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    background: rgba(255,255,255,0.035) !important;
}

.bodybox.profile-page .rates-table th {
    background: linear-gradient(90deg, #cf1455, #ff0f7b) !important;
    color: #fff !important;
    padding: 12px 8px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-align: center !important;
    border: 0 !important;
}

.bodybox.profile-page .rates-table th::before {
    content: "💰 ";
}

.bodybox.profile-page .rates-table th:first-child::before {
    content: "";
}

.bodybox.profile-page .rates-table td {
    background: rgba(255,255,255,0.055) !important;
    color: #fff !important;
    padding: 10px 8px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    text-align: center !important;
}

.bodybox.profile-page .rates-table td:first-child {
    text-align: left !important;
    color: #ffb6d9 !important;
    font-weight: 800 !important;
}


/* =========================================================
   17. PERFIL VISTO CENTRADO
========================================================= */

.bodybox.profile-page .visitor-counter {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    color: #ff69b4 !important;
    font-size: 14px !important;
    font-weight: 800 !important;

    background: rgba(255,15,123,0.08) !important;
    border: 1px solid rgba(255,20,147,0.24) !important;
    border-radius: 999px !important;
    padding: 7px 14px !important;
    margin: 10px auto !important;
    text-align: center !important;
    box-shadow: 0 0 14px rgba(255,15,123,0.12) !important;
}

.bodybox.profile-page .visitor-counter .count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: linear-gradient(90deg, #cf1455, #ff0f7b) !important;
    color: #fff !important;
    min-width: 34px !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    text-shadow: none !important;
    letter-spacing: 0 !important;
}

.bodybox.profile-page .girlsingle > div[style*="text-align: center"] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    text-align: center !important;
}


/* =========================================================
   18. ELEMENTOS FULL WIDTH
========================================================= */

.bodybox.profile-page .girlsingle > #telegram-banner-profile,
.bodybox.profile-page .girlsingle > .custom-alert-slider-container,
.bodybox.profile-page .girlsingle > .all-header-slider,
.bodybox.profile-page .girlsingle > .all.all-header-slider,
.bodybox.profile-page .girlsingle > .addedtours,
.bodybox.profile-page .girlsingle > .review-wrapper,
.bodybox.profile-page .girlsingle > .addreviewform {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

.bodybox.profile-page #telegram-banner-profile img {
    max-width: 100% !important;
    height: auto !important;
}

.bodybox.profile-page .review-wrapper {
    border-radius: 16px !important;
    border: 1px solid rgba(255,20,147,0.30) !important;
    background: rgba(255,255,255,0.045) !important;
    color: #fff !important;
    padding: 18px !important;
}

.bodybox.profile-page .custom-alert-slider-container {
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,20,147,0.35) !important;
}


/* =========================================================
   19. TOP HISTORIAS DEL DÍA
========================================================= */

.bodybox.profile-page .all-header-slider,
.bodybox.profile-page .all.all-header-slider {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    margin: 18px auto !important;
    padding: 6px 0 10px 0 !important;
    background: transparent !important;
}

.bodybox.profile-page .all-header-slider .owl-stage-outer,
.bodybox.profile-page .all.all-header-slider .owl-stage-outer {
    overflow: hidden !important;
    width: 100% !important;
}

.bodybox.profile-page .all-header-slider .owl-stage,
.bodybox.profile-page .all.all-header-slider .owl-stage {
    display: flex !important;
    align-items: flex-start !important;
}

.bodybox.profile-page .all-header-slider .owl-item,
.bodybox.profile-page .all.all-header-slider .owl-item {
    text-align: center !important;
}

.bodybox.profile-page .all-header-slider .owl-item .girlimg,
.bodybox.profile-page .all.all-header-slider .owl-item .girlimg {
    display: block !important;
    position: relative !important;
    width: 116px !important;
    min-height: 154px !important;
    margin: 0 auto !important;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-decoration: none !important;
}

.bodybox.profile-page .all-header-slider .owl-item .girlimg > img,
.bodybox.profile-page .all.all-header-slider .owl-item .girlimg > img {
    display: block !important;
    width: 102px !important;
    height: 102px !important;
    max-width: 102px !important;
    max-height: 102px !important;
    margin: 0 auto 7px auto !important;
    border-radius: 999px !important;
    object-fit: cover !important;
    object-position: center top !important;
    border: 3px solid #ff0f7b !important;
    box-shadow:
        0 0 0 2px rgba(255,193,7,0.65),
        0 0 14px rgba(255,15,123,0.45) !important;
}

.bodybox.profile-page .all-header-slider .owl-item .category-kis,
.bodybox.profile-page .all-header-slider .owl-item .premiumlabel,
.bodybox.profile-page .all-header-slider .owl-item .labels,
.bodybox.profile-page .all-header-slider .owl-item .label-video,
.bodybox.profile-page .all.all-header-slider .owl-item .category-kis,
.bodybox.profile-page .all.all-header-slider .owl-item .premiumlabel,
.bodybox.profile-page .all.all-header-slider .owl-item .labels,
.bodybox.profile-page .all.all-header-slider .owl-item .label-video {
    display: none !important;
}

.bodybox.profile-page .all-header-slider .owl-item .girlinfo,
.bodybox.profile-page .all.all-header-slider .owl-item .girlinfo {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: 116px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    color: #fff !important;
    text-align: center !important;
}

.bodybox.profile-page .all-header-slider .owl-item .modelname,
.bodybox.profile-page .all.all-header-slider .owl-item .modelname {
    display: block !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.bodybox.profile-page .all-header-slider .owl-item .modelinfo-location,
.bodybox.profile-page .all.all-header-slider .owl-item .modelinfo-location {
    display: block !important;
    color: rgba(255,255,255,0.72) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    max-height: 24px !important;
    overflow: hidden !important;
}


/* SRX limpieza 2026-06-22: retirado Bloque antiguo 20. BOTONES FLOTANTES WHATSAPP / TELEGRAM del perfil. Ahora el CTA flotante del perfil se controla desde single-profile.php. */


/* =========================================================
   21. TABLET
========================================================= */

@media screen and (max-width: 1180px) {
    .bodybox.profile-page .girlsingle {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 14px !important;
    }

    .bodybox.profile-page .girlsingle > .thumbs,
    .bodybox.profile-page .girlsingle > .profile-header,
    .bodybox.profile-page .girlsingle > .aboutme,
    .bodybox.profile-page .girlsingle > .profile-page-no-media-wrapper,
    .bodybox.profile-page .girlsingle > .girlinfo.l,
    .bodybox.profile-page .girlsingle > .girlinfo.r {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper.kp-main-photo img,
    .bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper:first-child img {
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }
}


/* =========================================================
   22. MOBILE
========================================================= */

@media screen and (max-width: 768px) {
    .bodybox.profile-page {
        padding: 4px !important;
        border-radius: 12px !important;
        border-left: 0 !important;
        border-right: 0 !important;
        box-shadow:
            0 0 0 1px rgba(255,255,255,0.04),
            0 0 16px rgba(255,20,147,0.22) !important;
    }

    .bodybox.profile-page .girlsingle {
        display: block !important;
        padding: 7px !important;
        border-radius: 12px !important;
        overflow: visible !important;
    }

    .bodybox.profile-page .girlsingle > .profile-header {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        width: 100% !important;
        min-height: auto !important;
        padding: 12px !important;
        margin: 0 0 10px 0 !important;
        border-radius: 14px !important;
    }

    .bodybox.profile-page .profile-header-name {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        text-align: left !important;
    }

    .bodybox.profile-page .kp-profile-title,
    .bodybox.profile-page .profile-title {
        font-size: 16px !important;
        line-height: 1.35 !important;
        letter-spacing: -0.1px !important;
        margin-bottom: 7px !important;
        gap: 5px !important;
    }

    .bodybox.profile-page .kp-title-part {
        gap: 5px !important;
        padding: 2px 0 !important;
    }

    .bodybox.profile-page .kp-title-location {
        flex-basis: 100% !important;
    }

    .bodybox.profile-page .girlsinglelabels {
        gap: 5px !important;
        margin: 6px 0 7px 0 !important;
    }

    .bodybox.profile-page .girlsinglelabels span,
    .bodybox.profile-page .online-status,
    .bodybox.profile-page .online-label {
        font-size: 9.5px !important;
        padding: 5px 7px !important;
        min-height: 22px !important;
    }

    .bodybox.profile-page .profile-header .phone-box,
    .bodybox.profile-page .profile-header .available-on {
        width: 100% !important;
        min-height: 56px !important;
        padding: 7px !important;
        margin: 0 !important;
        border-radius: 12px !important;
    }

    .bodybox.profile-page .profile-header .phone-box .label,
    .bodybox.profile-page .profile-header .available-on .label {
        font-size: 10px !important;
        margin-bottom: 3px !important;
        line-height: 1.1 !important;
    }

    .bodybox.profile-page .profile-header .phone-box h2 {
        font-size: 15px !important;
        line-height: 1.1 !important;
    }

    .bodybox.profile-page .profile-header .available-on img {
        width: 116px !important;
        max-width: 116px !important;
        height: auto !important;
        border-radius: 999px !important;
    }

    /* Galería mobile */
    .bodybox.profile-page .girlsingle > .thumbs {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 14px 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        text-align: initial !important;
    }

    .bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper,
    .bodybox.profile-page .girlsingle .thumbs .profile-video-thumb-wrapper {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper.kp-main-photo,
    .bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper:first-child {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }

    .bodybox.profile-page .girlsingle .thumbs .profile-video-thumb-wrapper {
        order: 5 !important;
        grid-column: auto !important;
    }

    .bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper.kp-main-photo img,
    .bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper:first-child img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    .bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper:not(.kp-main-photo):not(:first-child) img {
        width: 100% !important;
        height: 118px !important;
        max-height: 118px !important;
        object-fit: contain !important;
        object-position: center center !important;
        background: #090111 !important;
    }

    .bodybox.profile-page .girlsingle .thumbs .profile-video-thumb {
        width: 100% !important;
        height: 118px !important;
        max-height: 118px !important;
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-color: #090111 !important;
    }

    .bodybox.profile-page .girlsingle .thumbs .profile-video-thumb .video-image-play {
        width: 200px !important;
        height: 200px !important;
        max-width: 100% !important;
        max-height: 100% !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .bodybox.profile-page .girlsingle > .aboutme {
        width: 100% !important;
        margin: 0 0 9px 0 !important;
        padding: 14px !important;
        border-radius: 14px !important;
    }

    .bodybox.profile-page .aboutme,
    .bodybox.profile-page .girlinfo .girlinfo-section {
        padding: 14px !important;
        border-radius: 14px !important;
        margin-bottom: 9px !important;
    }

    .bodybox.profile-page .aboutme h2,
    .bodybox.profile-page .girlinfo-section h2,
    .bodybox.profile-page .single-profile-tours-title,
    .bodybox.profile-page #addreviewsection {
        font-size: 13px !important;
        margin-bottom: 12px !important;
    }

    .bodybox.profile-page .aboutme,
    .bodybox.profile-page .aboutme p,
    .bodybox.profile-page .aboutme b {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    .bodybox.profile-page .interlinking-title {
        font-size: 15px !important;
        line-height: 1.35 !important;
    }

    .bodybox.profile-page .interlinking-buttons {
        display: block !important;
        margin-top: 12px !important;
    }

    .bodybox.profile-page .interlink-btn {
        width: 100% !important;
        min-height: 38px !important;
        padding: 9px 12px !important;
        margin-bottom: 8px !important;
        font-size: 13px !important;
    }

    .bodybox.profile-page .girlsingle > .girlinfo {
        width: 100% !important;
        margin: 0 !important;
    }

    .bodybox.profile-page .section-box {
        display: block !important;
        padding: 9px 0 !important;
    }

    .bodybox.profile-page .section-box b {
        display: block !important;
        max-width: none !important;
        margin-bottom: 4px !important;
        font-size: 11.5px !important;
    }

    .bodybox.profile-page .section-box .valuecolumn {
        display: block !important;
        width: 100% !important;
        font-size: 13.5px !important;
    }

    .bodybox.profile-page .section-box .valuecolumn[style*="width:auto"],
    .bodybox.profile-page .section-box .valuecolumn[style*="width: auto"] {
        width: 64px !important;
        display: inline-flex !important;
        margin-right: 6px !important;
        margin-top: 6px !important;
        vertical-align: top !important;
    }

    .bodybox.profile-page .section-box .valuecolumn img {
        max-width: 44px !important;
        max-height: 44px !important;
    }

    .bodybox.profile-page .section-box .valuecolumn span {
        font-size: 10.5px !important;
    }

    .bodybox.profile-page .contact .b,
    .bodybox.profile-page .contact .valuecolumn {
        width: 100% !important;
        float: none !important;
        clear: both !important;
        padding: 3px 0 !important;
    }

    .bodybox.profile-page .contact .valuecolumn {
        padding-bottom: 9px !important;
        border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    }

    .bodybox.profile-page .pinkbutton,
    .bodybox.profile-page .sendemail,
    .bodybox.profile-page .addreview-button,
    .bodybox.profile-page .favbutton {
        width: 100% !important;
        min-height: 36px !important;
        margin: 5px 0 !important;
        padding: 8px 12px !important;
        font-size: 13px !important;
    }

    /* Tabla móvil mejorada */
    .bodybox.profile-page .rates-table {
        display: table !important;
        width: 100% !important;
        table-layout: fixed !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
    }

    .bodybox.profile-page .rates-table tbody {
        display: table-row-group !important;
    }

    .bodybox.profile-page .rates-table tr {
        display: table-row !important;
    }

    .bodybox.profile-page .rates-table th,
    .bodybox.profile-page .rates-table td {
        display: table-cell !important;
        width: auto !important;
        font-size: 11.5px !important;
        padding: 9px 6px !important;
        text-align: center !important;
        vertical-align: middle !important;
        border: 0 !important;
        border-top: 1px solid rgba(255,255,255,0.08) !important;
        line-height: 1.25 !important;
    }

    .bodybox.profile-page .rates-table th {
        font-size: 11.5px !important;
        font-weight: 900 !important;
        background: linear-gradient(90deg, #cf1455, #ff0f7b) !important;
        color: #fff !important;
    }

    .bodybox.profile-page .rates-table td:first-child {
        text-align: left !important;
        font-size: 11.5px !important;
        font-weight: 900 !important;
        color: #ffb6d9 !important;
    }

    .bodybox.profile-page .rates-table td:not(:first-child) {
        color: #fff !important;
        font-weight: 700 !important;
    }

/* SRX limpieza 2026-06-22: retirado Ajuste móvil antiguo de botones flotantes del perfil. Ahora el CTA flotante del perfil se controla desde single-profile.php. */
}


/* =========================================================
   23. MOBILE PEQUEÑO
========================================================= */

@media screen and (max-width: 480px) {
    .bodybox.profile-page {
        padding: 3px !important;
    }

    .bodybox.profile-page .girlsingle {
        padding: 6px !important;
    }

    .bodybox.profile-page .kp-profile-title,
    .bodybox.profile-page .profile-title {
        font-size: 15px !important;
        line-height: 1.34 !important;
    }

    .bodybox.profile-page .profile-header .phone-box,
    .bodybox.profile-page .profile-header .available-on {
        min-height: 52px !important;
        padding: 6px !important;
    }

    .bodybox.profile-page .profile-header .phone-box h2 {
        font-size: 14px !important;
    }

    .bodybox.profile-page .profile-header .available-on img {
        width: 108px !important;
        max-width: 108px !important;
    }

    .bodybox.profile-page .girlsingle > .thumbs {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    .bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper.kp-main-photo img,
    .bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper:first-child img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    .bodybox.profile-page .girlsingle .thumbs .profile-img-thumb-wrapper:not(.kp-main-photo):not(:first-child) img {
        height: 106px !important;
        max-height: 106px !important;
        object-fit: contain !important;
    }

    .bodybox.profile-page .girlsingle .thumbs .profile-video-thumb {
        height: 106px !important;
        max-height: 106px !important;
        background-size: contain !important;
    }

    .bodybox.profile-page .girlsingle .thumbs .profile-video-thumb .video-image-play {
        width: 200px !important;
        height: 200px !important;
        max-width: 100% !important;
        max-height: 100% !important;
    }

/* SRX limpieza 2026-06-22: retirado Ajuste móvil pequeño antiguo de botones flotantes del perfil. Ahora el CTA flotante del perfil se controla desde single-profile.php. */
}


/* =========================================================
   24. SEGURIDAD VISUAL
========================================================= */

.bodybox.profile-page .girlsingle iframe,
.bodybox.profile-page .girlsingle video {
    max-width: 100% !important;
}

.bodybox.profile-page .girlsingle img {
    box-sizing: border-box !important;
}

/* =========================================================
   H1 PERFIL - EMOJIS + SEPARADORES
========================================================= */

.bodybox.profile-page .kp-profile-title {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 7px !important;
    color: #fff !important;
    text-align: left !important;
    font-size: clamp(17px, 1.35vw, 23px) !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
    letter-spacing: -0.15px !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    overflow-wrap: anywhere !important;
}

.bodybox.profile-page .kp-title-part {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 3px 0 !important;
}

.bodybox.profile-page .kp-title-emoji {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.05em !important;
    line-height: 1 !important;
    filter: drop-shadow(0 0 4px rgba(255, 15, 123, 0.35)) !important;
}

.bodybox.profile-page .kp-title-name span:last-child {
    color: #ffffff !important;
    font-weight: 900 !important;
}

.bodybox.profile-page .kp-title-phone span:last-child {
    color: #ff2f93 !important;
    font-weight: 900 !important;
    text-shadow: 0 0 8px rgba(255,15,123,0.35) !important;
}

.bodybox.profile-page .kp-title-location span:last-child {
    color: #f4d6e6 !important;
    font-weight: 800 !important;
}

.bodybox.profile-page .kp-title-separator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffc107 !important;
    font-size: 1.2em !important;
    font-weight: 900 !important;
    padding: 0 5px !important;
    text-shadow:
        0 0 6px rgba(255,193,7,0.45),
        0 0 10px rgba(255,15,123,0.25) !important;
}

/* Mobile: que la dirección baje a una línea propia para leer mejor */
@media screen and (max-width: 768px) {
    .bodybox.profile-page .kp-profile-title {
        font-size: 16px !important;
        gap: 5px !important;
        line-height: 1.35 !important;
    }

    .bodybox.profile-page .kp-title-location {
        flex-basis: 100% !important;
    }

    .bodybox.profile-page .kp-title-part {
        gap: 5px !important;
    }

    .bodybox.profile-page .kp-title-separator {
        font-size: 1.05em !important;
        padding: 0 3px !important;
    }
}

@media screen and (max-width: 480px) {
    .bodybox.profile-page .kp-profile-title {
        font-size: 15px !important;
    }
}

/* =========================================================
   HEADER KINESIOLOGAS.PE - DARK NEON V2
   Pegar en: Apariencia > Personalizar > CSS adicional
========================================================= */

:root {
  --kp-bg: #090111;
  --kp-bg-2: #12051F;
  --kp-card: #180923;
  --kp-purple: #6E28F3;
  --kp-purple-2: #3D0CB8;
  --kp-primary: #CF155A;
  --kp-primary-2: #d41459;
  --kp-primary-dark: #911a6c;
  --kp-hover: #FF1493;
  --kp-online: #0FFF50;
  --kp-yellow: #FFC107;
  --kp-white: #ffffff;
  --kp-soft: rgba(255, 255, 255, .72);
  --kp-muted: rgba(255, 255, 255, .56);
  --kp-line: rgba(255, 255, 255, .12);
  --kp-line-pink: rgba(255, 20, 147, .38);
  --kp-shadow-pink: 0 0 16px rgba(255, 20, 147, .36), 0 0 34px rgba(207, 21, 90, .22);
  --kp-shadow-purple: 0 0 16px rgba(110, 40, 243, .38), 0 0 34px rgba(61, 12, 184, .22);
  --kp-radius: 18px;
  --kp-radius-pill: 999px;
}

html body {
  background: var(--kp-bg) !important;
}

body.kp-menu-open,
body.kp-search-open {
  overflow: hidden !important;
}

/* =========================================================
   BASE HEADER
========================================================= */

#site-header.kp-site-header,
.kp-site-header {
  position: relative !important;
  z-index: 50 !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(110, 40, 243, .16), transparent 32%),
    radial-gradient(circle at 86% 12%, rgba(207, 21, 90, .18), transparent 34%),
    linear-gradient(180deg, #12051F 0%, #090111 100%) !important;
  color: var(--kp-white) !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.kp-site-header *,
.kp-site-header *::before,
.kp-site-header *::after {
  box-sizing: border-box;
}

.kp-site-header a,
.kp-site-header button {
  -webkit-tap-highlight-color: transparent;
}

.kp-site-header a {
  text-decoration: none !important;
}

.kp-site-header img {
  max-width: 100%;
  height: auto;
}

.kp-site-header .clear {
  clear: both;
}

/* Fallback visible para iconos que no cargan */
.kp-site-header .kp-icon-font {
  display: none !important;
}

.kp-site-header .kp-icon-fallback {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 15px;
  line-height: 1;
}

/* =========================================================
   CINTILLO BLOG / PACKS
========================================================= */

.kp-blog-top-strip {
  position: relative !important;
  z-index: 1002 !important;
  width: 100% !important;
  background: linear-gradient(90deg, #12051F 0%, #1c0730 48%, #12051F 100%) !important;
  border-bottom: 1px solid rgba(255, 193, 7, .75) !important;
  box-shadow: 0 0 18px rgba(255, 20, 147, .18) !important;
  overflow: visible !important;
}

.kp-blog-top-inner {
  width: min(1250px, calc(100% - 28px)) !important;
  min-height: 54px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  overflow: visible !important;
}

.kp-blog-top-text {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  overflow: hidden !important;
}

.kp-live-badge {
  flex: 0 0 auto !important;
  height: 28px !important;
  padding: 0 13px !important;
  border-radius: var(--kp-radius-pill) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  background: linear-gradient(to left, var(--kp-primary-2), var(--kp-primary-dark)) !important;
  box-shadow: var(--kp-shadow-pink) !important;
  white-space: nowrap !important;
}

.kp-live-dot {
  width: 9px !important;
  height: 9px !important;
  display: inline-block !important;
  border-radius: 50% !important;
  background: var(--kp-online) !important;
  box-shadow: 0 0 0 0 rgba(15, 255, 80, .7), 0 0 15px rgba(15, 255, 80, .92) !important;
  animation: kpLivePulse 1.25s infinite !important;
}

@keyframes kpLivePulse {
  0% { box-shadow: 0 0 0 0 rgba(15,255,80,.75), 0 0 14px rgba(15,255,80,.85); opacity: 1; }
  70% { box-shadow: 0 0 0 9px rgba(15,255,80,0), 0 0 20px rgba(15,255,80,.4); opacity: .82; }
  100% { box-shadow: 0 0 0 0 rgba(15,255,80,0), 0 0 14px rgba(15,255,80,.75); opacity: 1; }
}

.kp-blog-marquee-wrap {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
  color: var(--kp-soft) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.kp-blog-marquee-track {
  display: flex !important;
  gap: 42px !important;
  width: max-content !important;
  animation: kpMarquee 22s linear infinite !important;
}

.kp-blog-marquee-track span {
  white-space: nowrap !important;
  color: var(--kp-soft) !important;
}

@keyframes kpMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.kp-blog-shortcode-wrap {
  position: relative !important;
  z-index: 1005 !important;
  flex: 0 0 auto !important;
  width: 280px !important;
  max-width: 42vw !important;
  overflow: visible !important;
}

/* Buscador del shortcode: texto visible y dropdown sobre todo */
.kp-blog-shortcode-wrap,
.kp-blog-shortcode-wrap form,
.kp-blog-shortcode-wrap div,
.kp-blog-shortcode-wrap [class*="search"],
.kp-blog-shortcode-wrap [class*="srxvsi"] {
  overflow: visible !important;
}

.kp-blog-shortcode-wrap form,
.kp-blog-shortcode-wrap .srxvsi_search_inline,
.kp-blog-shortcode-wrap [class*="search-inline"],
.kp-blog-shortcode-wrap [class*="search_inline"] {
  width: 100% !important;
  position: relative !important;
}

.kp-blog-shortcode-wrap input[type="text"],
.kp-blog-shortcode-wrap input[type="search"],
.kp-blog-shortcode-wrap input:not([type]),
.kp-blog-shortcode-wrap .search-field {
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  border-radius: var(--kp-radius-pill) !important;
  border: 1px solid rgba(255, 255, 255, .7) !important;
  background: #f7f7fb !important;
  color: #180923 !important;
  -webkit-text-fill-color: #180923 !important;
  caret-color: var(--kp-primary) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 0 52px 0 18px !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.04), 0 0 18px rgba(255,20,147,.18) !important;
}

.kp-blog-shortcode-wrap input[type="text"]::placeholder,
.kp-blog-shortcode-wrap input[type="search"]::placeholder,
.kp-blog-shortcode-wrap .search-field::placeholder {
  color: #73768a !important;
  -webkit-text-fill-color: #73768a !important;
  opacity: 1 !important;
}

.kp-blog-shortcode-wrap input[type="text"]:focus,
.kp-blog-shortcode-wrap input[type="search"]:focus,
.kp-blog-shortcode-wrap .search-field:focus {
  border-color: var(--kp-hover) !important;
  box-shadow: 0 0 0 3px rgba(255,20,147,.18), 0 0 22px rgba(255,20,147,.35) !important;
}

.kp-blog-shortcode-wrap button,
.kp-blog-shortcode-wrap input[type="submit"],
.kp-blog-shortcode-wrap .search-submit,
.kp-blog-shortcode-wrap [class*="button"] {
  position: absolute !important;
  top: 3px !important;
  right: 3px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 50% !important;
  border: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(to left, var(--kp-primary-2), var(--kp-primary-dark)) !important;
  color: #fff !important;
  font-size: 0 !important;
  line-height: 1 !important;
  box-shadow: 0 0 14px rgba(255,20,147,.42) !important;
  cursor: pointer !important;
}

.kp-blog-shortcode-wrap button::before,
.kp-blog-shortcode-wrap input[type="submit"]::before,
.kp-blog-shortcode-wrap .search-submit::before,
.kp-blog-shortcode-wrap [class*="button"]::before {
  content: "🔎" !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.kp-blog-shortcode-wrap button:hover,
.kp-blog-shortcode-wrap input[type="submit"]:hover,
.kp-blog-shortcode-wrap .search-submit:hover,
.kp-blog-shortcode-wrap [class*="button"]:hover {
  background: linear-gradient(to left, var(--kp-hover), var(--kp-primary)) !important;
  transform: translateY(-1px) !important;
}

.kp-blog-shortcode-wrap input[type="search"]::-webkit-search-cancel-button {
  cursor: pointer !important;
  opacity: .72 !important;
}

.kp-blog-shortcode-wrap [class*="result"],
.kp-blog-shortcode-wrap [class*="dropdown"],
.kp-blog-shortcode-wrap [class*="suggest"],
.kp-blog-shortcode-wrap ul,
.kp-blog-shortcode-wrap .srxvsi-results,
.kp-blog-shortcode-wrap .srxvsi_search_results {
  z-index: 999999 !important;
}

.kp-blog-shortcode-wrap [class*="result"] a,
.kp-blog-shortcode-wrap [class*="dropdown"] a,
.kp-blog-shortcode-wrap [class*="suggest"] a,
.kp-blog-shortcode-wrap li a {
  color: #fff !important;
  text-decoration: none !important;
}

.kp-blog-shortcode-wrap [class*="result"]:not(input):not(button),
.kp-blog-shortcode-wrap [class*="dropdown"]:not(input):not(button),
.kp-blog-shortcode-wrap [class*="suggest"]:not(input):not(button) {
  background: rgba(24, 9, 35, .98) !important;
  border: 1px solid var(--kp-line-pink) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.48), 0 0 30px rgba(255,20,147,.24) !important;
  backdrop-filter: blur(12px) !important;
}

/* =========================================================
   HEADER PRINCIPAL DESKTOP
========================================================= */

.kp-header-mainbar.header-top-bar,
#site-header .header-top-bar.kp-header-mainbar {
  width: 100% !important;
  min-height: 74px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 22px !important;
  background: rgba(18, 5, 31, .94) !important;
  border-top: 1px solid rgba(255, 20, 147, .17) !important;
  border-bottom: 1px solid rgba(255, 193, 7, .72) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35) !important;
  overflow: visible !important;
}

.kp-logo-wrap.logo,
.kp-logo-wrap {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 118px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.kp-logo-inner,
.kp-logo-inner.l {
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  float: none !important;
}

.kp-logo-inner a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

.kp-site-logo,
.kp-logo-inner img,
.header-top-bar .logo img {
  width: auto !important;
  max-width: 132px !important;
  max-height: 48px !important;
  object-fit: contain !important;
  display: block !important;
  filter: drop-shadow(0 0 10px rgba(255,20,147,.32)) !important;
}

.kp-site-title {
  color: var(--kp-hover) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

.kp-desktop-nav.header-nav,
.kp-desktop-nav {
  flex: 1 1 auto !important;
  width: auto !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.kp-primary-menu,
.kp-desktop-nav .header-menu,
.header-top-bar .header-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  float: none !important;
  overflow: visible !important;
}

.kp-primary-menu > li,
.kp-desktop-nav .header-menu > li {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.kp-primary-menu > li > a,
.kp-desktop-nav .header-menu > li > a,
.header-top-bar .header-menu > li > a {
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: var(--kp-radius-pill) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  text-shadow: none !important;
  transition: all .18s ease !important;
}

.kp-primary-menu > li:hover > a,
.kp-primary-menu > li.current-menu-item > a,
.kp-primary-menu > li.current_page_item > a,
.kp-desktop-nav .header-menu > li:hover > a,
.kp-desktop-nav .header-menu > li.current-menu-item > a,
.kp-desktop-nav .header-menu > li.current_page_item > a {
  color: #090111 !important;
  background: var(--kp-yellow) !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: 0 0 18px rgba(255,193,7,.36) !important;
}

.kp-primary-menu li ul,
.kp-desktop-nav .header-menu li ul,
.header-nav .header-menu li ul {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  min-width: 230px !important;
  max-width: 320px !important;
  padding: 9px !important;
  margin: 0 !important;
  list-style: none !important;
  background: rgba(24, 9, 35, .98) !important;
  border: 1px solid var(--kp-line-pink) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 42px rgba(0,0,0,.56), 0 0 30px rgba(255,20,147,.18) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;
  transition: all .18s ease !important;
  z-index: 9999 !important;
}

.kp-primary-menu li:hover > ul,
.kp-primary-menu li:focus-within > ul,
.kp-desktop-nav .header-menu li:hover > ul,
.kp-desktop-nav .header-menu li:focus-within > ul {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

.kp-primary-menu li ul li,
.kp-desktop-nav .header-menu li ul li {
  margin: 0 !important;
  padding: 0 !important;
}

.kp-primary-menu li ul a,
.kp-desktop-nav .header-menu li ul a {
  width: 100% !important;
  min-height: 38px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  color: #fff !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.kp-primary-menu li ul a:hover,
.kp-desktop-nav .header-menu li ul a:hover {
  color: #fff !important;
  background: rgba(255,20,147,.18) !important;
  box-shadow: inset 3px 0 0 var(--kp-hover) !important;
}

/* =========================================================
   ACCIONES HEADER
========================================================= */

.kp-header-actions-wrap,
.subnav-menu-wrapper.kp-header-actions-wrap {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  overflow: visible !important;
}

.kp-header-actions,
.subnav-menu.kp-header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow: visible !important;
}

.kp-header-actions > li,
.subnav-menu.kp-header-actions > li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  position: relative !important;
}

.kp-header-actions a,
.kp-header-actions button,
.subnav-menu.kp-header-actions a,
.subnav-menu.kp-header-actions button {
  font-family: inherit !important;
  cursor: pointer !important;
  transition: all .18s ease !important;
}

.search-mask-desktop,
.kp-desktop-profile-search-li button {
  height: 36px !important;
  min-width: 154px !important;
  padding: 0 8px 0 14px !important;
  border-radius: var(--kp-radius-pill) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border: 1px solid rgba(255,20,147,.46) !important;
  background: rgba(9, 1, 17, .72) !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 0 16px rgba(207,21,90,.18) !important;
}

.search-mask-desktop .placeholder {
  color: rgba(255,255,255,.82) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.search-mask-desktop .search-icon {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: linear-gradient(to left, var(--kp-primary-2), var(--kp-primary-dark)) !important;
}

.search-mask-desktop:hover,
.kp-desktop-profile-search-li button:hover {
  border-color: var(--kp-hover) !important;
  box-shadow: var(--kp-shadow-pink) !important;
}

.kp-register-link a,
.kp-login-link a,
.kp-logout-link a,
.kp-cart-link a,
.kp-contact-link a,
.kp-mobile-profile-search-li button,
.kp-mobile-menu-toggle {
  height: 36px !important;
  min-width: 36px !important;
  border-radius: var(--kp-radius-pill) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  color: #fff !important;
  background: rgba(9, 1, 17, .68) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important;
  padding: 0 13px !important;
}

.kp-register-link a {
  min-width: 116px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  background: linear-gradient(to left, var(--kp-primary-2), var(--kp-primary-dark)) !important;
  border-color: rgba(255,20,147,.55) !important;
  box-shadow: var(--kp-shadow-pink) !important;
}

.kp-login-link a,
.kp-logout-link a {
  min-width: 82px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.kp-register-link a:hover,
.kp-login-link a:hover,
.kp-logout-link a:hover,
.kp-cart-link a:hover,
.kp-contact-link a:hover,
.kp-mobile-profile-search-li button:hover,
.kp-mobile-menu-toggle:hover {
  color: #fff !important;
  border-color: var(--kp-hover) !important;
  background: linear-gradient(to left, var(--kp-primary-2), var(--kp-primary-dark)) !important;
  box-shadow: var(--kp-shadow-pink) !important;
  transform: translateY(-1px) !important;
}

.kp-cart-link a,
.kp-contact-link a,
.kp-mobile-profile-search-li button,
.kp-mobile-menu-toggle {
  width: 36px !important;
  padding: 0 !important;
}

.kp-cart-link .count-mc {
  position: absolute !important;
  top: -7px !important;
  right: -5px !important;
  min-width: 19px !important;
  height: 19px !important;
  padding: 0 5px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #090111 !important;
  background: var(--kp-yellow) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: 0 0 12px rgba(255,193,7,.62) !important;
}

.kp-mobile-profile-search-li,
.kp-mobile-menu-button-li {
  display: none !important;
}

.kp-hamburger-bars {
  width: 17px !important;
  height: 13px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.kp-hamburger-bars span {
  width: 100% !important;
  height: 2px !important;
  display: block !important;
  border-radius: 2px !important;
  background: #fff !important;
  box-shadow: 0 0 7px rgba(255,20,147,.55) !important;
}

.kp-hamburger-fallback {
  display: none !important;
}

.kp-mobile-menu-toggle.is-active .kp-hamburger-bars span:nth-child(1) {
  transform: translateY(5.5px) rotate(45deg) !important;
}
.kp-mobile-menu-toggle.is-active .kp-hamburger-bars span:nth-child(2) {
  opacity: 0 !important;
}
.kp-mobile-menu-toggle.is-active .kp-hamburger-bars span:nth-child(3) {
  transform: translateY(-5.5px) rotate(-45deg) !important;
}

/* =========================================================
   MENÚ MÓVIL INDEPENDIENTE
========================================================= */

.kp-mobile-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  background: rgba(0,0,0,.58) !important;
  backdrop-filter: blur(4px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all .2s ease !important;
}

.kp-mobile-overlay.is-open {
  opacity: 1 !important;
  visibility: visible !important;
}

.kp-mobile-panel {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  width: min(88vw, 360px) !important;
  height: 100vh !important;
  z-index: 10001 !important;
  padding: 16px !important;
  overflow-y: auto !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,20,147,.23), transparent 32%),
    radial-gradient(circle at 100% 16%, rgba(110,40,243,.24), transparent 32%),
    linear-gradient(180deg, #180923 0%, #090111 100%) !important;
  border-left: 1px solid rgba(255,20,147,.45) !important;
  box-shadow: -24px 0 48px rgba(0,0,0,.55), 0 0 32px rgba(255,20,147,.24) !important;
  transform: translateX(110%) !important;
  transition: transform .24s ease !important;
  visibility: hidden !important;
}

.kp-mobile-panel.is-open {
  transform: translateX(0) !important;
  visibility: visible !important;
}

.kp-mobile-panel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding-bottom: 14px !important;
  margin-bottom: 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

.kp-mobile-panel-brand img {
  max-width: 132px !important;
  max-height: 48px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 10px rgba(255,20,147,.42)) !important;
}

.kp-mobile-close {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,20,147,.5) !important;
  background: linear-gradient(to left, var(--kp-primary-2), var(--kp-primary-dark)) !important;
  color: #fff !important;
  font-size: 27px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: var(--kp-shadow-pink) !important;
}

.kp-mobile-panel-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}

.kp-mobile-panel-action {
  min-height: 58px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 16px !important;
  padding: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  color: #fff !important;
  background: rgba(255,255,255,.055) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important;
  font-family: inherit !important;
  text-align: left !important;
}

.kp-mobile-panel-action span {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(to left, var(--kp-primary-2), var(--kp-primary-dark)) !important;
  box-shadow: 0 0 12px rgba(255,20,147,.28) !important;
}

.kp-mobile-panel-action strong {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

.kp-mobile-panel-action em {
  margin-left: auto !important;
  min-width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: var(--kp-yellow) !important;
  color: #090111 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.kp-mobile-panel-action:hover,
.kp-mobile-panel-action:focus {
  color: #fff !important;
  border-color: var(--kp-hover) !important;
  background: rgba(255,20,147,.14) !important;
  box-shadow: var(--kp-shadow-pink) !important;
}

.kp-mobile-menu-list,
.kp-mobile-menu-list ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.kp-mobile-menu-items > li {
  margin: 0 0 9px !important;
  padding: 0 !important;
  list-style: none !important;
}

.kp-mobile-menu-items a {
  min-height: 46px !important;
  padding: 0 14px !important;
  border-radius: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  color: #fff !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

.kp-mobile-menu-items a::after {
  content: "›" !important;
  color: var(--kp-hover) !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

.kp-mobile-menu-items a:hover,
.kp-mobile-menu-items .current-menu-item > a,
.kp-mobile-menu-items .current_page_item > a {
  color: #090111 !important;
  background: var(--kp-yellow) !important;
  border-color: var(--kp-yellow) !important;
  box-shadow: 0 0 16px rgba(255,193,7,.32) !important;
}

.kp-mobile-menu-items ul {
  margin: 8px 0 0 10px !important;
  padding-left: 8px !important;
  border-left: 1px solid rgba(255,20,147,.3) !important;
}

.kp-mobile-menu-items ul a {
  min-height: 40px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

/* =========================================================
   POPUP BUSCADOR DE PERFILES
========================================================= */

.popup-search {
  display: none;
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
}

.popup-search-content {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  background: rgba(9, 1, 17, .94) !important;
  backdrop-filter: blur(10px) !important;
}

.popup-search-close {
  position: absolute !important;
  top: 20px !important;
  right: 28px !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,20,147,.55) !important;
  background: linear-gradient(to left, var(--kp-primary-2), var(--kp-primary-dark)) !important;
  color: #fff !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: var(--kp-shadow-pink) !important;
}

.popup-search-content form,
.kp-popup-profile-form {
  width: min(960px, 92vw) !important;
  display: grid !important;
  grid-template-columns: 1.5fr 1fr 110px !important;
  gap: 10px !important;
  padding: 14px !important;
  margin: 0 !important;
  border-radius: 22px !important;
  background: rgba(24,9,35,.96) !important;
  border: 1px solid rgba(255,20,147,.45) !important;
  box-shadow: 0 20px 45px rgba(0,0,0,.55), 0 0 34px rgba(255,20,147,.22) !important;
}

.popup-search-content input[type="text"],
.popup-search-content select,
.popup-search-content button[type="submit"] {
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 14px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  outline: none !important;
}

.popup-search-content input[type="text"],
.popup-search-content select {
  width: 100% !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  background: #12051F !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.popup-search-content input[type="text"]::placeholder {
  color: rgba(255,255,255,.62) !important;
  -webkit-text-fill-color: rgba(255,255,255,.62) !important;
}

.popup-search-content select option {
  background: #180923 !important;
  color: #fff !important;
}

.popup-search-content input[type="text"]:focus,
.popup-search-content select:focus {
  border-color: var(--kp-hover) !important;
  box-shadow: 0 0 0 3px rgba(255,20,147,.14), 0 0 22px rgba(255,20,147,.2) !important;
}

.popup-search-content button[type="submit"] {
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(to left, var(--kp-primary-2), var(--kp-primary-dark)) !important;
  box-shadow: var(--kp-shadow-pink) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
}

.popup-search-content button[type="submit"]:hover {
  background: linear-gradient(to left, var(--kp-hover), var(--kp-primary)) !important;
  transform: translateY(-1px) !important;
}

/* =========================================================
   BUSCADOR INFERIOR DE PERFILES
========================================================= */

.form-search-header-bottom.kp-profile-search-bar,
.form-search-header-bottom {
  position: relative !important;
  z-index: 30 !important;
  width: 100% !important;
  padding: 10px 15px !important;
  margin: 0 !important;
  background: linear-gradient(180deg, rgba(9,1,17,.96), rgba(18,5,31,.96)) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.form-search-header-bottom .searchform.registerform,
.kp-profile-search-form {
  width: 100% !important;
  margin: 0 auto !important;
  min-height: 44px !important;
  padding: 5px !important;
  border-radius: 10px !important;
  border: 3px solid var(--kp-yellow) !important;
  background: linear-gradient(45deg, #57022c, #80053e) !important;
  box-shadow: 0 0 18px rgba(255,193,7,.24), 0 0 28px rgba(255,20,147,.18) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  overflow: visible !important;
}

.form-search-header-bottom .input,
.form-search-header-bottom .state,
.form-search-header-bottom .search-button {
  height: 30px !important;
  min-height: 30px !important;
  border-radius: 4px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  outline: none !important;
}

.form-search-header-bottom .input,
.form-search-header-bottom .state {
  border: 2px solid #fff !important;
  background: #180923 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  padding: 0 8px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important;
}

.form-search-header-bottom .input {
  flex: 2 1 auto !important;
}

.form-search-header-bottom .state {
  flex: 1 1 230px !important;
  cursor: pointer !important;
}

.form-search-header-bottom .input::placeholder {
  color: rgba(255,255,255,.76) !important;
  -webkit-text-fill-color: rgba(255,255,255,.76) !important;
  opacity: 1 !important;
}

.form-search-header-bottom .state option {
  background: #180923 !important;
  color: #fff !important;
}

.form-search-header-bottom .state option:checked {
  background: var(--kp-primary) !important;
  color: #fff !important;
}

.form-search-header-bottom .input:focus,
.form-search-header-bottom .state:focus {
  border-color: var(--kp-hover) !important;
  box-shadow: 0 0 0 3px rgba(255,20,147,.16), inset 0 0 0 1px rgba(255,255,255,.04) !important;
}

.form-search-header-bottom .search-button {
  flex: 0 0 46px !important;
  border: 2px solid #fff !important;
  background: var(--kp-yellow) !important;
  color: #090111 !important;
  padding: 0 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 0 14px rgba(255,193,7,.42) !important;
}

.form-search-header-bottom .search-button .kp-icon-fallback,
.form-search-header-bottom .search-button i {
  color: #090111 !important;
  font-size: 15px !important;
}

.form-search-header-bottom .search-button:hover {
  background: #ffd451 !important;
  transform: translateY(-1px) !important;
}

/* =========================================================
   CATEGORÍAS / CIUDADES
========================================================= */

.qtc-catmenu-wrapper {
  position: relative !important;
  z-index: 20 !important;
  width: 100% !important;
  background: rgba(9,1,17,.98) !important;
  overflow: visible !important;
}

.qtc_catmenu_bg {
  display: flex !important;
  flex-wrap: wrap !important;
  position: relative !important;
  padding: 16px 50px 12px !important;
  justify-content: space-evenly !important;
  align-items: stretch !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  gap: 0 !important;
  overflow: visible !important;
}

.capa-catmenubg {
  flex: 1 0 10% !important;
  margin: 8px 10px !important;
  display: none !important;
}

.capa-active {
  display: block !important;
}

.capa-catmenubg a {
  min-height: 50px !important;
  padding: 12px 15px !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 40px !important;
  width: 95% !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  background: radial-gradient(circle at center, rgba(255,255,255,.035), rgba(9,1,17,.94)) !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.8) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

.capa-catmenubg a:hover {
  color: #fff !important;
  transform: translateY(-2px) !important;
}

.color-rojo,
.capa-catmenubg a.color-rojo {
  border: 3px solid #ffb9db !important;
  box-shadow:
    0 0 5px #e0006c,
    0 0 10px #e0006c,
    0 0 20px #e0006c,
    inset 0 0 5px #e0006c,
    inset 0 0 10px #e0006c,
    inset 0 0 20px rgba(224,0,108,.76) !important;
}

.color-azul,
.capa-catmenubg a.color-azul {
  border: 3px solid #a5ffff !important;
  box-shadow:
    0 0 5px #113CFF,
    0 0 10px #113CFF,
    0 0 20px #113CFF,
    inset 0 0 5px #113CFF,
    inset 0 0 10px #113CFF,
    inset 0 0 20px rgba(17,60,255,.76) !important;
}

.qtc_catmenu_nav {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

.nav-catmenubg {
  pointer-events: auto !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  margin: 0 5px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: linear-gradient(to left, var(--kp-primary-2), var(--kp-primary-dark)) !important;
  box-shadow: var(--kp-shadow-pink) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.nav-catmenubg:hover {
  color: #fff !important;
  background: linear-gradient(to left, var(--kp-hover), var(--kp-primary)) !important;
}

.nav-catmenubg.inactive {
  opacity: .55 !important;
  background: rgba(255,255,255,.18) !important;
  box-shadow: none !important;
}

#cm-nav-prev,
#cm-nav-next {
  position: static !important;
}

/* =========================================================
   TOP HISTORIAS DEL DÍA / HEADER SLIDER
   Compatibilidad visual sin tocar header-slider.php
========================================================= */

.kp-site-header .all-header-slider,
.kp-site-header .header-slider,
.kp-site-header [class*="header-slider"],
.kp-site-header [class*="historias"],
.kp-site-header [class*="stories"],
.kp-site-header [class*="slider"] {
  overflow: visible !important;
}

.kp-site-header h1,
.kp-site-header h2,
.kp-site-header h3,
.kp-site-header .title,
.kp-site-header [class*="title"] {
  color: #fff !important;
}

.kp-site-header [class*="top"] h2,
.kp-site-header [class*="historias"] h2,
.kp-site-header [class*="stories"] h2 {
  color: #fff !important;
  font-weight: 800 !important;
  text-align: center !important;
}

.kp-site-header [class*="slider"] img,
.kp-site-header [class*="historia"] img,
.kp-site-header [class*="story"] img {
  object-fit: cover !important;
}

.kp-site-header [class*="slider"] a:hover,
.kp-site-header [class*="historia"] a:hover,
.kp-site-header [class*="story"] a:hover {
  color: #fff !important;
}

/* =========================================================
   BREADCRUMBS
========================================================= */

.rank-math-breadcrumb,
.rank-math-breadcrumb p {
  color: rgba(255,255,255,.68) !important;
  font-size: 13px !important;
}

.rank-math-breadcrumb a {
  color: var(--kp-hover) !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media screen and (max-width: 1100px) {
  .kp-blog-shortcode-wrap {
    width: 260px !important;
    max-width: 38vw !important;
  }

  .search-mask-desktop,
  .kp-desktop-profile-search-li button {
    min-width: 134px !important;
  }

  .kp-register-link a {
    min-width: 102px !important;
  }

  .kp-login-link a {
    min-width: 72px !important;
  }

  .kp-primary-menu > li > a,
  .kp-desktop-nav .header-menu > li > a {
    padding: 0 11px !important;
  }
}

@media screen and (max-width: 900px) {
  .kp-header-mainbar.header-top-bar,
  #site-header .header-top-bar.kp-header-mainbar {
    gap: 12px !important;
  }

  .kp-desktop-profile-search-li {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .kp-blog-top-inner {
    width: 100% !important;
    min-height: 58px !important;
    padding: 8px 12px !important;
    gap: 10px !important;
  }

  .kp-blog-top-text {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 118px !important;
  }

  .kp-live-badge {
    height: 32px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
  }

  .kp-blog-marquee-wrap {
    display: none !important;
  }

  .kp-blog-shortcode-wrap {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .kp-blog-shortcode-wrap input[type="text"],
  .kp-blog-shortcode-wrap input[type="search"],
  .kp-blog-shortcode-wrap .search-field {
    height: 42px !important;
    min-height: 42px !important;
    font-size: 14px !important;
    padding-left: 16px !important;
    padding-right: 52px !important;
  }

  .kp-blog-shortcode-wrap button,
  .kp-blog-shortcode-wrap input[type="submit"],
  .kp-blog-shortcode-wrap .search-submit,
  .kp-blog-shortcode-wrap [class*="button"] {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    top: 3px !important;
    right: 3px !important;
  }

  .kp-header-mainbar.header-top-bar,
  #site-header .header-top-bar.kp-header-mainbar {
    min-height: 76px !important;
    padding: 8px 8px !important;
    gap: 7px !important;
    justify-content: space-between !important;
  }

  .kp-logo-wrap.logo,
  .kp-logo-wrap {
    flex: 1 1 auto !important;
    min-width: 92px !important;
    max-width: 160px !important;
    justify-content: flex-start !important;
  }

  .kp-logo-inner,
  .kp-logo-inner.l {
    justify-content: flex-start !important;
  }

  .kp-site-logo,
  .kp-logo-inner img,
  .header-top-bar .logo img {
    max-width: 124px !important;
    max-height: 44px !important;
  }

  .kp-desktop-nav {
    display: none !important;
  }

  .kp-header-actions-wrap {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
  }

  .kp-header-actions,
  .subnav-menu.kp-header-actions {
    gap: 5px !important;
    flex-wrap: nowrap !important;
  }

  .kp-header-actions > li {
    flex: 0 0 auto !important;
  }

  .kp-register-link a,
  .kp-login-link a,
  .kp-logout-link a,
  .kp-cart-link a,
  .kp-contact-link a,
  .kp-mobile-profile-search-li button,
  .kp-mobile-menu-toggle {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    font-size: 14px !important;
  }

  .kp-register-link a,
  .kp-login-link a,
  .kp-logout-link a {
    min-width: 38px !important;
  }

  .kp-register-link .btn-label,
  .kp-login-link .btn-label,
  .kp-logout-link .btn-label {
    display: none !important;
  }

  .kp-register-link a {
    background: linear-gradient(to left, var(--kp-primary-2), var(--kp-primary-dark)) !important;
  }

  .kp-mobile-profile-search-li,
  .kp-mobile-menu-button-li {
    display: block !important;
  }

  .kp-contact-link {
    display: none !important;
  }

  .kp-cart-link .count-mc {
    top: -6px !important;
    right: -6px !important;
  }

  .form-search-header-bottom.kp-profile-search-bar,
  .form-search-header-bottom {
    padding: 12px 10px !important;
  }

  .form-search-header-bottom .searchform.registerform,
  .kp-profile-search-form {
    width: 100% !important;
    min-height: 78px !important;
    padding: 7px !important;
    display: grid !important;
    grid-template-columns: 1fr .82fr 62px !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .form-search-header-bottom .input,
  .form-search-header-bottom .state,
  .form-search-header-bottom .search-button {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    font-size: 14px !important;
  }

  .form-search-header-bottom .input,
  .form-search-header-bottom .state {
    flex: none !important;
    padding: 0 10px !important;
  }

  .form-search-header-bottom .search-button {
    flex: none !important;
  }

  .qtc_catmenu_bg {
    padding: 12px 45px 10px !important;
  }

  .capa-active {
    display: none !important;
  }

  .capa-active-movil {
    display: block !important;
  }

  .capa-catmenubg {
    flex: 1 0 42% !important;
    margin: 6px 6px !important;
  }

  .capa-catmenubg a {
    min-height: 50px !important;
    width: 96% !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
  }

  .nav-catmenubg {
    width: 34px !important;
    height: 34px !important;
    font-size: 20px !important;
  }

  .popup-search-content {
    align-items: flex-start !important;
    padding: 88px 16px 20px !important;
  }

  .popup-search-close {
    top: 22px !important;
    right: 18px !important;
    width: 42px !important;
    height: 42px !important;
  }

  .popup-search-content form,
  .kp-popup-profile-form {
    width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  .popup-search-content input[type="text"],
  .popup-search-content select,
  .popup-search-content button[type="submit"] {
    height: 46px !important;
    min-height: 46px !important;
  }
}

@media screen and (max-width: 420px) {
  .kp-blog-top-inner {
    padding: 7px 10px !important;
    gap: 8px !important;
  }

  .kp-live-badge {
    padding: 0 10px !important;
    font-size: 12px !important;
  }

  .kp-header-mainbar.header-top-bar,
  #site-header .header-top-bar.kp-header-mainbar {
    padding: 8px 6px !important;
    gap: 5px !important;
  }

  .kp-logo-wrap.logo,
  .kp-logo-wrap {
    min-width: 82px !important;
    max-width: 128px !important;
  }

  .kp-site-logo,
  .kp-logo-inner img,
  .header-top-bar .logo img {
    max-width: 112px !important;
    max-height: 42px !important;
  }

  .kp-header-actions,
  .subnav-menu.kp-header-actions {
    gap: 4px !important;
  }

  .kp-register-link a,
  .kp-login-link a,
  .kp-logout-link a,
  .kp-cart-link a,
  .kp-contact-link a,
  .kp-mobile-profile-search-li button,
  .kp-mobile-menu-toggle {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }

  .form-search-header-bottom .searchform.registerform,
  .kp-profile-search-form {
    grid-template-columns: 1fr .78fr 56px !important;
    gap: 7px !important;
  }

  .form-search-header-bottom .input,
  .form-search-header-bottom .state,
  .form-search-header-bottom .search-button {
    height: 40px !important;
    min-height: 40px !important;
    font-size: 13px !important;
  }
}

@media screen and (max-width: 360px) {
  .kp-contact-link,
  .kp-login-link {
    display: none !important;
  }

  .kp-logo-wrap.logo,
  .kp-logo-wrap {
    max-width: 120px !important;
  }

  .form-search-header-bottom .searchform.registerform,
  .kp-profile-search-form {
    grid-template-columns: 1fr 52px !important;
  }

  .form-search-header-bottom .state {
    grid-column: 1 / -1 !important;
  }

  .form-search-header-bottom .search-button {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kp-live-dot,
  .kp-blog-marquee-track,
  .kp-site-header *,
  .kp-site-header *::before,
  .kp-site-header *::after {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}

/* =========================================================
   AJUSTES FINALES V3 - STICKY, SUBMENÚS, ICONOS Y MOBILE UX
   Mantiene la estructura original y corrige duplicados.
========================================================= */

/* Sticky solo para cintillo + barra principal, no para historias/categorías */
#site-header.kp-site-header .kp-blog-top-strip {
  position: sticky !important;
  top: 0 !important;
  z-index: 20020 !important;
}

#site-header.kp-site-header .kp-header-mainbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 20010 !important;
}

#site-header.kp-site-header.kp-has-blog-strip .kp-header-mainbar {
  top: 54px !important;
}

body.admin-bar #site-header.kp-site-header .kp-blog-top-strip {
  top: 32px !important;
}

body.admin-bar #site-header.kp-site-header.kp-no-blog-strip .kp-header-mainbar {
  top: 32px !important;
}

body.admin-bar #site-header.kp-site-header.kp-has-blog-strip .kp-header-mainbar {
  top: 86px !important;
}

/* Luz verde de En vivo: parpadeo más notorio tipo transmisión/noticia en vivo */
#site-header.kp-site-header .kp-live-dot {
  position: relative !important;
  width: 10px !important;
  height: 10px !important;
  background: var(--kp-online) !important;
  box-shadow: 0 0 12px rgba(15,255,80,.95), 0 0 24px rgba(15,255,80,.6) !important;
  animation: kpLiveBlinkV3 .82s infinite ease-in-out !important;
}

#site-header.kp-site-header .kp-live-dot::after {
  content: "" !important;
  position: absolute !important;
  inset: -6px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(15,255,80,.65) !important;
  animation: kpLiveRingV3 1.15s infinite ease-out !important;
}

@keyframes kpLiveBlinkV3 {
  0%, 100% { opacity: 1; transform: scale(1); filter: brightness(1.15); }
  50% { opacity: .32; transform: scale(.72); filter: brightness(.72); }
}

@keyframes kpLiveRingV3 {
  0% { opacity: .9; transform: scale(.55); }
  75% { opacity: 0; transform: scale(1.65); }
  100% { opacity: 0; transform: scale(1.65); }
}

/* Buscador Busca packs: evitar doble icono/emoji y mantener texto escrito legible */
#site-header.kp-site-header .kp-blog-shortcode-wrap button > *,
#site-header.kp-site-header .kp-blog-shortcode-wrap input[type="submit"] > *,
#site-header.kp-site-header .kp-blog-shortcode-wrap .search-submit > *,
#site-header.kp-site-header .kp-blog-shortcode-wrap [class*="button"] > * {
  display: none !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap button::after,
#site-header.kp-site-header .kp-blog-shortcode-wrap input[type="submit"]::after,
#site-header.kp-site-header .kp-blog-shortcode-wrap .search-submit::after,
#site-header.kp-site-header .kp-blog-shortcode-wrap [class*="button"]::after {
  content: none !important;
  display: none !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap button::before,
#site-header.kp-site-header .kp-blog-shortcode-wrap input[type="submit"]::before,
#site-header.kp-site-header .kp-blog-shortcode-wrap .search-submit::before,
#site-header.kp-site-header .kp-blog-shortcode-wrap [class*="button"]::before {
  content: "⌕" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: #fff !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  font-family: Arial, system-ui, sans-serif !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap input[type="text"],
#site-header.kp-site-header .kp-blog-shortcode-wrap input[type="search"],
#site-header.kp-site-header .kp-blog-shortcode-wrap input:not([type]),
#site-header.kp-site-header .kp-blog-shortcode-wrap .search-field {
  color: #180923 !important;
  -webkit-text-fill-color: #180923 !important;
  background: #f8f7fb !important;
  caret-color: var(--kp-primary) !important;
}

/* Hamburguesa: solo barras, nunca barras + emoji duplicado */
#site-header.kp-site-header .kp-hamburger-fallback,
#site-header.kp-site-header .kp-mobile-menu-toggle .kp-icon-fallback.kp-hamburger-fallback {
  display: none !important;
  visibility: hidden !important;
}

#site-header.kp-site-header .kp-mobile-menu-toggle .kp-hamburger-bars {
  display: flex !important;
}

/* Desktop: menú pegado al logo y submenús clicables sin desaparecer */
#site-header.kp-site-header .kp-desktop-nav.header-nav,
#site-header.kp-site-header .kp-desktop-nav {
  justify-content: flex-start !important;
  margin-left: 12px !important;
}

#site-header.kp-site-header .kp-primary-menu > li,
#site-header.kp-site-header .kp-desktop-nav .header-menu > li {
  padding-bottom: 8px !important;
  margin-bottom: -8px !important;
}

#site-header.kp-site-header .kp-primary-menu > li::after,
#site-header.kp-site-header .kp-desktop-nav .header-menu > li::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 100% !important;
  height: 12px !important;
  display: block !important;
}

#site-header.kp-site-header .kp-primary-menu li ul,
#site-header.kp-site-header .kp-desktop-nav .header-menu li ul,
#site-header.kp-site-header .header-nav .header-menu li ul {
  top: calc(100% + 0px) !important;
  padding: 10px !important;
  background: linear-gradient(180deg, rgba(24,9,35,.99), rgba(9,1,17,.98)) !important;
  border: 1px solid rgba(255,20,147,.48) !important;
  box-shadow: 0 20px 46px rgba(0,0,0,.62), 0 0 28px rgba(255,20,147,.25) !important;
  pointer-events: none !important;
}

#site-header.kp-site-header .kp-primary-menu li:hover > ul,
#site-header.kp-site-header .kp-primary-menu li:focus-within > ul,
#site-header.kp-site-header .kp-desktop-nav .header-menu li:hover > ul,
#site-header.kp-site-header .kp-desktop-nav .header-menu li:focus-within > ul {
  pointer-events: auto !important;
}

#site-header.kp-site-header .kp-primary-menu li ul a,
#site-header.kp-site-header .kp-desktop-nav .header-menu li ul a {
  color: rgba(255,255,255,.92) !important;
  border: 1px solid transparent !important;
}

#site-header.kp-site-header .kp-primary-menu li ul a:hover,
#site-header.kp-site-header .kp-desktop-nav .header-menu li ul a:hover,
#site-header.kp-site-header .kp-primary-menu li ul a:focus,
#site-header.kp-site-header .kp-desktop-nav .header-menu li ul a:focus {
  color: #fff !important;
  background: rgba(255,20,147,.18) !important;
  border-color: rgba(255,20,147,.26) !important;
  box-shadow: inset 3px 0 0 var(--kp-hover), 0 0 14px rgba(255,20,147,.16) !important;
}

/* Menú móvil: los submenús se despliegan sin cerrar el panel */
#site-header.kp-site-header .kp-mobile-menu-items li.menu-item-has-children > a::after,
#site-header.kp-site-header .kp-mobile-menu-items li.page_item_has_children > a::after,
#site-header.kp-site-header .kp-mobile-menu-items li.kp-has-submenu > a::after {
  content: "+" !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #090111 !important;
  background: var(--kp-yellow) !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  box-shadow: 0 0 12px rgba(255,193,7,.34) !important;
}

#site-header.kp-site-header .kp-mobile-menu-items li.kp-submenu-open > a::after {
  content: "−" !important;
}

#site-header.kp-site-header .kp-mobile-menu-items li.menu-item-has-children > ul,
#site-header.kp-site-header .kp-mobile-menu-items li.page_item_has_children > ul,
#site-header.kp-site-header .kp-mobile-menu-items li.kp-has-submenu > ul {
  display: none !important;
  margin: 8px 0 0 8px !important;
  padding: 6px 0 2px 10px !important;
  border-left: 1px solid rgba(255,20,147,.34) !important;
}

#site-header.kp-site-header .kp-mobile-menu-items li.kp-submenu-open > ul {
  display: block !important;
}

#site-header.kp-site-header .kp-mobile-menu-items li.kp-submenu-open > a {
  color: #090111 !important;
  background: var(--kp-yellow) !important;
  border-color: var(--kp-yellow) !important;
  box-shadow: 0 0 16px rgba(255,193,7,.32) !important;
}

#site-header.kp-site-header .kp-mobile-menu-items li.kp-submenu-open > a::after {
  color: #fff !important;
  background: linear-gradient(to left, var(--kp-primary-2), var(--kp-primary-dark)) !important;
}

#site-header.kp-site-header .kp-mobile-menu-items li.kp-submenu-open ul a {
  color: rgba(255,255,255,.92) !important;
  background: rgba(255,255,255,.055) !important;
}

#site-header.kp-site-header .kp-mobile-menu-items li.kp-submenu-open ul a:hover,
#site-header.kp-site-header .kp-mobile-menu-items li.kp-submenu-open ul a:focus {
  color: #fff !important;
  background: rgba(255,20,147,.18) !important;
  border-color: rgba(255,20,147,.28) !important;
}

/* Evita que el menú desktop aparezca sobre el logo en móvil después de cerrar hamburguesa */
@media screen and (max-width: 768px) {
  #site-header.kp-site-header .kp-blog-top-strip {
    top: 0 !important;
  }

  #site-header.kp-site-header.kp-has-blog-strip .kp-header-mainbar {
    top: 58px !important;
  }

  body.admin-bar #site-header.kp-site-header .kp-blog-top-strip {
    top: 46px !important;
  }

  body.admin-bar #site-header.kp-site-header.kp-no-blog-strip .kp-header-mainbar {
    top: 46px !important;
  }

  body.admin-bar #site-header.kp-site-header.kp-has-blog-strip .kp-header-mainbar {
    top: 104px !important;
  }

  #site-header.kp-site-header .kp-desktop-nav,
  #site-header.kp-site-header #kp-main-navigation,
  #site-header.kp-site-header .header-nav.kp-desktop-nav,
  #site-header.kp-site-header .kp-primary-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  #site-header.kp-site-header .kp-logo-wrap.logo,
  #site-header.kp-site-header .kp-logo-wrap {
    max-width: 150px !important;
  }

  #site-header.kp-site-header .kp-site-logo,
  #site-header.kp-site-header .kp-logo-inner img,
  #site-header.kp-site-header .header-top-bar .logo img {
    max-width: 120px !important;
    max-height: 44px !important;
  }
}

@media screen and (max-width: 420px) {
  #site-header.kp-site-header.kp-has-blog-strip .kp-header-mainbar {
    top: 56px !important;
  }

  #site-header.kp-site-header .kp-logo-wrap.logo,
  #site-header.kp-site-header .kp-logo-wrap {
    max-width: 132px !important;
  }

  #site-header.kp-site-header .kp-site-logo,
  #site-header.kp-site-header .kp-logo-inner img,
  #site-header.kp-site-header .header-top-bar .logo img {
    max-width: 116px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #site-header.kp-site-header .kp-live-dot,
  #site-header.kp-site-header .kp-live-dot::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* =========================================================
   AJUSTES FINALES V4 - SOLO 3 PUNTOS SOLICITADOS
   1) En vivo linkeado al blog + luz parpadeante.
   2) Buscador Busca packs normalizado, sin doble botón/icono.
   3) Sticky real durante toda la navegación, no solo dentro del header.
========================================================= */

:root {
  --kp-fixed-strip-height: 54px;
  --kp-fixed-header-height: 74px;
  --kp-admin-offset: 0px;
}

body.admin-bar {
  --kp-admin-offset: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar {
    --kp-admin-offset: 46px;
  }
}

/* Reserva espacio para que el header fixed no tape el contenido del header/slider. */
#site-header.kp-site-header.kp-has-blog-strip {
  padding-top: calc(var(--kp-fixed-strip-height) + var(--kp-fixed-header-height)) !important;
}

#site-header.kp-site-header.kp-no-blog-strip {
  padding-top: var(--kp-fixed-header-height) !important;
}

/* Sticky real: queda fijo al hacer scroll por toda la página. */
#site-header.kp-site-header .kp-blog-top-strip {
  position: fixed !important;
  top: var(--kp-admin-offset) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-height: var(--kp-fixed-strip-height) !important;
  z-index: 20040 !important;
  transform: translateZ(0) !important;
}

#site-header.kp-site-header .kp-header-mainbar {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-height: var(--kp-fixed-header-height) !important;
  z-index: 20030 !important;
  transform: translateZ(0) !important;
}

#site-header.kp-site-header.kp-has-blog-strip .kp-header-mainbar {
  top: calc(var(--kp-admin-offset) + var(--kp-fixed-strip-height)) !important;
}

#site-header.kp-site-header.kp-no-blog-strip .kp-header-mainbar {
  top: var(--kp-admin-offset) !important;
}

/* En vivo ahora es enlace, pero visualmente conserva el mismo diseño. */
#site-header.kp-site-header .kp-live-badge,
#site-header.kp-site-header .kp-live-badge:visited {
  text-decoration: none !important;
  cursor: pointer !important;
  color: #ffffff !important;
}

#site-header.kp-site-header .kp-live-badge:hover,
#site-header.kp-site-header .kp-live-badge:focus {
  color: #ffffff !important;
  border-color: rgba(15,255,80,.62) !important;
  background: rgba(15,255,80,.13) !important;
  box-shadow: 0 0 20px rgba(15,255,80,.22) !important;
  outline: none !important;
}

#site-header.kp-site-header .kp-live-dot {
  animation: kpLiveBlinkV4 .72s infinite ease-in-out !important;
}

#site-header.kp-site-header .kp-live-dot::after {
  animation: kpLiveRingV4 1.05s infinite ease-out !important;
}

@keyframes kpLiveBlinkV4 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
    filter: brightness(1.35);
    box-shadow: 0 0 10px rgba(15,255,80,1), 0 0 24px rgba(15,255,80,.78), 0 0 38px rgba(15,255,80,.38);
  }
  48% {
    opacity: .24;
    transform: scale(.66);
    filter: brightness(.68);
    box-shadow: 0 0 3px rgba(15,255,80,.55), 0 0 10px rgba(15,255,80,.28);
  }
}

@keyframes kpLiveRingV4 {
  0% {
    opacity: .95;
    transform: scale(.55);
  }
  72% {
    opacity: 0;
    transform: scale(1.85);
  }
  100% {
    opacity: 0;
    transform: scale(1.85);
  }
}

/* Busca packs: estructura compacta, un solo botón y un solo icono. */
#site-header.kp-site-header .kp-blog-shortcode-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  overflow: visible !important;
  min-width: 260px !important;
  max-width: 340px !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap form,
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi_search_inline,
#site-header.kp-site-header .kp-blog-shortcode-wrap [class*="search-inline"],
#site-header.kp-site-header .kp-blog-shortcode-wrap [class*="search_inline"] {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
  overflow: visible !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap input[type="text"],
#site-header.kp-site-header .kp-blog-shortcode-wrap input[type="search"],
#site-header.kp-site-header .kp-blog-shortcode-wrap input:not([type]),
#site-header.kp-site-header .kp-blog-shortcode-wrap .search-field {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 34px !important;
  line-height: 34px !important;
  color: #180923 !important;
  -webkit-text-fill-color: #180923 !important;
  background: #f8f7fb !important;
  caret-color: var(--kp-primary) !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap input[type="text"]::placeholder,
#site-header.kp-site-header .kp-blog-shortcode-wrap input[type="search"]::placeholder,
#site-header.kp-site-header .kp-blog-shortcode-wrap .search-field::placeholder {
  color: rgba(24,9,35,.58) !important;
  -webkit-text-fill-color: rgba(24,9,35,.58) !important;
}

/* Evita que reglas antiguas creen un segundo icono en el botón. */
#site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean,
#site-header.kp-site-header .kp-blog-shortcode-wrap input[type="submit"].kp-pack-search-button-clean {
  flex: 0 0 34px !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: linear-gradient(to left, var(--kp-primary-2), var(--kp-primary-dark)) !important;
  box-shadow: 0 0 14px rgba(255,20,147,.40) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transform: none !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean::before,
#site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean::after,
#site-header.kp-site-header .kp-blog-shortcode-wrap input[type="submit"].kp-pack-search-button-clean::before,
#site-header.kp-site-header .kp-blog-shortcode-wrap input[type="submit"].kp-pack-search-button-clean::after {
  content: none !important;
  display: none !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean > * {
  display: none !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean > .kp-pack-search-symbol {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  transform: translateY(0) !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean:hover,
#site-header.kp-site-header .kp-blog-shortcode-wrap input[type="submit"].kp-pack-search-button-clean:hover,
#site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean:focus,
#site-header.kp-site-header .kp-blog-shortcode-wrap input[type="submit"].kp-pack-search-button-clean:focus {
  background: linear-gradient(to left, var(--kp-hover), var(--kp-primary)) !important;
  box-shadow: 0 0 20px rgba(255,20,147,.58) !important;
  outline: none !important;
}

/* Por si el shortcode trae un icono propio fuera del button, lo ocultamos dentro del buscador de packs. */
#site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean + i,
#site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean + svg,
#site-header.kp-site-header .kp-blog-shortcode-wrap input[type="submit"].kp-pack-search-button-clean + i,
#site-header.kp-site-header .kp-blog-shortcode-wrap input[type="submit"].kp-pack-search-button-clean + svg {
  display: none !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap [class*="result"],
#site-header.kp-site-header .kp-blog-shortcode-wrap [class*="dropdown"],
#site-header.kp-site-header .kp-blog-shortcode-wrap [class*="suggest"],
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-results,
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi_search_results {
  z-index: 20080 !important;
}

@media screen and (max-width: 768px) {
  :root {
    --kp-fixed-strip-height: 58px;
    --kp-fixed-header-height: 66px;
  }

  #site-header.kp-site-header .kp-blog-top-strip {
    min-height: var(--kp-fixed-strip-height) !important;
  }

  #site-header.kp-site-header .kp-header-mainbar {
    min-height: var(--kp-fixed-header-height) !important;
  }

  #site-header.kp-site-header .kp-blog-shortcode-wrap {
    min-width: 178px !important;
    max-width: 220px !important;
    flex: 1 1 178px !important;
  }

  #site-header.kp-site-header .kp-blog-shortcode-wrap input[type="text"],
  #site-header.kp-site-header .kp-blog-shortcode-wrap input[type="search"],
  #site-header.kp-site-header .kp-blog-shortcode-wrap input:not([type]),
  #site-header.kp-site-header .kp-blog-shortcode-wrap .search-field {
    height: 32px !important;
    line-height: 32px !important;
    font-size: 12px !important;
    padding: 0 10px !important;
  }

  #site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean,
  #site-header.kp-site-header .kp-blog-shortcode-wrap input[type="submit"].kp-pack-search-button-clean {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
  }
}

@media screen and (max-width: 420px) {
  :root {
    --kp-fixed-strip-height: 56px;
    --kp-fixed-header-height: 64px;
  }

  #site-header.kp-site-header .kp-blog-shortcode-wrap {
    min-width: 154px !important;
    max-width: 190px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #site-header.kp-site-header .kp-live-dot,
  #site-header.kp-site-header .kp-live-dot::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* =========================================================
   AJUSTE FINAL V5 - BUSCADOR "BUSCA PACKS" DEL CINTILLO
   Objetivo: un solo input + un solo botón + un solo icono.
   No tocar el resto del header.
========================================================= */

#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-search,
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-layout-dropdown,
#site-header.kp-site-header .kp-blog-shortcode-wrap [data-srxvsi-inline] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  position: relative !important;
  overflow: visible !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  flex-wrap: nowrap !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap input.srxvsi-inline-input,
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form input[type="search"],
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form input[type="text"] {
  position: static !important;
  inset: auto !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 36px !important;
  min-height: 36px !important;
  line-height: 36px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, .78) !important;
  background: #f8f7fb !important;
  color: #180923 !important;
  -webkit-text-fill-color: #180923 !important;
  caret-color: var(--kp-primary) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.05), 0 0 16px rgba(255,20,147,.18) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap input.srxvsi-inline-input::placeholder,
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form input[type="search"]::placeholder,
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form input[type="text"]::placeholder {
  color: rgba(24, 9, 35, .58) !important;
  -webkit-text-fill-color: rgba(24, 9, 35, .58) !important;
  opacity: 1 !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap input.srxvsi-inline-input:focus,
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form input[type="search"]:focus,
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form input[type="text"]:focus {
  border-color: rgba(255, 20, 147, .95) !important;
  box-shadow: 0 0 0 2px rgba(255,20,147,.18), 0 0 22px rgba(255,20,147,.30) !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap button.srxvsi-inline-submit,
#site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean,
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form input[type="submit"].kp-pack-search-button-clean {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: linear-gradient(to left, var(--kp-primary-2), var(--kp-primary-dark)) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 0 15px rgba(255,20,147,.42) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 0 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transform: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Oculta cualquier texto/icono interno del shortcode para no duplicar. */
#site-header.kp-site-header .kp-blog-shortcode-wrap button.srxvsi-inline-submit > *,
#site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean > *,
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form input[type="submit"].kp-pack-search-button-clean > * {
  display: none !important;
  visibility: hidden !important;
}

/* Anula pseudos anteriores y pinta un único símbolo centrado. */
#site-header.kp-site-header .kp-blog-shortcode-wrap button.srxvsi-inline-submit::after,
#site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean::after,
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form input[type="submit"].kp-pack-search-button-clean::after {
  content: none !important;
  display: none !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap button.srxvsi-inline-submit::before,
#site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean::before,
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form input[type="submit"].kp-pack-search-button-clean::before {
  content: "🔎" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", system-ui, sans-serif !important;
  transform: translateY(0) !important;
}

#site-header.kp-site-header .kp-blog-shortcode-wrap button.srxvsi-inline-submit:hover,
#site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean:hover,
#site-header.kp-site-header .kp-blog-shortcode-wrap button.srxvsi-inline-submit:focus,
#site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean:focus {
  background: linear-gradient(to left, var(--kp-hover), var(--kp-primary)) !important;
  box-shadow: 0 0 22px rgba(255,20,147,.58) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

/* Si el shortcode imprimiera dos botones reales dentro del form, dejamos solo el primero. */
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form button.srxvsi-inline-submit ~ button,
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form button.kp-pack-search-button-clean ~ button,
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form input[type="submit"].kp-pack-search-button-clean ~ button,
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form button.srxvsi-inline-submit ~ input[type="submit"],
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form button.kp-pack-search-button-clean ~ input[type="submit"] {
  display: none !important;
}

/* Resultados del buscador siempre por encima y sin deformar el botón. */
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-results,
#site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-results {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-height: min(420px, 70vh) !important;
  overflow-y: auto !important;
  z-index: 20080 !important;
}

@media screen and (max-width: 768px) {
  #site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form {
    gap: 6px !important;
  }

  #site-header.kp-site-header .kp-blog-shortcode-wrap input.srxvsi-inline-input,
  #site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form input[type="search"],
  #site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form input[type="text"] {
    height: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important;
    font-size: 13px !important;
    padding: 0 11px !important;
  }

  #site-header.kp-site-header .kp-blog-shortcode-wrap button.srxvsi-inline-submit,
  #site-header.kp-site-header .kp-blog-shortcode-wrap button.kp-pack-search-button-clean,
  #site-header.kp-site-header .kp-blog-shortcode-wrap .srxvsi-inline-form input[type="submit"].kp-pack-search-button-clean {
    flex-basis: 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
  }
}

/* =========================================================
   FOOTER NEON PREMIUM - Kinesiologas.pe
   Solo estilos: mantiene la estructura, PHP y JS del footer.
========================================================= */
:root {
    --kp-bg: #090111;
    --kp-bg-2: #12051F;
    --kp-card: #180923;
    --kp-card-2: #210b32;
    --kp-primary: #CF155A;
    --kp-primary-hover: #FF1493;
    --kp-violet: #6E28F3;
    --kp-green: #0FFF50;
    --kp-yellow: #FFC107;
    --kp-white: #ffffff;
    --kp-text: rgba(255,255,255,.92);
    --kp-muted: rgba(255,255,255,.68);
    --kp-line: rgba(255,255,255,.12);
    --kp-shadow-pink: 0 0 22px rgba(255,20,147,.36);
    --kp-shadow-violet: 0 0 24px rgba(110,40,243,.28);
    --kp-radius: 22px;
    --kp-radius-sm: 14px;
}

/* Espaciadores y bloques base del theme */
.clear10 {
    background: var(--kp-bg);
}

.footer {
    position: relative;
    margin: 0 !important;
    padding: 24px 16px !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(207,21,90,.20), transparent 28%),
        radial-gradient(circle at 90% 0%, rgba(110,40,243,.18), transparent 30%),
        linear-gradient(180deg, var(--kp-bg-2), var(--kp-bg));
    color: var(--kp-text);
    border-top: 1px solid rgba(255,255,255,.08);
}

.footer .widgetbox,
.footer .widget,
.footer .placeholder-widgettext {
    max-width: 1120px;
    margin: 0 auto;
    background: rgba(24,9,35,.82);
    border: 1px solid var(--kp-line);
    border-radius: var(--kp-radius);
    box-shadow: 0 18px 42px rgba(0,0,0,.38);
    color: var(--kp-text);
}

.footer a,
.underfooter a,
.kp-footer-main a {
    color: var(--kp-primary-hover);
    text-decoration: none;
    transition: color .2s ease, opacity .2s ease, transform .2s ease;
}

.footer a:hover,
.underfooter a:hover,
.kp-footer-main a:hover {
    color: var(--kp-yellow);
}

.underfooter {
    margin: 0 !important;
    padding: 14px 16px 18px;
    background: #07000e;
    color: var(--kp-muted);
    border-top: 1px solid rgba(255,255,255,.06);
    text-align: center;
    font-size: 13px;
}

/* =========================================================
   CINTILLO FIJO INFERIOR
========================================================= */
#cintillo-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background:
        radial-gradient(circle at 50% 0%, rgba(255,20,147,.26), transparent 45%),
        linear-gradient(90deg, #090111 0%, #180923 48%, #090111 100%);
    color: var(--kp-white);
    text-align: center;
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom));
    z-index: 9999;
    border-top: 1px solid rgba(255,193,7,.75);
    box-shadow: 0 -10px 34px rgba(0,0,0,.65), 0 0 22px rgba(255,20,147,.22);
    display: block;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

#cintillo-footer.cintillo-inactivo {
    opacity: .96;
}

#cintillo-footer p {
    margin: 0 0 8px 0;
    font-size: 15px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: .2px;
    color: var(--kp-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

#cintillo-footer p strong {
    color: var(--kp-white);
}

#cintillo-footer .icono-mujer,
#cintillo-footer p i {
    color: var(--kp-primary-hover);
    text-shadow: 0 0 12px rgba(255,20,147,.7);
}

#cintillo-footer .buttons-container {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 8px;
    position: relative;
    max-width: 980px;
    margin: 0 auto;
}

#cintillo-footer a {
    flex: 1 1 0;
    min-width: 0;
    color: var(--kp-white);
    padding: 8px 12px;
    text-decoration: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 46px;
    height: auto;
    position: relative;
    overflow: hidden;
    gap: 7px;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.15;
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 12px 26px rgba(0,0,0,.32);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, border-color .2s ease;
}

#cintillo-footer a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
    transform: translateX(-120%);
    transition: transform .55s ease;
    pointer-events: none;
}

#cintillo-footer a:hover::before {
    transform: translateX(120%);
}

#cintillo-footer a:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(0,0,0,.42), var(--kp-shadow-pink);
    border-color: rgba(255,20,147,.65);
    filter: brightness(1.08);
}

#cintillo-footer a i {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: inherit;
    font-size: 15px;
    line-height: 1;
    margin: 0;
}

.boton-video {
    background: linear-gradient(135deg, rgba(24,9,35,.96), rgba(9,1,17,.96));
    border-color: rgba(255,255,255,.18) !important;
}

.boton-registro {
    background: linear-gradient(to left, #d41459, #911a6c) !important;
    color: var(--kp-white) !important;
    border-color: rgba(255,20,147,.82) !important;
    animation: kpFooterCtaPulse 2.2s infinite;
    z-index: 2;
    margin: 0;
    box-shadow: var(--kp-shadow-pink), 0 14px 32px rgba(0,0,0,.38) !important;
}

.boton-filtro {
    background: linear-gradient(135deg, #6E2BF3, #3D0CB8) !important;
    color: var(--kp-white) !important;
    border-color: rgba(110,40,243,.72) !important;
}

.boton-filtro span,
.boton-registro span,
.boton-video span {
    display: inline-block;
}

.boton-filtro span {
    font-weight: 800;
    margin: 0;
}

@keyframes kpFooterCtaPulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 14px rgba(255,20,147,.35), 0 12px 28px rgba(0,0,0,.35);
    }
    50% {
        transform: scale(1.035);
        box-shadow: 0 0 28px rgba(255,20,147,.62), 0 16px 34px rgba(0,0,0,.42);
    }
}

/* =========================================================
   POPUP / FORMULARIO DE BÚSQUEDA DEL CINTILLO
========================================================= */
.custom-search-form {
    display: none;
    padding: 22px 16px 24px;
    background:
        radial-gradient(circle at 10% 0%, rgba(255,20,147,.24), transparent 32%),
        radial-gradient(circle at 90% 0%, rgba(110,40,243,.22), transparent 35%),
        linear-gradient(180deg, #180923, #090111);
    position: fixed;
    bottom: 74px;
    left: 50%;
    transform: translateX(-50%);
    width: min(94vw, 560px);
    z-index: 10000;
    text-align: center;
    color: var(--kp-white);
    border-radius: 24px 24px 18px 18px;
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 22px 70px rgba(0,0,0,.66), var(--kp-shadow-pink);
    box-sizing: border-box;
}

.custom-search-form .close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
    background: linear-gradient(to left, #d41459, #911a6c);
    color: var(--kp-white);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
    font-size: 15px;
    cursor: pointer;
    padding: 0;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 16px rgba(255,20,147,.45);
}

.custom-search-form p.title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 850;
    margin: 6px 42px 18px;
    color: var(--kp-white);
}

.custom-search-form p.title i {
    margin-right: 10px;
    color: var(--kp-yellow);
    text-shadow: 0 0 12px rgba(255,193,7,.45);
}

.form-styling-footer {
    display: flex;
    flex-direction: column;
    width: min(100%, 420px);
    max-width: 420px;
    margin: 0 auto;
    gap: 12px;
}

.form-styling-footer input[type="text"],
.form-styling-footer select {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(255,20,147,.58);
    padding: 12px 14px;
    min-height: 46px;
    font-size: 15px;
    border-radius: 14px;
    background: rgba(9,1,17,.82);
    color: var(--kp-white) !important;
    outline: none;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}

.form-styling-footer input[type="text"]::placeholder {
    color: rgba(255,255,255,.66);
}

.form-styling-footer input[type="text"]:focus,
.form-styling-footer select:focus {
    border-color: var(--kp-primary-hover);
    box-shadow: 0 0 0 3px rgba(255,20,147,.18), inset 0 0 0 1px rgba(255,255,255,.08);
}

.form-styling-footer select option {
    background: #12051F;
    color: var(--kp-white);
}

.form-styling-footer input[type=submit],
.form-styling-footer .submit-button {
    width: 100%;
    min-height: 46px;
    font-size: 15px;
    line-height: 1.2;
    padding: 0 22px;
    border-radius: 999px;
    font-weight: 850;
    border: 1px solid rgba(255,193,7,.75);
    background: linear-gradient(135deg, #FFC107, #ff8f00) !important;
    color: #140411 !important;
    cursor: pointer;
    box-shadow: 0 0 18px rgba(255,193,7,.25), 0 12px 26px rgba(0,0,0,.32);
    transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}

.form-styling-footer input[type=submit]:hover,
.form-styling-footer .submit-button:hover {
    transform: translateY(-2px);
    filter: brightness(1.06);
    box-shadow: 0 0 24px rgba(255,193,7,.46), 0 16px 30px rgba(0,0,0,.4);
}

.form-styling-footer .adv {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: var(--kp-muted);
    font-size: 13px;
    margin-top: 4px;
}

.form-styling-footer .adv:hover {
    color: var(--kp-primary-hover);
}

/* =========================================================
   FOOTER PRINCIPAL
========================================================= */
.kp-footer-main {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 10%, rgba(207,21,90,.20), transparent 30%),
        radial-gradient(circle at 88% 12%, rgba(110,40,243,.19), transparent 32%),
        linear-gradient(180deg, var(--kp-bg-2), var(--kp-bg) 58%, #05000a);
    color: var(--kp-text);
    padding: 52px 20px 130px;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,.08);
}

.kp-footer-main::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: .16;
    pointer-events: none;
}

.kp-footer-main > * {
    position: relative;
    z-index: 1;
}

.kp-footer-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 18px;
    margin: 0 auto 22px;
}

.kp-footer-logos a,
.kp-footer-logos img {
    display: inline-flex;
}

.kp-footer-logos img {
    max-width: 150px;
    height: auto;
    border-radius: 24px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 14px 34px rgba(0,0,0,.35), 0 0 22px rgba(207,21,90,.14);
    padding: 6px;
}

.kp-footer-description {
    max-width: 880px;
    margin: 0 auto 18px;
    font-size: clamp(16px, 2vw, 19px);
    line-height: 1.62;
    font-weight: 720;
    color: var(--kp-text);
}

.kp-footer-description a,
.kp-footer-contact a {
    color: var(--kp-primary-hover);
    font-weight: 850;
    text-shadow: 0 0 14px rgba(255,20,147,.28);
}

.kp-footer-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 16px;
    margin: 0 auto 26px;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(24,9,35,.72);
    border: 1px solid rgba(255,255,255,.10);
    color: var(--kp-text);
}

.kp-footer-main h3,
.recommended-posts h3,
.kp-footer-main h3 strong {
    color: var(--kp-white);
    font-weight: 900;
    letter-spacing: .2px;
    text-shadow: 0 0 18px rgba(255,20,147,.22);
}

.kp-footer-main h3 {
    margin: 34px 0 18px !important;
    font-size: clamp(20px, 2.4vw, 28px);
}

/* Posts recomendados */
.recommended-posts {
    max-width: 1180px;
    margin: 34px auto 30px;
}

.recommended-posts-container {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.recommended-post {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    background: rgba(24,9,35,.86);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 18px 38px rgba(0,0,0,.34);
    color: var(--kp-white) !important;
    text-align: left;
    transform: translateZ(0);
}

.recommended-post:hover {
    transform: translateY(-4px);
    border-color: rgba(255,20,147,.46);
    box-shadow: 0 22px 46px rgba(0,0,0,.45), var(--kp-shadow-pink);
}

.recommended-post .post-image {
    margin: 0;
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
    background: #12051F;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.recommended-post .post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .32s ease, filter .32s ease;
}

.recommended-post:hover .post-image img {
    transform: scale(1.06);
    filter: brightness(1.08) saturate(1.04);
}

.recommended-post .post-title {
    padding: 12px 12px 14px;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 800;
    color: var(--kp-white);
}

/* Redes sociales */
.redes-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    max-width: 980px;
    margin: 28px auto 28px;
}

.redes-footer .social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 15px;
    min-height: 42px;
    border-radius: 999px;
    background: rgba(24,9,35,.82);
    border: 1px solid rgba(255,255,255,.12);
    color: var(--kp-white);
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 12px 24px rgba(0,0,0,.26);
}

.redes-footer .social-btn i {
    display: inline-flex !important;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    color: var(--kp-primary-hover);
}

.redes-footer .social-btn:hover {
    color: var(--kp-white);
    transform: translateY(-2px);
    border-color: rgba(255,20,147,.48);
    box-shadow: 0 16px 32px rgba(0,0,0,.36), var(--kp-shadow-pink);
}

.redes-footer .fb:hover { background: linear-gradient(135deg, #1877f2, #0f4daa); }
.redes-footer .tk:hover { background: linear-gradient(135deg, #111, #CF155A); }
.redes-footer .tw:hover { background: linear-gradient(135deg, #111, #333); }
.redes-footer .tg:hover { background: linear-gradient(135deg, #229ED9, #136f9a); }
.redes-footer .ln:hover { background: linear-gradient(135deg, #0A66C2, #064579); }
.redes-footer .social-btn:hover i { color: var(--kp-white); }

/* Links por ubicación */
.kp-footer-location-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    max-width: 1140px;
    margin: 0 auto;
}

.kp-footer-location-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(24,9,35,.78);
    color: var(--kp-white) !important;
    padding: 10px 16px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 13px;
    line-height: 1.2;
    text-decoration: none;
    border: 1px solid rgba(255,20,147,.34);
    box-shadow: 0 12px 24px rgba(0,0,0,.24);
}

.kp-footer-location-link:hover {
    background: linear-gradient(to left, #d41459, #911a6c);
    border-color: rgba(255,20,147,.7);
    transform: translateY(-2px);
    box-shadow: var(--kp-shadow-pink), 0 14px 28px rgba(0,0,0,.34);
}



/* =========================================================
   POPUP DE VERIFICACIÓN DE EDAD
========================================================= */
.tosdisclaimer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.82) !important;
    z-index: 100000;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.tosdisclaimer-wrapper {
    position: fixed;
    inset: 0;
    z-index: 100001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.tosdisclaimer {
    width: min(92vw, 500px);
    background:
        radial-gradient(circle at 10% 0%, rgba(255,20,147,.25), transparent 35%),
        radial-gradient(circle at 90% 0%, rgba(110,40,243,.22), transparent 35%),
        linear-gradient(180deg, #180923, #090111) !important;
    border: 1px solid rgba(255,20,147,.38);
    border-radius: 26px !important;
    box-shadow: 0 24px 80px rgba(0,0,0,.72), var(--kp-shadow-pink);
    color: var(--kp-white);
    padding: 28px 22px !important;
    text-align: center;
}

.tosdisclaimer p {
    color: var(--kp-white) !important;
    line-height: 1.45;
}

.disclaimer-logo img {
    max-width: 130px;
    height: auto;
    border-radius: 20px;
    margin: 8px auto 14px;
    box-shadow: 0 0 24px rgba(255,20,147,.22);
}

.tosdisclaimerbuttons {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.tosdisclaimerbuttons .greenbutton,
.tosdisclaimerbuttons .redbutton {
    min-width: 140px;
    padding: 12px 18px;
    border-radius: 999px !important;
    font-weight: 900;
    cursor: pointer;
    border: 1px solid rgba(255,255,255,.15);
    color: var(--kp-white);
    transition: transform .2s ease, filter .2s ease;
}

.tosdisclaimerbuttons .greenbutton {
    background: linear-gradient(135deg, #0FFF50, #0aa737) !important;
    color: #07110a !important;
    box-shadow: 0 0 22px rgba(15,255,80,.28);
}

.tosdisclaimerbuttons .redbutton {
    background: linear-gradient(to left, #d41459, #911a6c) !important;
    box-shadow: 0 0 22px rgba(255,20,147,.28);
}

.tosdisclaimerbuttons .greenbutton:hover,
.tosdisclaimerbuttons .redbutton:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

/* =========================================================
   BOT ASISTENTE FLOTANTE
========================================================= */
.wrapper-intd {
    width: 60px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 6rem;
    position: fixed;
    bottom: 180px;
    left: 30px;
    z-index: 9998;
}

.wrapper-intd .btn-gato {
    animation: kpBotPulse 1.35s infinite cubic-bezier(0.66, 0, 0, 1);
    box-shadow: 0 0 0 0 rgba(255,20,147,.58);
    border-radius: 50%;
    width: 54px;
    height: 54px;
    position: relative;
    cursor: pointer;
    background: radial-gradient(circle, rgba(255,20,147,.28), rgba(110,40,243,.18));
    border: 1px solid rgba(255,255,255,.18);
}

.wrapper-intd .btn-gato img {
    position: absolute;
    top: -13px;
    left: -13px;
    width: 82px;
    height: auto;
    filter: drop-shadow(0 0 14px rgba(255,20,147,.45));
}

.wrapper-intd .fac-items {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 282px;
    background:
        radial-gradient(circle at 10% 0%, rgba(255,20,147,.18), transparent 34%),
        linear-gradient(180deg, #180923, #090111);
    z-index: 1000;
    padding: 16px;
    border-radius: 24px;
    bottom: 66px;
    max-width: calc(100vw - 20px);
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, transform .25s ease;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 22px 60px rgba(0,0,0,.58), var(--kp-shadow-pink);
    transform: translateY(8px);
}

.wrapper-intd.right-position .fac-items {
    right: 0;
    left: auto;
}

.wrapper-intd.left-position .fac-items {
    left: 0;
    right: auto;
}

.wrapper-intd .fac-items.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.wrapper-intd .fac-items::after {
    content: "";
    position: absolute;
    bottom: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: #090111 transparent transparent transparent;
}

.wrapper-intd.right-position .fac-items::after {
    right: 25px;
    left: auto;
}

.wrapper-intd.left-position .fac-items::after {
    left: 25px;
    right: auto;
}

.chatbot-close {
    position: absolute;
    top: -14px;
    right: -14px;
    width: 32px;
    height: 32px;
    background: linear-gradient(to left, #d41459, #911a6c);
    color: var(--kp-white);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
    font-size: 20px;
    font-weight: 900;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 16px rgba(255,20,147,.44);
}

.wrapper-intd .fac-items a {
    color: var(--kp-text);
    opacity: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    padding: 10px 12px;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid transparent;
    transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease;
}

.wrapper-intd .fac-items a:hover {
    background: rgba(255,20,147,.16);
    color: var(--kp-white);
    border-color: rgba(255,20,147,.38);
    transform: translateX(3px);
}

.wrapper-intd .fac-items a i {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: var(--kp-primary-hover);
    min-width: 24px;
    text-align: center;
}

.wrapper-intd .fac-items a:hover i {
    color: var(--kp-yellow) !important;
}

.chatbot-header {
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    padding: 12px;
    background: linear-gradient(135deg, rgba(207,21,90,.28), rgba(110,40,243,.22));
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 16px;
    color: var(--kp-white);
    margin-bottom: 8px;
}

@keyframes kpBotPulse {
    to {
        box-shadow: 0 0 0 28px rgba(255,20,147,0);
    }
}

/* =========================================================
   AVISO DE PAGO / EXPIRACIÓN MOVIDO AL HEADER
========================================================= */
.sidebar-expire-notice.center.intd_pago {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    background:
        radial-gradient(circle at 50% 0%, rgba(255,20,147,.24), transparent 42%),
        linear-gradient(to left, #b30753, #440124);
    margin-top: -10px;
    padding: 24px 16px 28px;
    font-size: 19px;
    font-weight: 850;
    flex-direction: column;
    margin: 0;
    color: var(--kp-white);
    border-top: 1px solid rgba(255,255,255,.10);
    border-bottom: 1px solid rgba(255,20,147,.28);
    box-sizing: border-box;
}

.sidebar-expire-notice.center.intd_pago form {
    margin: 10px 20px;
}

.sidebar-expire-notice.center.intd_pago small {
    font-size: 18px;
    color: var(--kp-white);
}

.sidebar-expire-notice.center.intd_pago small br {
    display: none;
}

/* =========================================================
   ADSTERRA FOOTER HOLDER
========================================================= */
#cintillo-adsterra-unico {
    background: var(--kp-bg);
    border-top: 1px solid rgba(255,255,255,.08);
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 1100px) {
    .recommended-posts-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .kp-footer-main {
        padding: 42px 14px 150px;
    }

    .kp-footer-logos img {
        max-width: 132px;
        border-radius: 20px;
    }

    .recommended-posts-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .recommended-post .post-title {
        font-size: 12.5px;
        padding: 10px;
    }

    .redes-footer .social-btn {
        flex: 1 1 calc(50% - 10px);
        max-width: 180px;
    }

    .sidebar-expire-notice.center.intd_pago {
        padding-top: 15px;
        padding-bottom: 25px;
        flex-direction: column;
        font-size: 16px;
        font-weight: 800;
    }
}

@media (max-width: 600px) {
    #cintillo-footer {
        padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
    }

    #cintillo-footer p {
        font-size: 13px;
        margin-bottom: 7px;
    }

    #cintillo-footer .buttons-container {
        gap: 5px;
    }

    #cintillo-footer a {
        padding: 7px 5px;
        min-height: 45px;
        font-size: 11px;
        border-radius: 16px;
        gap: 4px;
        flex-direction: column;
    }

    #cintillo-footer a i {
        font-size: 13px;
    }

    .boton-registro {
        animation: kpFooterCtaPulseMobile 2.2s infinite;
    }

    @keyframes kpFooterCtaPulseMobile {
        0%, 100% { transform: scale(1); }
        50% { transform: scale(1.025); }
    }

    .custom-search-form {
        top: 10px;
        bottom: unset;
        width: calc(100vw - 18px);
        border-radius: 22px;
        padding: 22px 14px;
    }

    .custom-search-form .close-button {
        top: 9px;
        right: 9px;
    }

    .custom-search-form p.title {
        font-size: 16px;
        margin-left: 36px;
        margin-right: 36px;
    }

    .wrapper-intd {
        bottom: 150px;
        left: 18px !important;
        right: auto !important;
    }

    .wrapper-intd.left-position .fac-items,
    .wrapper-intd.right-position .fac-items {
        left: 0;
        right: auto;
        width: min(280px, calc(100vw - 32px));
    }

    .wrapper-intd.left-position .fac-items::after,
    .wrapper-intd.right-position .fac-items::after {
        left: 24px;
        right: auto;
    }

    .kp-footer-contact {
        flex-direction: column;
        border-radius: 18px;
        padding: 12px 14px;
    }

    .kp-footer-location-link {
        width: 100%;
        max-width: 330px;
        font-size: 13px;
    }
}

@media (max-width: 420px) {
    .recommended-posts-container {
        grid-template-columns: 1fr;
    }

    .redes-footer .social-btn {
        flex: 1 1 100%;
        max-width: 300px;
    }

    #cintillo-footer a span {
        max-width: 100%;
    }
}

/* Centrar bloque de texto del footer */
#block-17.widgetbox,
#block-17.widget_block,
.footer #block-17,
.kp-footer-main #block-17 {
    width: 100% !important;
    max-width: 980px !important;
    margin: 22px auto !important;
    float: none !important;
    clear: both !important;
    text-align: center !important;
    display: block !important;
    padding: 22px 24px !important;
    box-sizing: border-box !important;

    background: linear-gradient(135deg, rgba(24, 9, 35, .96), rgba(9, 1, 17, .98)) !important;
    border: 1px solid rgba(255, 20, 147, .24) !important;
    border-radius: 22px !important;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, .35),
        0 0 22px rgba(207, 21, 90, .18) !important;
}

#block-17 p {
    max-width: 900px !important;
    margin: 0 auto !important;
    text-align: center !important;
    color: rgba(255, 255, 255, .78) !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    font-weight: 400 !important;
}

/* Móvil */
@media (max-width: 768px) {
    #block-17.widgetbox,
    #block-17.widget_block,
    .footer #block-17,
    .kp-footer-main #block-17 {
        width: calc(100% - 24px) !important;
        max-width: none !important;
        margin: 18px auto !important;
        padding: 18px 16px !important;
        border-radius: 18px !important;
    }

    #block-17 p {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }
}

/* =========================================================
   KINESIOLOGAS.PE - CARDS DE PERFILES FINAL
   Ajuste premium label + botón play centrado
   Dark neon premium
   ========================================================= */

:root {
    --kp-bg: #090111;
    --kp-bg-2: #12051F;
    --kp-card: #180923;
    --kp-card-soft: #210b32;

    --kp-primary: #CF155A;
    --kp-primary-2: #d41459;
    --kp-primary-dark: #911a6c;
    --kp-hover: #FF1493;

    --kp-violet: #6E28F3;
    --kp-violet-dark: #3D0CB8;

    --kp-green: #0FFF50;
    --kp-yellow: #FFC107;
    --kp-orange: #ff8a00;

    --kp-white: #ffffff;
    --kp-text: rgba(255,255,255,.92);
    --kp-muted: rgba(255,255,255,.72);

    --kp-border: rgba(255,255,255,.12);
    --kp-border-pink: rgba(255,20,147,.38);
    --kp-border-violet: rgba(110,40,243,.34);

    --kp-glow-pink: 0 0 18px rgba(255,20,147,.32), 0 0 34px rgba(207,21,90,.18);
    --kp-glow-violet: 0 0 18px rgba(110,40,243,.28), 0 0 34px rgba(61,12,184,.16);
}

/* =========================================================
   CONTEXTO GENERAL
   ========================================================= */

.contentwrapper,
.contentwrapper .body,
.contentwrapper .bodybox {
    background: transparent !important;
}

.contentwrapper .bodybox h1,
.contentwrapper .bodybox h1 span,
.contentwrapper .bodybox .pagetitle {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-align: center !important;
    letter-spacing: -.03em !important;
    text-shadow:
        0 0 14px rgba(255,20,147,.24),
        0 0 28px rgba(110,40,243,.16) !important;
}

.contentwrapper .bodybox p.content,
.contentwrapper .bodybox .content {
    color: rgba(255,255,255,.86) !important;
    text-align: center !important;
    line-height: 1.65 !important;
}

.contentwrapper .bodybox p.content a,
.contentwrapper .bodybox .content a,
.contentwrapper .bodybox .toggle-text {
    color: var(--kp-hover) !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.contentwrapper .bodybox p.content a:hover,
.contentwrapper .bodybox .toggle-text:hover {
    color: #ffffff !important;
    text-shadow: 0 0 12px rgba(255,20,147,.42) !important;
}

/* =========================================================
   CARD BASE
   ========================================================= */

.contentwrapper .bodybox .girl,
.bodybox .girl,
.girl {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 22px !important;

    background:
        radial-gradient(circle at 20% 0%, rgba(255,20,147,.20), transparent 34%),
        radial-gradient(circle at 90% 10%, rgba(110,40,243,.20), transparent 38%),
        linear-gradient(180deg, rgba(33,11,50,.98) 0%, rgba(18,5,31,.98) 46%, rgba(9,1,17,.99) 100%) !important;

    border: 1px solid rgba(255,20,147,.34) !important;

    box-shadow:
        0 16px 34px rgba(0,0,0,.42),
        0 0 0 1px rgba(255,255,255,.035) inset,
        0 0 20px rgba(255,20,147,.12),
        0 0 26px rgba(110,40,243,.08) !important;

    isolation: isolate !important;

    transition:
        transform .26s ease,
        border-color .26s ease,
        box-shadow .26s ease,
        filter .26s ease !important;
}

.contentwrapper .bodybox .girl::before,
.bodybox .girl::before,
.girl::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 2;

    background:
        linear-gradient(
            135deg,
            rgba(255,20,147,.26),
            transparent 26%,
            transparent 70%,
            rgba(110,40,243,.24)
        );

    opacity: .45;
}

.contentwrapper .bodybox .girl::after,
.bodybox .girl::after,
.girl::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -95%;
    width: 55%;
    height: 205%;
    pointer-events: none;
    z-index: 8;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.15),
        transparent
    );

    transform: rotate(23deg);
    opacity: 0;
    transition: left .68s ease, opacity .28s ease;
}

.contentwrapper .bodybox .girl:hover,
.bodybox .girl:hover,
.girl:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(255,20,147,.78) !important;

    box-shadow:
        0 24px 52px rgba(0,0,0,.54),
        0 0 24px rgba(255,20,147,.38),
        0 0 42px rgba(110,40,243,.22),
        0 0 0 1px rgba(255,255,255,.055) inset !important;
}

.contentwrapper .bodybox .girl:hover::after,
.bodybox .girl:hover::after,
.girl:hover::after {
    left: 122%;
    opacity: 1;
}

/* =========================================================
   THUMB / FOTO
   ========================================================= */

.contentwrapper .bodybox .girl .thumb,
.bodybox .girl .thumb,
.girl .thumb {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 18px !important;

    background:
        radial-gradient(circle at center, rgba(255,20,147,.10), transparent 58%),
        #090111 !important;

    border: 1px solid rgba(255,20,147,.18) !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.04),
        0 0 18px rgba(255,20,147,.08) !important;
}

.contentwrapper .bodybox .girl .thumbwrapper,
.bodybox .girl .thumbwrapper,
.girl .thumbwrapper {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 17px !important;
    background: #090111 !important;
}

.contentwrapper .bodybox .girl .thumb .thumbwrapper a,
.bodybox .girl .thumb .thumbwrapper a,
.girl .thumb .thumbwrapper a {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 17px !important;
    pointer-events: auto !important;
}

.contentwrapper .bodybox .girl .thumb .thumbwrapper a img.mobile-ready-img,
.contentwrapper .bodybox .girl img.mobile-ready-img,
.bodybox .girl .thumb .thumbwrapper a img.mobile-ready-img,
.girl .thumb .thumbwrapper a img.mobile-ready-img {
    display: block !important;
    width: 100% !important;
    border-radius: 17px !important;

    filter: saturate(1.10) contrast(1.04) brightness(.95) !important;

    transition:
        transform .34s ease,
        filter .34s ease !important;
}

.contentwrapper .bodybox .girl:hover .thumb .thumbwrapper a img.mobile-ready-img,
.contentwrapper .bodybox .girl:hover img.mobile-ready-img,
.bodybox .girl:hover .thumb .thumbwrapper a img.mobile-ready-img,
.girl:hover .thumb .thumbwrapper a img.mobile-ready-img {
    transform: scale(1.045) !important;
    filter: saturate(1.20) contrast(1.08) brightness(1.04) !important;
}

.contentwrapper .bodybox .girl .thumb::after,
.bodybox .girl .thumb::after,
.girl .thumb::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 58%;
    pointer-events: none;
    z-index: 3;

    background:
        linear-gradient(
            to top,
            rgba(9,1,17,.98) 0%,
            rgba(18,5,31,.84) 36%,
            rgba(207,21,90,.18) 68%,
            transparent 100%
        );
}

.contentwrapper .bodybox .girl .thumbwrapper::after,
.bodybox .girl .thumbwrapper::after,
.girl .thumbwrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;

    background:
        radial-gradient(circle at 50% 22%, rgba(255,20,147,.08), transparent 40%),
        linear-gradient(to bottom, rgba(110,40,243,.08), transparent 38%);
}

/* =========================================================
   PREMIUM LABEL FINAL
   Corrige cinta antigua diagonal y la convierte en badge premium
   ========================================================= */

.contentwrapper .bodybox .girl .premiumlabel,
.contentwrapper .bodybox .girl .thumb.girlpremium .premiumlabel,
.contentwrapper .bodybox .girl .girlpremium .premiumlabel,
.bodybox .girl .premiumlabel,
.bodybox .girl .thumb.girlpremium .premiumlabel,
.bodybox .girl .girlpremium .premiumlabel,
.girl .premiumlabel,
.girl .thumb.girlpremium .premiumlabel,
.girl .girlpremium .premiumlabel {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    visibility: visible !important;
    opacity: 1 !important;

    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;

    z-index: 30 !important;

    width: auto !important;
    min-width: 74px !important;
    max-width: calc(100% - 20px) !important;
    height: 24px !important;

    padding: 0 10px !important;
    margin: 0 !important;

    border-radius: 999px !important;

    background:
        linear-gradient(135deg, rgba(9,1,17,.94) 0%, rgba(24,9,35,.96) 45%, rgba(33,11,50,.96) 100%) !important;

    border: 1px solid rgba(255,193,7,.82) !important;

    box-shadow:
        0 0 14px rgba(255,193,7,.34),
        0 0 24px rgba(255,138,0,.16),
        inset 0 1px 0 rgba(255,255,255,.13) !important;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    transform: none !important;
    text-align: center !important;
    overflow: hidden !important;
}

/* Estrellita del badge */
.contentwrapper .bodybox .girl .premiumlabel::before,
.contentwrapper .bodybox .girl .thumb.girlpremium .premiumlabel::before,
.contentwrapper .bodybox .girl .girlpremium .premiumlabel::before,
.bodybox .girl .premiumlabel::before,
.bodybox .girl .thumb.girlpremium .premiumlabel::before,
.bodybox .girl .girlpremium .premiumlabel::before,
.girl .premiumlabel::before,
.girl .thumb.girlpremium .premiumlabel::before,
.girl .girlpremium .premiumlabel::before {
    content: "★" !important;
    display: inline-block !important;
    position: relative !important;
    inset: auto !important;

    margin-right: 5px !important;

    color: var(--kp-yellow) !important;
    font-size: 9px !important;
    line-height: 1 !important;

    border: 0 !important;
    background: transparent !important;

    text-shadow:
        0 0 7px rgba(255,193,7,.80),
        0 0 12px rgba(255,138,0,.38) !important;
}

/* Luz interna del badge */
.contentwrapper .bodybox .girl .premiumlabel::after,
.contentwrapper .bodybox .girl .thumb.girlpremium .premiumlabel::after,
.contentwrapper .bodybox .girl .girlpremium .premiumlabel::after,
.bodybox .girl .premiumlabel::after,
.bodybox .girl .thumb.girlpremium .premiumlabel::after,
.bodybox .girl .girlpremium .premiumlabel::after,
.girl .premiumlabel::after,
.girl .thumb.girlpremium .premiumlabel::after,
.girl .girlpremium .premiumlabel::after {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;

    border-radius: inherit !important;
    pointer-events: none !important;

    border: 0 !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.18),
            transparent 38%,
            rgba(255,193,7,.10)
        ) !important;

    opacity: .55 !important;
}

/* Reset total del span viejo diagonal */
.contentwrapper .bodybox .girl .premiumlabel span,
.contentwrapper .bodybox .girl .thumb.girlpremium .premiumlabel span,
.contentwrapper .bodybox .girl .girlpremium .premiumlabel span,
.bodybox .girl .premiumlabel span,
.bodybox .girl .thumb.girlpremium .premiumlabel span,
.bodybox .girl .girlpremium .premiumlabel span,
.girl .premiumlabel span,
.girl .thumb.girlpremium .premiumlabel span,
.girl .girlpremium .premiumlabel span,
.girl .girlpremium .premiumlabel > span {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;

    z-index: 2 !important;

    width: auto !important;
    min-width: 0 !important;
    height: auto !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    transform: none !important;
    -webkit-transform: none !important;

    color: var(--kp-yellow) !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
    text-align: center !important;

    text-shadow:
        0 0 7px rgba(255,193,7,.58),
        0 0 12px rgba(255,138,0,.28) !important;
}

/* Elimina triángulos antiguos de la cinta */
.contentwrapper .bodybox .girl .premiumlabel span::before,
.contentwrapper .bodybox .girl .premiumlabel span::after,
.contentwrapper .bodybox .girl .thumb.girlpremium .premiumlabel span::before,
.contentwrapper .bodybox .girl .thumb.girlpremium .premiumlabel span::after,
.contentwrapper .bodybox .girl .girlpremium .premiumlabel span::before,
.contentwrapper .bodybox .girl .girlpremium .premiumlabel span::after,
.bodybox .girl .premiumlabel span::before,
.bodybox .girl .premiumlabel span::after,
.bodybox .girl .thumb.girlpremium .premiumlabel span::before,
.bodybox .girl .thumb.girlpremium .premiumlabel span::after,
.bodybox .girl .girlpremium .premiumlabel span::before,
.bodybox .girl .girlpremium .premiumlabel span::after,
.girl .premiumlabel span::before,
.girl .premiumlabel span::after,
.girl .thumb.girlpremium .premiumlabel span::before,
.girl .thumb.girlpremium .premiumlabel span::after,
.girl .girlpremium .premiumlabel span::before,
.girl .girlpremium .premiumlabel span::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: transparent !important;
}

/* Hover del badge premium */
.contentwrapper .bodybox .girl:hover .premiumlabel,
.bodybox .girl:hover .premiumlabel,
.girl:hover .premiumlabel {
    border-color: rgba(255,193,7,.96) !important;

    box-shadow:
        0 0 18px rgba(255,193,7,.48),
        0 0 30px rgba(255,138,0,.24),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* =========================================================
   BOTÓN PLAY / VIDEO CENTRADO
   ========================================================= */

.contentwrapper .bodybox .girl .label-video,
.bodybox .girl .label-video,
.girl .label-video,
.girl .thumb .thumbwrapper .label-video {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    visibility: visible !important;
    opacity: 1 !important;

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width: 58px !important;
    height: 58px !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    z-index: 24 !important;

    border-radius: 50% !important;

    background:
        radial-gradient(circle at 35% 28%, rgba(255,255,255,.22), transparent 35%),
        linear-gradient(135deg, rgba(207,21,90,.96), rgba(110,40,243,.92)) !important;

    border: 1px solid rgba(255,20,147,.55) !important;

    box-shadow:
        0 0 16px rgba(255,20,147,.50),
        0 0 28px rgba(110,40,243,.30),
        inset 0 1px 0 rgba(255,255,255,.22) !important;

    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;

    filter: none !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        filter .24s ease !important;
}

.contentwrapper .bodybox .girl .label-video::before,
.bodybox .girl .label-video::before,
.girl .label-video::before {
    content: "";
    position: absolute;
    inset: -7px;
    border-radius: 50%;
    border: 1px solid rgba(255,20,147,.28);
    box-shadow:
        0 0 18px rgba(255,20,147,.22),
        0 0 24px rgba(110,40,243,.16);
    pointer-events: none;
}

.contentwrapper .bodybox .girl .label-video img,
.bodybox .girl .label-video img,
.girl .label-video img,
.girl .thumb .thumbwrapper .label-video img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;

    object-fit: contain !important;

    filter:
        brightness(0) invert(1)
        drop-shadow(0 0 7px rgba(255,255,255,.55)) !important;

    transform: none !important;
}

.contentwrapper .bodybox .girl:hover .label-video,
.bodybox .girl:hover .label-video,
.girl:hover .label-video {
    transform: translate(-50%, -50%) scale(1.07) !important;
    -webkit-transform: translate(-50%, -50%) scale(1.07) !important;

    box-shadow:
        0 0 22px rgba(255,20,147,.64),
        0 0 34px rgba(110,40,243,.38),
        inset 0 1px 0 rgba(255,255,255,.26) !important;
}

/* =========================================================
   MODEL INFO
   ========================================================= */

.contentwrapper .bodybox .girl .model-info,
.bodybox .girl .model-info,
.girl .model-info {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    z-index: 7 !important;
    width: 100% !important;
    padding: 0 9px 9px !important;

    pointer-events: none !important;
}

/* =========================================================
   CATEGORÍA
   ========================================================= */

.contentwrapper .bodybox .girl .category-kis,
.bodybox .girl .category-kis,
.girl .category-kis {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    visibility: visible !important;
    opacity: 1 !important;

    float: right !important;
    max-width: 74% !important;

    margin: 0 0 6px auto !important;
    padding: 4px 9px !important;

    border-radius: 999px !important;

    color: #ffffff !important;

    font-size: 11px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: -.01em !important;

    text-shadow: 0 1px 5px rgba(0,0,0,.52) !important;

    background:
        linear-gradient(135deg, rgba(110,40,243,.98) 0%, rgba(207,21,90,.96) 58%, rgba(255,20,147,.96) 100%) !important;

    border: 1px solid rgba(255,20,147,.58) !important;

    box-shadow:
        0 0 12px rgba(255,20,147,.34),
        0 0 18px rgba(110,40,243,.20),
        inset 0 1px 0 rgba(255,255,255,.16) !important;

    pointer-events: none !important;
}

/* =========================================================
   DESC / NOMBRE / UBICACIÓN
   ========================================================= */

.contentwrapper .bodybox .girl .desc,
.bodybox .girl .desc,
.girl .desc {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    clear: both !important;

    padding: 9px 10px 8px !important;

    border-radius: 14px !important;

    color: #ffffff !important;
    text-align: left !important;

    background:
        linear-gradient(180deg, rgba(24,9,35,.58) 0%, rgba(9,1,17,.90) 100%) !important;

    border: 1px solid rgba(255,255,255,.08) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 0 16px rgba(0,0,0,.26) !important;

    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);

    pointer-events: none !important;
}

.contentwrapper .bodybox .girl .girl-name,
.bodybox .girl .girl-name,
.girl .girl-name {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    color: #ffffff !important;

    font-size: 15px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -.025em !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    text-align: left !important;

    text-shadow:
        0 2px 10px rgba(0,0,0,.86),
        0 0 13px rgba(255,20,147,.34) !important;
}

.contentwrapper .bodybox .girl .girl-name::after,
.bodybox .girl .girl-name::after,
.girl .girl-name::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 7px;
    vertical-align: middle;
    border-radius: 50%;
    background: var(--kp-green);
    box-shadow:
        0 0 8px rgba(15,255,80,.82),
        0 0 14px rgba(15,255,80,.44);
}

.contentwrapper .bodybox .girl .girl-desc-location,
.bodybox .girl .girl-desc-location,
.girl .girl-desc-location {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    margin-top: 5px !important;

    color: rgba(255,255,255,.82) !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    text-align: left !important;

    text-shadow: 0 2px 8px rgba(0,0,0,.78) !important;
}

.contentwrapper .bodybox .girl .girl-desc-location .icon-location,
.bodybox .girl .girl-desc-location .icon-location,
.girl .girl-desc-location .icon-location {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;

    color: var(--kp-hover) !important;
    margin-right: 4px !important;

    text-shadow:
        0 0 7px rgba(255,20,147,.56),
        0 0 12px rgba(207,21,90,.22) !important;
}

.contentwrapper .bodybox .girl .girl-desc-location .icon-location::before,
.bodybox .girl .girl-desc-location .icon-location::before,
.girl .girl-desc-location .icon-location::before {
    color: var(--kp-hover) !important;
}

/* =========================================================
   LINKS
   ========================================================= */

.contentwrapper .bodybox .girl a,
.bodybox .girl a,
.girl a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.contentwrapper .bodybox .girl a:hover,
.bodybox .girl a:hover,
.girl a:hover {
    color: #ffffff !important;
}

/* =========================================================
   NO OCULTAR ELEMENTOS INTERNOS
   ========================================================= */

.contentwrapper .bodybox .girl div,
.contentwrapper .bodybox .girl span,
.contentwrapper .bodybox .girl p,
.contentwrapper .bodybox .girl small,
.contentwrapper .bodybox .girl strong,
.bodybox .girl div,
.bodybox .girl span,
.bodybox .girl p,
.bodybox .girl small,
.bodybox .girl strong,
.girl div,
.girl span,
.girl p,
.girl small,
.girl strong {
    visibility: visible;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {
    .contentwrapper .bodybox .girl,
    .bodybox .girl,
    .girl {
        border-radius: 18px !important;
    }

    .contentwrapper .bodybox .girl .thumb,
    .contentwrapper .bodybox .girl .thumbwrapper,
    .contentwrapper .bodybox .girl .thumb .thumbwrapper a,
    .contentwrapper .bodybox .girl img.mobile-ready-img,
    .bodybox .girl .thumb,
    .bodybox .girl .thumbwrapper,
    .bodybox .girl .thumb .thumbwrapper a,
    .bodybox .girl img.mobile-ready-img,
    .girl .thumb,
    .girl .thumbwrapper,
    .girl .thumb .thumbwrapper a,
    .girl img.mobile-ready-img {
        border-radius: 14px !important;
    }

    .contentwrapper .bodybox .girl:hover,
    .bodybox .girl:hover,
    .girl:hover {
        transform: translateY(-2px) !important;
    }

    .contentwrapper .bodybox .girl:hover .thumb .thumbwrapper a img.mobile-ready-img,
    .contentwrapper .bodybox .girl:hover img.mobile-ready-img,
    .bodybox .girl:hover .thumb .thumbwrapper a img.mobile-ready-img,
    .bodybox .girl:hover img.mobile-ready-img,
    .girl:hover .thumb .thumbwrapper a img.mobile-ready-img,
    .girl:hover img.mobile-ready-img {
        transform: scale(1.025) !important;
    }

    .contentwrapper .bodybox .girl .premiumlabel,
    .contentwrapper .bodybox .girl .thumb.girlpremium .premiumlabel,
    .contentwrapper .bodybox .girl .girlpremium .premiumlabel,
    .bodybox .girl .premiumlabel,
    .bodybox .girl .thumb.girlpremium .premiumlabel,
    .bodybox .girl .girlpremium .premiumlabel,
    .girl .premiumlabel,
    .girl .thumb.girlpremium .premiumlabel,
    .girl .girlpremium .premiumlabel {
        top: 8px !important;
        right: 8px !important;
        min-width: 68px !important;
        height: 22px !important;
        padding: 0 8px !important;
    }

    .contentwrapper .bodybox .girl .premiumlabel::before,
    .bodybox .girl .premiumlabel::before,
    .girl .premiumlabel::before {
        font-size: 8px !important;
        margin-right: 4px !important;
    }

    .contentwrapper .bodybox .girl .premiumlabel span,
    .bodybox .girl .premiumlabel span,
    .girl .premiumlabel span {
        font-size: 8.5px !important;
    }

    .contentwrapper .bodybox .girl .label-video,
    .bodybox .girl .label-video,
    .girl .label-video,
    .girl .thumb .thumbwrapper .label-video {
        width: 50px !important;
        height: 50px !important;
    }

    .contentwrapper .bodybox .girl .label-video img,
    .bodybox .girl .label-video img,
    .girl .label-video img {
        width: 26px !important;
        height: 26px !important;
    }

    .contentwrapper .bodybox .girl .model-info,
    .bodybox .girl .model-info,
    .girl .model-info {
        padding: 0 7px 7px !important;
    }

    .contentwrapper .bodybox .girl .category-kis,
    .bodybox .girl .category-kis,
    .girl .category-kis {
        font-size: 10px !important;
        padding: 4px 7px !important;
        max-width: 78% !important;
    }

    .contentwrapper .bodybox .girl .desc,
    .bodybox .girl .desc,
    .girl .desc {
        padding: 8px 8px 7px !important;
        border-radius: 12px !important;
    }

    .contentwrapper .bodybox .girl .girl-name,
    .bodybox .girl .girl-name,
    .girl .girl-name {
        font-size: 14px !important;
    }

    .contentwrapper .bodybox .girl .girl-desc-location,
    .bodybox .girl .girl-desc-location,
    .girl .girl-desc-location {
        font-size: 11px !important;
    }
}

/* =========================================================
   REDUCE MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .contentwrapper .bodybox .girl,
    .contentwrapper .bodybox .girl::after,
    .contentwrapper .bodybox .girl img.mobile-ready-img,
    .contentwrapper .bodybox .girl .label-video,
    .bodybox .girl,
    .bodybox .girl::after,
    .bodybox .girl img.mobile-ready-img,
    .bodybox .girl .label-video,
    .girl,
    .girl::after,
    .girl img.mobile-ready-img,
    .girl .label-video {
        transition: none !important;
        animation: none !important;
    }

    .contentwrapper .bodybox .girl:hover,
    .bodybox .girl:hover,
    .girl:hover {
        transform: none !important;
    }
}

----------------------

/* =========================================================
   FIX CLS - CARDS, IMÁGENES Y PERFIL
   Reduce saltos visuales en PageSpeed
========================================================= */



.girl img,
.mobile-ready-img,
img[itemprop="image"] {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 280 / 415;
    object-fit: cover;
}

.girl .thumb,
.girl .image,
.girl .escort-image,
.girl .profile-image,
.girl figure,
.girl picture {
    aspect-ratio: 280 / 415;
    overflow: hidden;
}

/* Logo sin salto visual */
.kp-site-logo,
.logo img,
.header-top-bar .logo img {
    display: block;
    width: auto;
    max-width: 227px;
    height: auto;
    aspect-ratio: 227 / 68;
}

/* Evita saltos del body por overlays/popups */
.popup-search,
.kp-mobile-overlay,
.kp-mobile-panel {
    backface-visibility: hidden;
}

/* Menos movimiento para usuarios y mejor performance */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}

/* =========================================================
   LuckyWP TOC - Índice SEO + UX Mobile
   Mantiene el índice visible, pero usable en móvil
========================================================= */

.spx .post-content.entry .lwptoc.kp-toc-seo,
.spx .post-content.entry .lwptoc {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  margin: 22px auto 28px !important;
}

.spx .post-content.entry .lwptoc_i {
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid rgba(224, 0, 108, .35) !important;
  border-radius: 16px !important;
  padding: 16px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .24) !important;
  overflow: hidden !important;
}

.spx .post-content.entry .lwptoc_header {
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid rgba(224, 0, 108, .16) !important;
}

.spx .post-content.entry .lwptoc_title {
  color: #111827 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.spx .post-content.entry .lwptoc_title::before {
  content: "📌 ";
}

.spx .post-content.entry .lwptoc_items {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.spx .post-content.entry .lwptoc_item a {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 7px !important;
  align-items: start !important;
  width: 100% !important;
  padding: 8px 0 !important;
  color: #111827 !important;
  text-decoration: none !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  border-bottom: 1px solid rgba(0, 0, 0, .07) !important;
}

.spx .post-content.entry .lwptoc_item a:hover {
  color: #e0006c !important;
}

.spx .post-content.entry .lwptoc_item_number {
  white-space: nowrap !important;
  color: #e0006c !important;
  font-weight: 800 !important;
}

.spx .post-content.entry .lwptoc_item_label {
  display: block !important;
  max-width: 100% !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

/* Móvil: evita que el índice ocupe media pantalla eterna */
@media screen and (max-width: 767px) {
  .spx .post-content.entry .lwptoc,
  .spx .post-content.entry .lwptoc.kp-toc-seo {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 18px auto 24px !important;
  }

  .spx .post-content.entry .lwptoc_i {
    padding: 15px !important;
    border-radius: 15px !important;
  }

  .spx .post-content.entry .lwptoc_items {
    max-height: 360px !important;
    overflow-y: auto !important;
    padding-right: 6px !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .spx .post-content.entry .lwptoc_item a {
    font-size: 14px !important;
    line-height: 1.42 !important;
  }

  .spx .post-content.entry .lwptoc_item_label {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
}

/* =========================================================
   PREMIUM - CINTILLO OBLICUO DORADO PREMIUM
   Pegar al final del CSS adicional
========================================================= */

.contentwrapper .bodybox .girl .premiumlabel,
.contentwrapper .bodybox .girl .thumb.girlpremium .premiumlabel,
.contentwrapper .bodybox .girl .girlpremium .premiumlabel,
.bodybox .girl .premiumlabel,
.bodybox .girl .thumb.girlpremium .premiumlabel,
.bodybox .girl .girlpremium .premiumlabel,
.girl .premiumlabel,
.girl .thumb.girlpremium .premiumlabel,
.girl .girlpremium .premiumlabel {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    visibility: visible !important;
    opacity: 1 !important;

    position: absolute !important;
    top: 16px !important;
    right: -34px !important;
    left: auto !important;
    bottom: auto !important;

    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
    height: 29px !important;

    padding: 0 !important;
    margin: 0 !important;

    z-index: 90 !important;

    border-radius: 0 !important;

    background:
        linear-gradient(
            90deg,
            #5a3500 0%,
            #b57400 18%,
            #ffd700 42%,
            #fff1a8 55%,
            #ffb300 76%,
            #6b3d00 100%
        ) !important;

    border-top: 2px solid rgba(255, 255, 255, .95) !important;
    border-bottom: 2px solid rgba(40, 20, 0, .85) !important;
    border-left: 0 !important;
    border-right: 0 !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, .85),
        0 0 12px rgba(255, 215, 0, .95),
        0 0 24px rgba(255, 138, 0, .55) !important;

    transform: rotate(38deg) !important;
    transform-origin: center center !important;

    text-align: center !important;
    overflow: hidden !important;

    pointer-events: none !important;

    animation: premiumRibbonPulse 2.6s ease-in-out infinite !important;
}

/* Quita la estrella anterior para que no ensucie la cinta */
.contentwrapper .bodybox .girl .premiumlabel::before,
.contentwrapper .bodybox .girl .thumb.girlpremium .premiumlabel::before,
.contentwrapper .bodybox .girl .girlpremium .premiumlabel::before,
.bodybox .girl .premiumlabel::before,
.bodybox .girl .thumb.girlpremium .premiumlabel::before,
.bodybox .girl .girlpremium .premiumlabel::before,
.girl .premiumlabel::before,
.girl .thumb.girlpremium .premiumlabel::before,
.girl .girlpremium .premiumlabel::before {
    content: "" !important;
    display: none !important;
}

/* Brillo diagonal dentro de la cinta */
.contentwrapper .bodybox .girl .premiumlabel::after,
.contentwrapper .bodybox .girl .thumb.girlpremium .premiumlabel::after,
.contentwrapper .bodybox .girl .girlpremium .premiumlabel::after,
.bodybox .girl .premiumlabel::after,
.bodybox .girl .thumb.girlpremium .premiumlabel::after,
.bodybox .girl .girlpremium .premiumlabel::after,
.girl .premiumlabel::after,
.girl .thumb.girlpremium .premiumlabel::after,
.girl .girlpremium .premiumlabel::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -70% !important;

    width: 45% !important;
    height: 100% !important;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255, 255, 255, .85) 50%,
            transparent 100%
        ) !important;

    transform: skewX(-25deg) !important;
    border: 0 !important;
    border-radius: 0 !important;

    opacity: .85 !important;
    pointer-events: none !important;

    animation: premiumRibbonShine 3.2s ease-in-out infinite !important;
}

/* Texto PREMIUM */
.contentwrapper .bodybox .girl .premiumlabel span,
.contentwrapper .bodybox .girl .thumb.girlpremium .premiumlabel span,
.contentwrapper .bodybox .girl .girlpremium .premiumlabel span,
.bodybox .girl .premiumlabel span,
.bodybox .girl .thumb.girlpremium .premiumlabel span,
.bodybox .girl .girlpremium .premiumlabel span,
.girl .premiumlabel span,
.girl .thumb.girlpremium .premiumlabel span,
.girl .girlpremium .premiumlabel span,
.girl .girlpremium .premiumlabel > span {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;
    z-index: 2 !important;

    width: auto !important;
    height: auto !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #1a0b00 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
    text-align: center !important;

    text-shadow:
        0 1px 0 rgba(255, 255, 255, .65),
        0 0 5px rgba(255, 255, 255, .45) !important;

    transform: none !important;
}

/* Pulso premium suave */
@keyframes premiumRibbonPulse {
    0%, 100% {
        filter: brightness(1);
    }

    50% {
        filter: brightness(1.16) saturate(1.12);
    }
}

/* Brillo que cruza */
@keyframes premiumRibbonShine {
    0% {
        left: -70%;
    }

    42% {
        left: 130%;
    }

    100% {
        left: 130%;
    }
}

/* Ajuste móvil */
@media (max-width: 480px) {
    .contentwrapper .bodybox .girl .premiumlabel,
    .bodybox .girl .premiumlabel,
    .girl .premiumlabel {
        top: 13px !important;
        right: -32px !important;

        width: 132px !important;
        min-width: 132px !important;
        max-width: 132px !important;
        height: 26px !important;

        transform: rotate(38deg) !important;
    }

    .contentwrapper .bodybox .girl .premiumlabel span,
    .bodybox .girl .premiumlabel span,
    .girl .premiumlabel span {
        font-size: 9px !important;
        letter-spacing: .075em !important;
    }
}

/* ==========================================================
AJUSTE CONTROLADO BLOG + REPRODUCTOR
Fecha: 2026-06-13
Objetivo:

* Evitar cruces con el reproductor Kines Video Player Lite.
* Corregir reglas antiguas del blog sin tocar SEO, banners,
  interlinks, posts populares, perfiles ni monetización.
  ========================================================== */

/* ==========================================================

1. Corrección segura del @media móvil de .girl
   Nota:
   Tu CSS tenía una versión sin llaves:
   @media (max-width: 960px)
   .girl { ... }
   Esta versión correcta queda al final y manda sobre la anterior.
   ========================================================== */

@media (max-width: 960px) {
.search.search-results .all.all-body {
flex-flow: wrap;
}

```
.girl {
    width: 50% !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nav-responsive {
    display: block;
}
```

}

/* ==========================================================
2. Corrección NO agresiva para imágenes del blog
Evita float:center, que no existe en CSS.
No toca imágenes de perfiles, sliders, anuncios ni thumbnails
específicos.
========================================================== */

body.single-post .featured-image-wrapper img,
body.single-post .post-content.entry figure img,
body.blog .theblog img,
body.archive .theblog img,
body.category .theblog img {
float: none !important;
max-width: 100% !important;
height: auto !important;
}

body.single-post .featured-image-wrapper {
text-align: center;
}

body.single-post .featured-image-wrapper img {
display: block;
margin-left: auto !important;
margin-right: auto !important;
}

/* ==========================================================
3. Protección del contenido del post
Evita desbordes horizontales en móvil sin cambiar la estructura
general del tema.
========================================================== */

body.single-post .post-content.entry {
max-width: 100%;
overflow-x: hidden;
}

@media only screen and (max-width: 768px) {
body.single-post .post-content.entry {
padding-left: 15px;
padding-right: 15px;
}
}

/* ==========================================================
4. Compatibilidad con videos nativos de WordPress
Aplica antes o después de activar el plugin.
No genera AJAX, no llama archivos, no afecta consumo.
========================================================== */

body.single-post .post-content.entry figure.wp-block-video {
clear: both;
width: 100%;
max-width: 100%;
margin: 32px auto 38px !important;
padding: 0 !important;
float: none !important;
}

body.single-post .post-content.entry figure.wp-block-video video {
display: block !important;
float: none !important;
max-width: 100% !important;
height: auto;
margin: 0 auto !important;
}

/* ==========================================================
5. Compatibilidad directa con Kines Video Player Lite
El plugin ya tiene CSS propio, esto solo evita cruces
con reglas globales antiguas del tema o del personalizador.
========================================================== */

body.single-post .post-content.entry figure.kinesvpl-v100-figure {
clear: both !important;
width: 100% !important;
max-width: 100% !important;
margin: 32px auto 38px !important;
padding: 0 !important;
float: none !important;
}

body.single-post .post-content.entry [data-kinesvpl-v100="player"] {
clear: both !important;
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}

body.single-post .post-content.entry [data-kinesvpl-v100="player"] video {
float: none !important;
margin: 0 !important;
max-width: 100% !important;
}

/* ==========================================================
6. Separación entre videos consecutivos
Mejora UX cuando una entrada tiene más de un video.
========================================================== */

body.single-post .post-content.entry figure.wp-block-video + figure.wp-block-video,
body.single-post .post-content.entry figure.kinesvpl-v100-figure + figure.kinesvpl-v100-figure {
margin-top: 44px !important;
}

/* ==========================================================
7. Corrección de comentarios CSS mal escritos
Nota:
Si tienes líneas con // dentro del CSS, cámbialas luego
manualmente por comentarios con este formato:
comentario correcto:  /* texto */
No se fuerza aquí para no tocar reglas ajenas.
========================================================== */

/* ==========================================================
FIN AJUSTE CONTROLADO
========================================================== */

.spx .spx-post-summary {
  max-width: 820px;
  margin: 0 auto 1.5rem;
  padding: 14px 16px;
  border-left: 4px solid #e0006c;
  background: rgba(224, 0, 108, 0.08);
  border-radius: 10px;
  color: #f5f5f5;
  font-size: 1rem;
  line-height: 1.6;
  text-align: left;
}

.spx .spx-post-summary p {
  margin: 0;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .spx .spx-post-summary {
    margin-bottom: 1.25rem;
    padding: 12px 14px;
    font-size: 0.98rem;
  }
}

/* Ocultar footer principal solo en la página de registro */
body.page-id-7 .kp-footer-main {
    display: none !important;
}

/* =========================================================
   FIX — EDITOR WORDPRESS / GUTENBERG
   Evita que el fondo oscuro del sitio entre al editor
   ========================================================= */

body.block-editor-iframe__body.editor-styles-wrapper {
    background: #ffffff !important;
    color: #1e1e1e !important;
}

body.block-editor-iframe__body.editor-styles-wrapper .wp-block-post-title,
body.block-editor-iframe__body.editor-styles-wrapper .editor-post-title__input {
    color: #1e1e1e !important;
}