{"id":269,"date":"2025-12-15T08:07:13","date_gmt":"2025-12-15T14:07:13","guid":{"rendered":"https:\/\/zentrovital.com\/?page_id=269"},"modified":"2026-02-25T10:59:57","modified_gmt":"2026-02-25T16:59:57","slug":"oferta-expres-v1-novasex","status":"publish","type":"page","link":"https:\/\/zentrovital.com\/index.php\/oferta-expres-v1-novasex\/","title":{"rendered":"Oferta NovaSex v1"},"content":{"rendered":"\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n<style>\n    :root {\n        --wp--custom--ast-content-width-size: 100%;\n    }\n    body {\n            margin: 0;\n            padding-top: 100px; \/* Para compensar el header fijo *\/\n        }\n      \n      .separator-pulse {\n          width: 100%;\n          height: 60px;\n          background: transparent;\n          overflow: hidden;\n          margin: 30px 0;\n          opacity: 0.8;\n      }\n<\/style>\n  \n<style>\n.separator-badge {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 40px 0;\n    width: 100%;\n}\n.separator-badge .line {\n    height: 2px;\n    background: #D32F2F; \/* Rojo NovaSex *\/\n    flex-grow: 1;\n    opacity: 0.3;\n}\n.separator-badge .badge-icon {\n    width: 50px;\n    height: 50px;\n    border: 2px solid #D32F2F;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 20px;\n    background: #fff;\n    box-shadow: 0 4px 10px rgba(211, 47, 47, 0.2);\n}\n<\/style>\n\n<style>\n.separator-arrow {\n    position: relative;\n    height: 40px;\n    margin-bottom: 40px;\n    margin-top: 20px;\n}\n.separator-arrow::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #D32F2F, transparent);\n    z-index: 1;\n}\n.arrow-down {\n    width: 0; \n    height: 0; \n    border-left: 15px solid transparent;\n    border-right: 15px solid transparent;\n    border-top: 15px solid #D32F2F;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translateX(-50%);\n    z-index: 2;\n    filter: drop-shadow(0 4px 4px rgba(0,0,0,0.2));\n}\n<\/style>\n\n<div class=\"nova-marquee reveal-on-scroll\">\n<div class=\"nova-track\">\n    <div class=\"nova-item ph-style\">\n        Porn<span class=\"hub-box\">hub<\/span>\n    <\/div>\n    <div class=\"nova-item pharma-style\">\n        <i class=\"fas fa-prescription-bottle-alt\"><\/i> Pfizer\n    <\/div>\n    <div class=\"nova-item bz-style\">\n        <span class=\"bz-text\">BRAZZERS<\/span>\n    <\/div>\n    <div class=\"nova-item\">\n        <i class=\"fas fa-heartbeat\"><\/i> Men&#8217;s Health\n    <\/div>\n    <div class=\"nova-item pharma-style\">\n        <i class=\"fas fa-flask\"><\/i> Bayer\n    <\/div>\n        <div class=\"nova-item x-style\">\n        <i class=\"fas fa-times-circle\"><\/i> XVideos\n    <\/div>\n    <div class=\"nova-item\">\n        <i class=\"fas fa-shield-alt\"><\/i> FDA Approved\n    <\/div>\n    <div class=\"nova-item pb-style\">\n        <i class=\"fas fa-bunny\"><\/i> PLAYBOY\n    <\/div>\n    <div class=\"nova-item\">\n        <i class=\"fas fa-dumbbell\"><\/i> GNC Live Well\n    <\/div>\n    <div class=\"nova-item\">\n        <i class=\"fas fa-user-md\"><\/i> WebMD\n    <\/div>\n\n    <div class=\"nova-item ph-style\">\n        Porn<span class=\"hub-box\">hub<\/span>\n    <\/div>\n    <div class=\"nova-item pharma-style\">\n        <i class=\"fas fa-prescription-bottle-alt\"><\/i> Pfizer\n    <\/div>\n    <div class=\"nova-item bz-style\">\n        <span class=\"bz-text\">BRAZZERS<\/span>\n    <\/div>\n    <div class=\"nova-item\">\n        <i class=\"fas fa-heartbeat\"><\/i> Men&#8217;s Health\n    <\/div>\n    <div class=\"nova-item pharma-style\">\n        <i class=\"fas fa-flask\"><\/i> Bayer\n    <\/div>\n        <div class=\"nova-item x-style\">\n        <i class=\"fas fa-times-circle\"><\/i> XVideos\n    <\/div>\n    <div class=\"nova-item\">\n        <i class=\"fas fa-shield-alt\"><\/i> FDA Approved\n    <\/div>\n    <div class=\"nova-item pb-style\">\n        <i class=\"fas fa-bunny\"><\/i> PLAYBOY\n    <\/div>\n    <div class=\"nova-item\">\n        <i class=\"fas fa-dumbbell\"><\/i> GNC Live Well\n    <\/div>\n    <div class=\"nova-item\">\n        <i class=\"fas fa-user-md\"><\/i> WebMD\n    <\/div>\n<\/div>\n<\/div>\n    \n<nav class=\"sticky-navbar\">\n    <div class=\"container-nav d-flex justify-content-between align-items-center\">\n        <div class=\"brand-logo\">\n            <span class=\"logo-text\">NovaSex<\/span>\n            <span class=\"logo-sub\">Oficial<\/span>\n        <\/div>\n\n        <div class=\"security-badge\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-shield-lock-fill\" viewBox=\"0 0 16 16\">\n                <path fill-rule=\"evenodd\" d=\"M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zm0 5a1.5 1.5 0 0 1 .5 2.915l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99A1.5 1.5 0 0 1 8 5z\"\/>\n            <\/svg>\n            <span class=\"secure-text\">Sitio Seguro SSL<\/span>\n        <\/div>\n    <\/div>\n<\/nav>\n\n<style>\n    \/* --- VARIABLES NOVASEX --- *\/\n:root {\n    --nova-red: #d90429;      \/* Rojo intenso botella *\/\n    --nova-dark: #0b0b0b;     \/* Negro casi puro *\/\n    --ph-orange: #ff9900;     \/* Naranja PH *\/\n    --bz-blue: #0084ff;       \/* Azul Brazzers *\/\n}\n\n\/* --- T\u00cdTULO --- *\/\n.sponsors-header {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n    margin: 60px auto 20px;\n    max-width: 1000px;\n    text-align: center;\n}\n\n.sponsors-header h2 {\n    color: #000000;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-style: italic; \/* Letra inclinada para velocidad\/acci\u00f3n *\/\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.fire-line {\n    flex: 1;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, var(--nova-red), transparent);\n    box-shadow: 0 0 15px var(--nova-red);\n}\n\n\/* --- BARRA --- *\/\n.nova-marquee {\n    background: var(--nova-dark);\n    padding: 40px 0;\n    overflow: hidden;\n    position: relative;\n    border-top: 2px solid #333;\n    border-bottom: 2px solid #333;\n    \/* Sombra roja sutil por fuera *\/\n    box-shadow: 0 0 40px rgba(217, 4, 41, 0.15); \n}\n\n.nova-marquee::before {\n    content: \"\"; position: absolute; top: 0; left: 0; width: 100px; height: 100%; z-index: 2;\n    background: linear-gradient(to right, var(--nova-dark), transparent);\n}\n.nova-marquee::after {\n    content: \"\"; position: absolute; top: 0; right: 0; width: 100px; height: 100%; z-index: 2;\n    background: linear-gradient(to left, var(--nova-dark), transparent);\n}\n\n.nova-track {\n    display: flex;\n    width: max-content;\n    animation: scrollNova 30s linear infinite;\n}\n\n\/* --- ITEMS GENERALES --- *\/\n.nova-item {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 1.6rem;\n    color: #ffffff; \/* Gris apagado por defecto *\/\n    margin: 0 40px;\n    opacity: 0.7;\n    white-space: nowrap;\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    cursor: default;\n}\n\n.nova-item:hover {\n    opacity: 1;\n    color: white;\n    transform: scale(1.15);\n    text-shadow: 0 0 10px rgba(255,255,255,0.5);\n}\n\n\/* --- ESTILOS PERSONALIZADOS (LOGOS) --- *\/\n\n\/* 1. PORNHUB STYLE *\/\n.ph-style {\n    letter-spacing: -1px;\n}\n.hub-box {\n    background: #444; \/* Apagado por defecto *\/\n    color: black;\n    padding: 2px 8px;\n    border-radius: 6px;\n    margin-left: 2px;\n    transition: all 0.3s;\n}\n.ph-style:hover { color: white; }\n.ph-style:hover .hub-box {\n    background: var(--ph-orange); \/* Naranja al hover *\/\n    box-shadow: 0 0 15px rgba(255, 153, 0, 0.6);\n}\n\n\/* 2. BRAZZERS STYLE *\/\n.bz-style {\n    font-weight: 900;\n    font-style: italic;\n    letter-spacing: -1px;\n}\n.bz-text {\n    background: linear-gradient(to bottom, #666 50%, #444 50%); \/* Gris met\u00e1lico *\/\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    transition: all 0.3s;\n}\n.bz-style:hover .bz-text {\n    \/* Gradiente Azul\/Amarillo t\u00edpico de BZ *\/\n    background: linear-gradient(to bottom, #0084ff 55%, #ffcc00 45%); \n    -webkit-background-clip: text;\n    background-clip: text;\n    text-shadow: 0 2px 10px rgba(0, 132, 255, 0.3);\n}\n\n\/* 3. PHARMA & MEDICAL (Pfizer, Bayer, FDA) *\/\n.pharma-style:hover {\n    color: #00d4ff; \/* Azul cl\u00ednico *\/\n    text-shadow: 0 0 15px rgba(0, 212, 255, 0.4);\n}\n\n\/* 4. XVIDEOS \/ PLAYBOY (Rojos) *\/\n.x-style:hover, .pb-style:hover {\n    color: var(--nova-red);\n    text-shadow: 0 0 15px rgba(217, 4, 41, 0.6);\n}\n\n@keyframes scrollNova {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n}\n\n\/* M\u00f3vil *\/\n@media (max-width: 768px) {\n    .nova-item { font-size: 1.2rem; margin: 0 25px; }\n    .hub-box { padding: 1px 5px; }\n}\n<\/style>\n\n<div class=\"sponsors-header reveal-on-scroll\">\n    <span class=\"fire-line\"><\/span>\n    <h3 style=\"font-weight: 800;\">POTENCIA RECONOCIDA EN<\/h3>\n    <span class=\"fire-line\"><\/span>\n<\/div>\n\n<style>\n\/* CSS DE LA BARRA SUPERIOR *\/\n.sticky-navbar {\n    \n    \n    background-color: #ffffff;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n    padding: 10px 0;\n    border-bottom: 2px solid #D32F2F; \/* L\u00ednea roja de marca *\/\n}\n\n.brand-logo {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    color: #222;\n    display: flex;\n    flex-direction: column;\n    line-height: 1;\n}\n\n.logo-text {\n    font-size: 1.4rem;\n    letter-spacing: -1px;\n}\n\n.logo-sub {\n    font-size: 0.6rem;\n    color: #D32F2F;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n}\n\n.security-badge {\n    display: flex;\n    align-items: center;\n    background-color: #f0fdf4; \/* Verde muy claro *\/\n    color: #166534; \/* Verde oscuro *\/\n    padding: 5px 10px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    border: 1px solid #bbf7d0;\n}\n\n.security-badge svg {\n    margin-right: 5px;\n}\n<\/style>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;800&#038;family=Open+Sans:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n        \n<style>\n    \/* --- VARIABLES DE COLOR (Identidad NovaSex) --- *\/\n    :root {\n        --ns-red: #D32F2F;        \/* Rojo Potencia *\/\n        --ns-red-dark: #b71c1c;   \/* Rojo Oscuro para Hover *\/\n        --ns-black: #1a1a1a;      \/* Negro Premium *\/\n        --ns-grey: #f4f4f4;       \/* Fondo Suave *\/\n        --ns-gold: #FFD700;       \/* Toque de Calidad *\/\n        --ns-text: #333333;\n    }\n\n    body {\n        margin: 0;\n        padding: 0;\n        font-family: 'Open Sans', sans-serif;\n        background-color: #fff;\n        color: var(--ns-text);\n    }\n\n    \/* --- HERO SECTION CONTAINER --- *\/\n    .hero-section {\n        padding: 40px 20px;\n        background: linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%);\n        \n        position: relative;\n        overflow: hidden;\n    }\n\n    .container {\n        max-width: 1100px !important;;\n        margin: 0 auto;\n        display: flex;\n        flex-direction: row; \/* Lado a lado en escritorio *\/\n        align-items: center;\n        justify-content: space-between;\n        gap: 40px;\n        padding: 20px;\n    }\n\n    \/* --- COLUMNA DE TEXTO (IZQUIERDA) --- *\/\n    .hero-content {\n        flex: 1;\n        z-index: 2;\n    }\n\n    \/* Etiqueta Superior *\/\n    .badge-premium {\n        display: inline-block;\n        background-color: var(--ns-black);\n        color: #fff;\n        padding: 5px 12px;\n        font-size: 0.8rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        border-radius: 4px;\n        margin-bottom: 15px;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .badge-premium span { color: var(--ns-red); }\n\n    \/* T\u00edtulo H1 *\/\n    h1 {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: 2.8rem;\n        line-height: 1.1;\n        color: var(--ns-black);\n        margin: 0 0 15px 0;\n    }\n\n    h1 span {\n        color: var(--ns-red);\n        border-bottom: 3px solid var(--ns-red);\n    }\n\n    \/* Subt\u00edtulo *\/\n    .hero-subtitle {\n        font-size: 1.2rem;\n        color: #555;\n        margin-bottom: 25px;\n        line-height: 1.5;\n        border-left: 4px solid var(--ns-red);\n        padding-left: 15px;\n    }\n\n    \/* Bullet Points Estilizados *\/\n    .hero-bullets {\n        list-style: none;\n        padding: 0;\n        margin: 0 0 30px 0;\n    }\n\n    .hero-bullets li {\n        font-size: 1.1rem;\n        margin-bottom: 12px;\n        display: flex;\n        align-items: center;\n        font-weight: 600;\n    }\n\n    .check-icon {\n        width: 24px;\n        height: 24px;\n        background-color: var(--ns-red); \/* C\u00edrculo rojo *\/\n        color: white;\n        border-radius: 50%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        margin-right: 12px;\n        font-weight: bold;\n        font-size: 14px;\n        box-shadow: 0 2px 5px rgba(211, 47, 47, 0.3);\n    }\n\n    \/* BOT\u00d3N CTA (Llamada a la Acci\u00f3n) *\/\n    \/* Estilo del Bot\u00f3n Principal *\/\n.cta-button {\n    display: block;\n    width: 100%;             \/* Ocupa todo el ancho disponible *\/\n    max-width: 100% !important;;         \/* Nunca se sale del contenedor *\/\n    box-sizing: border-box;  \/* El padding no aumenta el ancho total *\/\n    white-space: normal;     \/* Permite que el texto baje a dos l\u00edneas si no cabe *\/\n    padding: 15px 10px;      \/* Menos padding lateral para m\u00f3viles *\/\n    font-size: 1.2rem;       \/* Tama\u00f1o legible *\/\n    text-align: center;\n    background: #D32F2F;     \/* Rojo NovaSex *\/\n    color: white;\n    border-radius: 8px;\n    border: none;\n    text-transform: uppercase;\n    font-weight: bold;\n    box-shadow: 0 4px 15px rgba(211, 47, 47, 0.4);\n    animation: pulse 2s infinite; \/* Efecto latido para llamar la atenci\u00f3n *\/\n}\n\n\/* Animaci\u00f3n de latido *\/\n@keyframes pulse {\n    0% { transform: scale(1); }\n    50% { transform: scale(1.02); }\n    100% { transform: scale(1); }\n}\n\n    .cta-button:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 30px rgba(211, 47, 47, 0.6);\n        filter: brightness(1.1);\n    }\n\n    \/* Animaci\u00f3n de brillo en el bot\u00f3n *\/\n    .cta-button::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n        transition: 0.5s;\n        animation: shine 3s infinite;\n    }\n\n    @keyframes shine {\n        0% { left: -100%; }\n        20% { left: 100%; }\n        100% { left: 100%; }\n    }\n\n    .shipping-info {\n        margin-top: 15px;\n        font-size: 0.85rem;\n        color: #777;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .shipping-dot {\n        width: 8px;\n        height: 8px;\n        background-color: #4CAF50; \/* Verde online *\/\n        border-radius: 50%;\n        display: inline-block;\n    }\n\n    \/* --- COLUMNA DE IMAGEN (DERECHA) --- *\/\n    .hero-image-container {\n        flex: 1;\n        text-align: center;\n        position: relative;\n    }\n\n    .hero-img {\n        max-width: 100% !important;;\n        height: auto;\n        \/* Efecto de sombra para que el bote flote *\/\n        filter: drop-shadow(0 20px 30px rgba(0,0,0,0.15));\n        transform: scale(1.1); \/* Hacemos el bote un poco m\u00e1s imponente *\/\n    }\n    \n    \/* --- REDISE\u00d1O PREMIUM DEL SELLO DE GARANT\u00cdA --- *\/\n.guarantee-seal {\nposition: absolute;\nbottom: -30px; \/* Ajustado para que flote mejor *\/\nright: -20px; \/* Ajustado para que flote mejor *\/\n\/* Fondo Met\u00e1lico Dorado con Textura *\/\nbackground: radial-gradient(ellipse at center, #FFD700 0%, #DAA520 70%, #B8860B 100%);\n\/* Borde Exterior Met\u00e1lico *\/\nborder: 4px solid #F0E68C; \/* Oro claro para el borde *\/\n\/* Sombra Interior para efecto de profundidad *\/\nbox-shadow: \n    inset 0 0 10px rgba(0,0,0,0.3), \/* Sombra interna *\/\n    0 10px 25px rgba(0,0,0,0.3); \/* Sombra externa realista *\/\nborder-radius: 50%;\nwidth: 110px; \/* Un poco m\u00e1s grande *\/\nheight: 110px;\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\njustify-content: center;\ntext-align: center;\nz-index: 3;\n\/* Brillo met\u00e1lico sutil *\/\nposition: relative;\noverflow: hidden;\n}\n\n\/* Texto \"90\" Grande *\/\n.seal-number {\nfont-family: 'Montserrat', sans-serif;\nfont-weight: 900;\nfont-size: 3rem; \/* M\u00e1s grande e impactante *\/\nline-height: 1;\ncolor: #333; \/* Color oscuro para contraste *\/\n\/* Sombra de texto para efecto grabado *\/\ntext-shadow: 1px 1px 2px rgba(255,255,255,0.5), -1px -1px 2px rgba(0,0,0,0.2);\n}\n\n\/* Texto \"D\u00cdAS\" Peque\u00f1o *\/\n.seal-text {\nfont-family: 'Open Sans', sans-serif;\nfont-weight: 700;\nfont-size: 0.9rem;\ntext-transform: uppercase;\nletter-spacing: 1px;\ncolor: #555;\nmargin-top: -5px;\n}\n\n\/* Efecto de Brillo (Reflejo de Luz) *\/\n.guarantee-seal::before {\ncontent: '';\nposition: absolute;\ntop: -50%;\nleft: -50%;\nwidth: 200%;\nheight: 200%;\nbackground: radial-gradient(circle, rgba(255, 234, 0, 0.6) 0%, rgba(255, 255, 255, 0.249) 60%);\ntransform: rotate(45deg);\npointer-events: none;\n}\n\n    \/* --- RESPONSIVE MOBILE --- *\/\n.container-nav {\n    gap: 20px;\n    margin-left: 20% !important;\n    margin-right: 20% !important;\n}\n    @media (max-width: 768px) {\n        .container {\n            flex-direction: column-reverse; \/* Imagen arriba, texto abajo en mobile *\/\n            gap: 20px;\n            padding-bottom: 20px;\n        }\n        .container-nav {\n            gap: 20px;\n            margin-left: 10% !important;\n            margin-right: 10% !important;\n        }\n        h1 { font-size: 2rem; text-align: center; }\n        .hero-subtitle { text-align: center; border-left: none; padding: 0; }\n        .hero-bullets { margin-left: 10px; }\n        .hero-image-container { margin-bottom: 0; }\n        .hero-img { max-width: 70% !important;; margin-top: -20px; } \/* Ajuste tama\u00f1o bote mobile *\/\n        .cta-button { width: 100%; max-width: 100% !important;; font-size: 1.1rem; }\n        .shipping-info { justify-content: center; }\n        .badge-premium { display: table; margin: 0 auto 15px auto; }\n        \n        \/* Ajuste del sello en movil *\/\n        .guarantee-seal {\n            right: 10%;\n            bottom: 0;\n            width: 70px;\n            height: 70px;\n            font-size: 0.6rem;\n        }\n    }\n<\/style>\n\n<section class=\"hero-section\">\n    <div class=\"container\">\n        \n        <div class=\"hero-content\">\n            <div class=\"badge-premium\">Tecnolog\u00eda <span>AMERICANA (USA)<\/span><\/div>\n            \n            <h1>Recupera Tu <span style=\"color: #D32F2F;\">Potencia M\u00e1xima<\/span> y el Control Total<\/h1>\n            \n            <p class=\"hero-subtitle\">\n                La f\u00f3rmula natural que reactiva tu virilidad en cuesti\u00f3n de minutos, sin receta m\u00e9dica ni efectos secundarios.\n            <\/p>\n\n            <ul class=\"hero-bullets\">\n                <li><span class=\"check-icon\">\u2713<\/span> Erecciones firmes como roca bajo demanda.<\/li>\n                <li><span class=\"check-icon\">\u2713<\/span> Aumenta tu duraci\u00f3n y resistencia f\u00edsica.<\/li>\n                <li><span class=\"check-icon\">\u2713<\/span> 100% Discreto y Env\u00edo Seguro.<\/li>\n            <\/ul>\n\n            <a href=\"#package-header-id\" class=\"cta-button\">\n                VER PAQUETES Y PRECIOS\n            <\/a>\n\n            <div class=\"shipping-info\">\n                <span class=\"shipping-dot\"><\/span>\n                <span>Env\u00edo discreto en paquete an\u00f3nimo.<\/span>\n            <\/div>\n        <\/div>\n<style>\n\/* --- MEJORAS HERO IMAGE (PULSO) --- *\/\n\n\/* Animaci\u00f3n de pulso (escala) para el bote *\/\n.hero-img {\n    animation: pulse 3s ease-in-out infinite;\n    filter: drop-shadow(0 20px 20px rgba(0,0,0,0.15));\n    transition: filter 0.3s;\n}\n\n@keyframes pulse {\n    0% { transform: scale(1); }\n    50% { transform: scale(1.05); }\n    100% { transform: scale(1); }\n}\n\n\/* Sello de garant\u00eda mejorado: colores m\u00e1s vibrantes y latido *\/\n.guarantee-seal {\n    background: radial-gradient(ellipse at center, #FFD700 0%, #DAA520 70%, #B8860B 100%) !important;\n    border: 4px solid #FFF8E7 !important;\n    box-shadow: 0 0 20px rgba(255, 215, 0, 0.8), 0 10px 25px rgba(0,0,0,0.3) !important;\n    animation: pulse-gold 2s infinite !important;\n}\n\n@keyframes pulse-gold {\n    0% { transform: scale(1); box-shadow: 0 0 20px rgba(255, 215, 0, 0.8); }\n    50% { transform: scale(1.1); box-shadow: 0 0 40px rgba(255, 215, 0, 1); }\n    100% { transform: scale(1); box-shadow: 0 0 20px rgba(255, 215, 0, 0.8); }\n}\n\n\/* Destello ocasional en toda la imagen *\/\n.hero-image-container {\n    position: relative;\n    overflow: visible;\n}\n\n.hero-image-container::after {\n    content: '';\n    position: absolute;\n    top: -10%;\n    left: -10%;\n    width: 120%;\n    height: 120%;\n    background: radial-gradient(circle, rgba(255,255,255,0.4) 0%, transparent 70%);\n    opacity: 0;\n    animation: flash 5s infinite;\n    pointer-events: none;\n    z-index: 2;\n}\n\n@keyframes flash {\n    0% { opacity: 0; }\n    10% { opacity: 0.5; }\n    20% { opacity: 0; }\n    100% { opacity: 0; }\n}\n\n\/* Ajuste responsivo para m\u00f3vil (pulso m\u00e1s suave) *\/\n@media (max-width: 768px) {\n    @keyframes pulse {\n        0% { transform: scale(1); }\n        50% { transform: scale(1.03); }\n        100% { transform: scale(1); }\n    }\n}\n<\/style>\n        <div class=\"hero-image-container\">\n            <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_novasex\/BOTE1-FIX+(1).webp\" alt=\"NovaSex Bote Oficial\" class=\"hero-img\">\n            \n            <div class=\"guarantee-seal\">\n                100%<br>NATURAL\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<div class=\"mobile-sticky-footer\">\n    <div class=\"msf-content\">\n        <div class=\"msf-trust\">\n            <span>\ud83d\udd12 Env\u00edo Discreto<\/span>\n        <\/div>\n        <a href=\"#package-header-id\" class=\"msf-button\">\n            VER OFERTA\n        <\/a>\n    <\/div>\n<\/div>\n\n<style>\n.mobile-sticky-footer {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    background: #fff;\n    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);\n    padding: 10px 15px;\n    z-index: 9999;\n    display: none; \/* Oculto en PC *\/\n}\n\n\/* Solo mostrar en pantallas peque\u00f1as *\/\n@media (max-width: 768px) {\n    .mobile-sticky-footer {\n        display: block;\n    }\n    \/* A\u00f1adir padding al body para que la barra no tape contenido al final *\/\n    body {\n        padding-bottom: 70px; \n    }\n}\n\n.msf-content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n}\n\n.msf-trust {\n    font-size: 0.8rem;\n    color: #555;\n    font-weight: 600;\n}\n\n.msf-button {\n    background-color: #D32F2F;\n    color: white;\n    text-decoration: none;\n    font-weight: bold;\n    padding: 10px 20px;\n    border-radius: 5px;\n    text-transform: uppercase;\n    flex-grow: 0; \/* Ocupa el espacio restante *\/\n    text-align: center;\n    width: auto;\n    min-width: 160px;\n}\na:hover, a:focus {\n    color: #e6e8eb;\n    text-decoration: none;\n}\n\n.mobile-sticky-footer {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    background: #fff;\n    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);\n    padding: 10px 15px;\n    z-index: 9999;\n    display: block; \/* Cambiado de 'none' a 'block' *\/\n}\n\n\/* Ajustes opcionales para escritorio *\/\n@media (min-width: 769px) {\n    .mobile-sticky-footer {\n        padding: 8px 30px;\n    }\n    .msf-button {\n        width: auto;\n        padding: 8px 25px;\n    }\n}\n<\/style>\n\n<!-- PRESENTACION -->\n    \n<div class=\"separator-pulse\">\n    <svg viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\" style=\"height: 100%; width: 100%;\">\n        <path d=\"M0,75 L200,75 L215,25 L230,125 L245,75 L500,75\" fill=\"none\" stroke=\"#D32F2F\" stroke-width=\"3\" vector-effect=\"non-scaling-stroke\"><\/path>\n    <\/svg>\n<\/div>\n\n    <!-- MECANISMO -->\n\n<section class=\"mechanism-section\">\n    <div class=\"container\">\n        <div class=\"row align-items-center\">\n            \n            <div class=\"col-12 col-lg-6 mb-4 mb-lg-0\">\n                <div class=\"doctor-image-wrapper video-active-wrapper\" id=\"videoContainer\">\n                    \n                    <video id=\"doctorVideo\" class=\"img-fluid doctor-video\" playsinline muted autoplay loop>\n                        <source src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/NOVAXXX.mp4\" type=\"video\/mp4\">\n                        Tu navegador no soporta videos HTML5.\n                    <\/video>\n            \n                    <div class=\"video-overlay\" id=\"audioTrigger\">\n                        <div class=\"pulse-button\">\n                            <span class=\"sound-icon\">\ud83d\udd0a<\/span> ACTIVAR SONIDO\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"authority-badge\">\n                        <span class=\"badge-icon\">\u2713<\/span>\n                        <div class=\"badge-text\" style=\"color: white;\">\n                            <strong>Cl\u00ednicamente<\/strong><br>Recomendado\n                        <\/div>\n                    <\/div>\n            \n                <\/div>\n            <\/div>\n            <style>\n            \/* Contenedor principal del video *\/\n.doctor-image-wrapper {\nposition: relative;\nwidth: 100%;\nmax-width: 600px; \/* o el ancho que desees *\/\nmargin: 0 auto;   \/* centrado si es necesario *\/\nborder-radius: 15px;\noverflow: hidden;\nbackground: #000; \/* fondo negro mientras carga *\/\nbox-shadow: 0 10px 30px rgba(0,0,0,0.15);\n}\n\n\/* El video debe ocupar todo el contenedor *\/\n.doctor-video {\ndisplay: block;\nheight: 800px !important;\nwidth: 100%;\nheight: auto;\naspect-ratio: 16 \/ 9; \/* o la relaci\u00f3n de aspecto de tu video *\/\nobject-fit: cover;     \/* cubre el contenedor, puede recortar ligeramente *\/\n\/* Si prefieres que se vea completo sin recortes: object-fit: contain; *\/\n}\n\n\/* Overlay (capa de activaci\u00f3n) *\/\n.video-overlay {\nposition: absolute;\ntop: 0;\nleft: 0;\nwidth: 100%;\nheight: 100%;\nbackground: rgba(0, 0, 0, 0.3); \/* oscurecimiento sutil *\/\ndisplay: flex;\njustify-content: center;\nalign-items: center;\ntransition: opacity 0.3s;\ncursor: pointer;\n}\n\n.video-overlay.hidden {\nopacity: 0;\npointer-events: none;\n}\n\n\/* Bot\u00f3n de activaci\u00f3n (puedes ajustarlo) *\/\n.pulse-button {\nbackground: #D32F2F;\ncolor: white;\nfont-weight: 800;\npadding: 12px 25px;\nborder-radius: 50px;\ndisplay: flex;\nalign-items: center;\ngap: 10px;\nbox-shadow: 0 4px 15px rgba(0,0,0,0.3);\nanimation: pulse-audio 2s infinite;\nfont-family: 'Montserrat', sans-serif;\ntext-transform: uppercase;\nfont-size: 0.9rem;\n}\n\n\/* Badge de autoridad *\/\n.authority-badge {\nposition: absolute;\ntop: 20px;\nright: 20px;\ndisplay: flex;\nalign-items: center;\nbackground: rgba(255, 255, 255, 0.9);\nbackdrop-filter: blur(4px);\npadding: 8px 15px 8px 10px;\nborder-radius: 50px;\nbox-shadow: 0 4px 10px rgba(0,0,0,0.2);\nz-index: 10;\nborder: 1px solid rgba(255,255,255,0.3);\n}\n\n.badge-icon {\nbackground: #D32F2F;\ncolor: white;\nwidth: 24px;\nheight: 24px;\nborder-radius: 50%;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nfont-weight: bold;\nmargin-right: 8px;\nfont-size: 14px;\n}\n\n.badge-text {\nfont-size: 0.8rem;\nline-height: 1.2;\ncolor: #333;\n}\n\n\/* Responsive: ajustes para m\u00f3vil *\/\n@media (max-width: 768px) {\n.doctor-video {\n    display: block;\n    height: 500px !important;\n    width: 100%;\n    height: auto;\n    aspect-ratio: 16 \/ 9; \/* o la relaci\u00f3n de aspecto de tu video *\/\n    object-fit: cover;     \/* cubre el contenedor, puede recortar ligeramente *\/\n    \/* Si prefieres que se vea completo sin recortes: object-fit: contain; *\/\n}\n.doctor-image-wrapper {\n    max-width: 100%;\n}\n.pulse-button {\n    padding: 10px 18px;\n    font-size: 0.8rem;\n}\n.authority-badge {\n    top: 10px;\n    right: 10px;\n    padding: 5px 10px;\n}\n.badge-icon {\n    width: 20px;\n    height: 20px;\n    font-size: 12px;\n}\n}\n            <\/style>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const videoContainer = document.getElementById('videoContainer');\n        const videoPlayer = document.getElementById('doctorVideo');\n        const audioTrigger = document.getElementById('audioTrigger');\n        let isActivated = false;\n    \n        \/\/ Intentamos forzar la reproducci\u00f3n inicial (\u00fatil en algunos m\u00f3viles)\n        videoPlayer.play().catch(error => {\n            console.log(\"Autoplay bloqueado por el navegador hasta interacci\u00f3n.\");\n        });\n    \n        \/\/ Funci\u00f3n que se ejecuta al hacer click en el contenedor\n        function activateVideoSound() {\n            if (!isActivated) {\n                \/\/ 1. Ocultamos la capa de \"Activar Sonido\"\n                audioTrigger.classList.add('hidden');\n                \n                \/\/ 2. Preparamos el video\n                videoPlayer.muted = false; \/\/ Quitamos el mute\n                videoPlayer.currentTime = 0; \/\/ Reiniciamos al principio\n                videoPlayer.loop = false; \/\/ Quitamos el loop infinito inicial\n                \n                \/\/ 3. Reproducimos con sonido\n                videoPlayer.play();\n                \n                \/\/ 4. Activamos los controles nativos (play\/pausa\/barra de tiempo)\n                videoPlayer.controls = true;\n                \n                \/\/ 5. Quitamos el cursor de manita del contenedor\n                videoContainer.style.cursor = 'default';\n                \n                \/\/ Marcamos como activado para que futuros clicks los maneje el reproductor nativo\n                isActivated = true;\n            }\n        }\n    \n        \/\/ Escuchamos el click en el contenedor principal o el bot\u00f3n\n        videoContainer.addEventListener('click', activateVideoSound);\n    });\n    <\/script>\n\n            <div class=\"col-12 col-lg-6\">\n                <h2 class=\"section-title\">\n                    \u00bfPor qu\u00e9 <span class=\"text-brand\">NovaSex<\/span> es superior a la pastilla azul?\n                <\/h2>\n                \n                <div class=\"mechanism-content\">\n                    <p class=\"lead-text\">\n                        Muchos productos qu\u00edmicos fuerzan a tu cuerpo, causando dolor de cabeza y taquicardia. \n                        <strong>NovaSex funciona diferente.<\/strong>\n                    <\/p>\n                    \n                    <p>\n                        Nuestra tecnolog\u00eda de absorci\u00f3n r\u00e1pida en gomita entra al torrente sangu\u00edneo en segundos, \n                        <span class=\"highlight-red\">dilatando los vasos cavernosos de forma natural.<\/span>\n                    <\/p>\n\n                    <div class=\"result-box\">\n                        <div class=\"result-icon\">\u26a1<\/div>\n                        <p>\n                            El resultado no es solo una erecci\u00f3n; es <strong>VIGOR REAL<\/strong>. \n                            Tu cuerpo responde como cuando ten\u00edas 20 a\u00f1os.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"benefits-grid mt-5 mb-5\">\n                        <div class=\"row\">\n                            \n                            <div class=\"col-12 col-md-6 mb-4\">\n                                <div class=\"benefit-item\">\n                                    <div class=\"benefit-icon\">\ud83d\ude80<\/div>\n                                    <div class=\"benefit-content\">\n                                        <h4 class=\"benefit-title\">Acci\u00f3n en 15 Minutos<\/h4>\n                                        <p class=\"benefit-desc\">\n                                            Al ser gomita masticable, la absorci\u00f3n inicia en la boca (sublingual). No esperes 1 hora de digesti\u00f3n como con las pastillas duras.\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                    \n                            <div class=\"col-12 col-md-6 mb-4\">\n                                <div class=\"benefit-item\">\n                                    <div class=\"benefit-icon\">\ud83e\udd2b<\/div>\n                                    <div class=\"benefit-content\">\n                                        <h4 class=\"benefit-title\">Discreci\u00f3n Total<\/h4>\n                                        <p class=\"benefit-desc\">\n                                            Sin necesidad de agua. Parece un dulce, pero funciona como una bestia. Nadie tiene que saber que tomaste un potenciador.\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                    \n                            <div class=\"col-12 col-md-6 mb-4\">\n                                <div class=\"benefit-item\">\n                                    <div class=\"benefit-icon\">\ud83d\udd04<\/div>\n                                    <div class=\"benefit-content\">\n                                        <h4 class=\"benefit-title\">Recuperaci\u00f3n R\u00e9cord<\/h4>\n                                        <p class=\"benefit-desc\">\n                                            Reduce dr\u00e1sticamente el &#8220;tiempo refractario&#8221;. Terminas y tu cuerpo est\u00e1 listo para el segundo round mucho antes.\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                    \n                            <div class=\"col-12 col-md-6 mb-4\">\n                                <div class=\"benefit-item\">\n                                    <div class=\"benefit-icon\">\ud83c\udf77<\/div>\n                                    <div class=\"benefit-content\">\n                                        <h4 class=\"benefit-title\">Compatible con Alcohol<\/h4>\n                                        <p class=\"benefit-desc\">\n                                            A diferencia de los qu\u00edmicos que pierden efecto si bebes, nuestra f\u00f3rmula natural resiste un par de copas sin fallar.\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                    \n                        <\/div>\n                    <\/div>\n                    <div class=\"vaso-graphic-wrapper\">\n                        <p class=\"graphic-label\">Efecto Vasodilatador NovaSex:<\/p>\n                        <div class=\"artery-container\">\n                            <div class=\"artery-wall top\"><\/div>\n                            <div class=\"blood-flow\">\n                                <div class=\"cell c1\"><\/div><div class=\"cell c2\"><\/div><div class=\"cell c3\"><\/div>\n                                <span class=\"flow-text\">FLUJO SANGU\u00cdNEO MASIVO<\/span>\n                            <\/div>\n                            <div class=\"artery-wall bottom\"><\/div>\n                            \n                            <div class=\"expansion-arrows\">\n                                <span class=\"arrow-up\">\u2b06<\/span>\n                                <span class=\"arrow-down\">\u2b07<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <style>\n                \/* --- Grid de Beneficios NovaSex --- *\/\n.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    background: #fff;\n    padding: 20px;\n    border-radius: 12px;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.05); \/* Sombra muy suave *\/\n    border: 1px solid #eee;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    height: 100%;\n}\n\n.benefit-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 25px rgba(207, 46, 46, 0.15); \/* Sombra roja sutil al pasar mouse *\/\n    border-color: #cf2e2e; \/* Borde rojo al hover *\/\n}\n\n.benefit-icon {\n    font-size: 32px;\n    margin-right: 15px;\n    min-width: 50px;\n    height: 50px;\n    background: #fff5f5; \/* Fondo rojo muy p\u00e1lido *\/\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid #cf2e2e; \/* Borde del icono *\/\n}\n\n.benefit-content {\n    flex: 1;\n}\n\n.benefit-title {\n    font-size: 18px;\n    font-weight: 800;\n    color: #222;\n    margin-bottom: 8px;\n    margin-top: 0;\n}\n\n.benefit-desc {\n    font-size: 15px;\n    color: #666;\n    line-height: 1.5;\n    margin: 0;\n}\n\n\/* Ajuste para m\u00f3viles *\/\n@media (max-width: 768px) {\n    .benefit-item {\n        padding: 15px;\n    }\n    .benefit-icon {\n        font-size: 24px;\n        min-width: 40px;\n        height: 40px;\n    }\n    .benefit-title {\n        font-size: 16px;\n    }\n}\n            <\/style>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- ESTILOS DE LA SECCI\u00d3N MECANISMO --- *\/\n\n.mechanism-section {\n    padding: 60px 0;\n    background-color: #f9f9f9; \/* Fondo gris muy suave para separar secciones *\/\n    overflow: hidden;\n}\n\n.section-title {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 2rem;\n    line-height: 1.2;\n    margin-bottom: 25px;\n    color: #222;\n}\n\n.text-brand {\n    color: #D32F2F; \/* Rojo NovaSex *\/\n}\n\n.lead-text {\n    font-size: 1.1rem;\n    color: #444;\n    margin-bottom: 15px;\n}\n\n.highlight-red {\n    color: #D32F2F;\n    font-weight: bold;\n    text-decoration: underline;\n    text-decoration-thickness: 2px;\n    text-underline-offset: 3px;\n}\n\n\/* Imagen del Doctor y Badge *\/\n.doctor-image-wrapper {\n    position: relative;\n    border-radius: 15px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n    overflow: hidden;\n}\n\n.doctor-img {\n    width: 100%;\n    display: block;\n    transition: transform 0.3s ease;\n}\n\n.doctor-image-wrapper:hover .doctor-img {\n    transform: scale(1.02);\n}\n\n.authority-badge {\n    position: absolute;\n    \/* CAMBIO AQU\u00cd: Usamos 'top' en lugar de 'bottom' *\/\n    top: 20px; \n    right: 20px;\n    \n    \/* Aseg\u00farate de que NO haya una l\u00ednea que diga 'bottom: ...' *\/\n    \n    display: flex;\n    align-items: center;\n    background-color: #fff;\n    padding: 10px 20px 10px 15px;\n    border-radius: 50px;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n    z-index: 10;\n    \/* Opcional: Si la quieres a la derecha, usa 'right: 20px;' y quita 'left' *\/\n}\n\n.badge-icon {\n    background: #D32F2F;\n    color: white;\n    width: 25px;\n    height: 25px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: bold;\n    margin-right: 10px;\n}\n\n.badge-text {\n    font-size: 0.8rem;\n    line-height: 1.2;\n    color: #333;\n}\n\n\/* Caja de Resultado *\/\n.result-box {\n    background: #fff0f0; \/* Fondo rojizo muy claro *\/\n    border: 1px dashed #D32F2F;\n    padding: 15px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    margin: 25px 0;\n}\n\n.result-icon {\n    font-size: 2rem;\n    margin-right: 15px;\n}\n\n.result-box p {\n    margin: 0;\n    font-size: 1rem;\n    color: #333;\n}\n\n\/* --- CORRECCI\u00d3N ANIMACI\u00d3N (NOVASEX V2) --- *\/\n\n\/* 1. El envoltorio exterior se queda QUIETO con altura fija *\/\n.vaso-graphic-wrapper {\n    margin-top: 30px;\n    padding: 20px;\n    background: white;\n    border-radius: 10px;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    \/* ESTO ES LO IMPORTANTE: Reservamos el espacio m\u00e1ximo *\/\n    height: 140px; \n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.graphic-label {\n    text-align: center;\n    font-size: 0.8rem;\n    color: #888;\n    margin-bottom: 10px;\n    font-weight: bold;\n}\n\n\/* 2. La arteria se anima usando TRANSFORM (no empuja cosas) *\/\n.artery-container {\n    position: relative;\n    width: 100%;\n    height: 50px; \/* Altura base *\/\n    background: #ffebee;\n    border-radius: 30px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    border: 2px solid #ef9a9a;\n    \/* Usamos transform para crecer, NO height *\/\n    animation: pulseArtery 2s infinite ease-in-out;\n}\n\n\/* Animaci\u00f3n optimizada que no mueve el layout *\/\n@keyframes pulseArtery {\n    0% { transform: scaleY(1); opacity: 0.8; }\n    50% { transform: scaleY(1.5); opacity: 1; border-color: #d32f2f; box-shadow: 0 0 15px rgba(211, 47, 47, 0.4); }\n    100% { transform: scaleY(1); opacity: 0.8; }\n}\n\n\/* El resto de elementos internos (c\u00e9lulas, texto) se quedan igual *\/\n.blood-flow {\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, #e53935, #b71c1c);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n\n.flow-text {\n    color: white;\n    font-size: 0.9rem;\n    font-weight: 800;\n    letter-spacing: 1px;\n    z-index: 2;\n    text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n}\n\n\/* C\u00e9lulas sangu\u00edneas flotantes *\/\n.cell {\n    position: absolute;\n    background: rgba(255,255,255,0.3);\n    border-radius: 50%;\n    animation: moveCells 1.5s linear infinite;\n}\n.c1 { width: 10px; height: 10px; top: 20%; left: -10px; }\n.c2 { width: 15px; height: 15px; top: 50%; left: -20px; animation-delay: 0.5s; }\n.c3 { width: 8px; height: 8px; top: 70%; left: -15px; animation-delay: 0.2s; }\n\n\/* Animaci\u00f3n de Expansi\u00f3n *\/\n@keyframes expandArtery {\n    0% { height: 40px; transform: scaleX(0.95); opacity: 0.7; }\n    50% { height: 80px; transform: scaleX(1); opacity: 1; border-color: #d32f2f; box-shadow: 0 0 15px rgba(211, 47, 47, 0.4); }\n    100% { height: 40px; transform: scaleX(0.95); opacity: 0.7; }\n}\n\n@keyframes moveCells {\n    0% { left: -20px; }\n    100% { left: 100%; }\n}\n\n\/* Flechas indicadoras *\/\n.expansion-arrows {\n    position: absolute;\n    right: 10px;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 5px 0;\n    color: #D32F2F;\n    font-weight: bold;\n    animation: fadeArrows 3s infinite ease-in-out;\n}\n\n@keyframes fadeArrows {\n    0%, 100% { opacity: 0; transform: scale(0.8); }\n    50% { opacity: 1; transform: scale(1.2); }\n}\n\n\/* Ajustes Responsive *\/\n@media (max-width: 768px) {\n    .section-title { font-size: 1.6rem; text-align: center; }\n    .doctor-image-wrapper { margin-bottom: 30px; }\n    .mechanism-content { text-align: left; }\n}\n<\/style>\n\n<!-- MECANISMO -->\n<div class=\"separator-badge\">\n    <div class=\"line\"><\/div>\n    <div class=\"badge-icon\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"#D32F2F\" stroke=\"none\">\n            <path d=\"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.115.385-2.256 1-3.5a2.5 2.5 0 0 0 1.5 3.5z\"\/>\n        <\/svg>\n    <\/div>\n    <div class=\"line\"><\/div>\n<\/div>\n\n    <!-- ELL NOTARA -->\n<section class=\"social-proof-supersection\">\n    \n    <div class=\"container mb-5\">\n        <div class=\"row align-items-center flex-row-reverse\">\n            <div class=\"col-12 col-lg-6 mb-4 mb-lg-0\">\n                <div class=\"emotional-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_novasex\/pareja.webp\" \n                            alt=\"Pareja feliz gracias a NovaSex\" \n                            class=\"img-fluid rounded-3 shadow-lg emotional-img\">\n                    <div class=\"floating-heart\">\u2764\ufe0f Conexi\u00f3n Real<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"col-12 col-lg-6 text-center text-lg-start\">\n                <h2 class=\"emotional-title\">\n                    Ella notar\u00e1 la diferencia <br>\n                    <span class=\"text-highlight\">(y te lo agradecer\u00e1)<\/span>\n                <\/h2>\n                <p class=\"emotional-text lead\">\n                    No se trata solo de firmeza, se trata de recuperar la intimidad. \n                    Cuando t\u00fa te sientes seguro, ella se siente deseada. \n                    <strong>NovaSex<\/strong> devuelve la chispa que cre\u00edas perdida.\n                <\/p>\n                <div class=\"stat-row\">\n                    <div class=\"stat-item\">\n                        <span class=\"stat-number\">98%<\/span>\n                        <span class=\"stat-label\">Parejas Satisfechas<\/span>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <span class=\"stat-number\">+15k<\/span>\n                        <span class=\"stat-label\">Hombres Renovados<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    \n\n<\/section>\n\n<!-- SECCI\u00d3N DE INGREDIENTES (A INSERTAR DESPU\u00c9S DE MECANISMO) -->\n\n<div class=\"separator-pulse\">\n    <svg viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\" style=\"height: 100%; width: 100%;\">\n        <path d=\"M0,75 L200,75 L215,25 L230,125 L245,75 L500,75\" fill=\"none\" stroke=\"#D32F2F\" stroke-width=\"3\" vector-effect=\"non-scaling-stroke\"><\/path>\n    <\/svg>\n<\/div>\n\n<section class=\"ingredients-section\">\n    <div class=\"ingredients-container\">\n        \n        <div class=\"ingredients-header\">\n            <span class=\"fire-line\"><\/span>\n            <h2>LA CIENCIA DETR\u00c1S DE LA <span class=\"text-brand\">F\u00d3RMULA<\/span><\/h2>\n            <span class=\"fire-line\"><\/span>\n        <\/div>\n\n        <p class=\"ingredients-subhead\">\n            NovaSex combina lo mejor de la naturaleza con tecnolog\u00eda de absorci\u00f3n r\u00e1pida. \n            <strong>Sin qu\u00edmicos agresivos, solo potencia pura y segura.<\/strong>\n        <\/p>\n\n        <!-- Grid de Ingredientes -->\n        <div class=\"ingredients-grid\">\n            \n            <!-- Ingrediente 1: Maca Negra -->\n            <div class=\"ingredient-card\">\n                <div class=\"ingredient-icon\">\ud83c\udf31<\/div>\n                <h3 class=\"ingredient-title\">Maca Negra Peruana<\/h3>\n                <p class=\"ingredient-desc\">\n                    Conocida como el &#8220;oro de los incas&#8221;. Aumenta la libido, mejora la resistencia f\u00edsica y equilibra las hormonas de forma natural.\n                <\/p>\n                <div class=\"ingredient-benefit\">+ Energ\u00eda &#038; Vitalidad<\/div>\n            <\/div>\n\n            <!-- Ingrediente 2: Ginseng Rojo -->\n            <div class=\"ingredient-card\">\n                <div class=\"ingredient-icon\">\ud83c\udf3f<\/div>\n                <h3 class=\"ingredient-title\">Ginseng Rojo Coreano<\/h3>\n                <p class=\"ingredient-desc\">\n                    Potente adapt\u00f3geno que combate la fatiga, mejora la circulaci\u00f3n y potencia la funci\u00f3n er\u00e9ctil. Clave para un rendimiento duradero.\n                <\/p>\n                <div class=\"ingredient-benefit\">+ Resistencia &#038; Duraci\u00f3n<\/div>\n            <\/div>\n\n            <!-- Ingrediente 3: L-Arginina -->\n            <div class=\"ingredient-card\">\n                <div class=\"ingredient-icon\">\u26a1<\/div>\n                <h3 class=\"ingredient-title\">L-Arginina<\/h3>\n                <p class=\"ingredient-desc\">\n                    Amino\u00e1cido esencial que act\u00faa como vasodilatador. Incrementa el flujo sangu\u00edneo, garantizando erecciones m\u00e1s firmes y r\u00e1pidas.\n                <\/p>\n                <div class=\"ingredient-benefit\">+ Firmeza Instant\u00e1nea<\/div>\n            <\/div>\n\n            <!-- Ingrediente 4: Tribulus Terrestris -->\n            <div class=\"ingredient-card\">\n                <div class=\"ingredient-icon\">\ud83d\udd25<\/div>\n                <h3 class=\"ingredient-title\">Tribulus Terrestris<\/h3>\n                <p class=\"ingredient-desc\">\n                    Estimula la producci\u00f3n natural de testosterona. Aumenta el deseo sexual y la potencia, devolvi\u00e9ndote la fuerza de tus 20s.\n                <\/p>\n                <div class=\"ingredient-benefit\">+ Testosterona &#038; Deseo<\/div>\n            <\/div>\n\n            <!-- Ingrediente 5: Zinc + Selenio -->\n            <div class=\"ingredient-card\">\n                <div class=\"ingredient-icon\">\ud83d\udee1\ufe0f<\/div>\n                <h3 class=\"ingredient-title\">Zinc + Selenio<\/h3>\n                <p class=\"ingredient-desc\">\n                    Minerales clave para la salud masculina. Mejoran la calidad del semen, la motilidad y protegen la pr\u00f3stata.\n                <\/p>\n                <div class=\"ingredient-benefit\">+ Salud Reproductiva<\/div>\n            <\/div>\n\n            <!-- Ingrediente 6: Cafe\u00edna Natural -->\n            <div class=\"ingredient-card\">\n                <div class=\"ingredient-icon\">\u2615<\/div>\n                <h3 class=\"ingredient-title\">Cafe\u00edna Natural (Guaran\u00e1)<\/h3>\n                <p class=\"ingredient-desc\">\n                    Proporciona un impulso de energ\u00eda inmediato sin nerviosismo. Activa el sistema nervioso para una respuesta sexual m\u00e1s r\u00e1pida.\n                <\/p>\n                <div class=\"ingredient-benefit\">+ Activaci\u00f3n 15min<\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- Sello de Calidad (Opcional, para m\u00e1s confianza) -->\n        <div class=\"ingredients-badge-container\">\n            <div class=\"quality-badge\">\n                <span class=\"badge-check\">\u2713<\/span> F\u00f3rmula 100% Natural\n            <\/div>\n            <div class=\"quality-badge\">\n                <span class=\"badge-check\">\u2713<\/span> Sin Efectos Secundarios\n            <\/div>\n            <div class=\"quality-badge\">\n                <span class=\"badge-check\">\u2713<\/span> Fabricado en Laboratorio GMP\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- FIN SECCI\u00d3N DE INGREDIENTES -->\n\n<style>\n    \/* --- ESTILOS DE LA SECCI\u00d3N DE INGREDIENTES (NovaSex) --- *\/\n    :root {\n        --nova-red: #D32F2F;\n        --nova-red-dark: #b71c1c;\n        --nova-black: #1a1a1a;\n        --nova-grey-light: #f9f9f9;\n        --nova-text: #333;\n        --nova-text-light: #666;\n    }\n\n    .ingredients-section {\n        padding: 80px 0;\n        background-color: #ffffff;\n        font-family: 'Open Sans', sans-serif;\n        overflow: hidden;\n    }\n\n    .ingredients-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n\n    \/* --- Cabecera con l\u00edneas de fuego (coherente con sponsors-header) --- *\/\n    .ingredients-header {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 20px;\n        margin: 0 auto 30px;\n        max-width: 900px;\n        text-align: center;\n    }\n\n    .ingredients-header h2 {\n        color: var(--nova-black);\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: 2rem;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        margin: 0;\n        white-space: nowrap;\n    }\n\n    .ingredients-header h2 .text-brand {\n        color: var(--nova-red);\n    }\n\n    .fire-line {\n        flex: 1;\n        height: 3px;\n        background: linear-gradient(90deg, transparent, var(--nova-red), transparent);\n        box-shadow: 0 0 15px var(--nova-red);\n    }\n\n    .ingredients-subhead {\n        text-align: center;\n        font-size: 1.2rem;\n        color: var(--nova-text-light);\n        max-width: 800px;\n        margin: 0 auto 50px;\n        line-height: 1.6;\n    }\n\n    .ingredients-subhead strong {\n        color: var(--nova-red);\n        font-weight: 700;\n    }\n\n    \/* --- Grid de Ingredientes --- *\/\n    .ingredients-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n        margin-bottom: 50px;\n    }\n\n    .ingredient-card {\n        background: #fff;\n        border: 1px solid #eee;\n        border-radius: 16px;\n        padding: 30px 25px;\n        text-align: center;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.03);\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        position: relative;\n        overflow: hidden;\n    }\n\n    .ingredient-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 4px;\n        background: linear-gradient(90deg, var(--nova-red), #ff6b6b);\n        opacity: 0;\n        transition: opacity 0.3s;\n    }\n\n    .ingredient-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 30px rgba(211, 47, 47, 0.12);\n        border-color: rgba(211, 47, 47, 0.3);\n    }\n\n    .ingredient-card:hover::before {\n        opacity: 1;\n    }\n\n    .ingredient-icon {\n        font-size: 3.5rem;\n        margin-bottom: 15px;\n        filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));\n        transition: transform 0.3s;\n    }\n\n    .ingredient-card:hover .ingredient-icon {\n        transform: scale(1.1);\n    }\n\n    .ingredient-title {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: 1.4rem;\n        color: var(--nova-black);\n        margin: 0 0 15px;\n    }\n\n    .ingredient-desc {\n        color: var(--nova-text-light);\n        line-height: 1.6;\n        font-size: 0.95rem;\n        margin: 0 0 20px;\n        flex-grow: 1;\n    }\n\n    .ingredient-benefit {\n        display: inline-block;\n        background: rgba(211, 47, 47, 0.08);\n        color: var(--nova-red);\n        font-weight: 700;\n        font-size: 0.8rem;\n        padding: 6px 14px;\n        border-radius: 50px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        border: 1px solid rgba(211, 47, 47, 0.2);\n        transition: all 0.3s;\n    }\n\n    .ingredient-card:hover .ingredient-benefit {\n        background: var(--nova-red);\n        color: #fff;\n        border-color: var(--nova-red);\n        box-shadow: 0 4px 10px rgba(211, 47, 47, 0.3);\n    }\n\n    \/* --- Sello de Calidad (Badges) --- *\/\n    .ingredients-badge-container {\n        display: flex;\n        justify-content: center;\n        gap: 20px;\n        flex-wrap: wrap;\n        margin-top: 20px;\n    }\n\n    .quality-badge {\n        background: #fff;\n        border: 1px solid #e0e0e0;\n        border-radius: 50px;\n        padding: 10px 25px;\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 600;\n        color: var(--nova-text);\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.03);\n        transition: all 0.3s;\n    }\n\n    .quality-badge .badge-check {\n        background: var(--nova-red);\n        color: white;\n        width: 22px;\n        height: 22px;\n        border-radius: 50%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 13px;\n        font-weight: bold;\n    }\n\n    .quality-badge:hover {\n        border-color: var(--nova-red);\n        transform: translateY(-2px);\n        box-shadow: 0 8px 15px rgba(211, 47, 47, 0.1);\n    }\n\n    \/* --- RESPONSIVE --- *\/\n    @media (max-width: 992px) {\n        .ingredients-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n        }\n        .ingredients-header h2 {\n            font-size: 1.8rem;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .ingredients-section {\n            padding: 60px 0;\n        }\n        .ingredients-header {\n            gap: 10px;\n        }\n        .ingredients-header h2 {\n            font-size: 1.4rem;\n            white-space: normal;\n            line-height: 1.2;\n        }\n        .fire-line {\n            min-width: 20px;\n        }\n        .ingredients-subhead {\n            font-size: 1rem;\n            margin-bottom: 40px;\n        }\n        .ingredients-grid {\n            grid-template-columns: 1fr; \/* Una columna en m\u00f3vil *\/\n            max-width: 400px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        .ingredient-card {\n            padding: 25px;\n        }\n        .ingredient-icon {\n            font-size: 3rem;\n        }\n        .ingredient-title {\n            font-size: 1.3rem;\n        }\n        .ingredients-badge-container {\n            flex-direction: column;\n            align-items: center;\n            gap: 15px;\n        }\n        .quality-badge {\n            width: 100%;\n            max-width: 280px;\n            justify-content: center;\n        }\n    }\n<\/style>\n\n<style>\n\/* --- ESTILOS GENERALES SUPER SECCI\u00d3N --- *\/\n.social-proof-supersection {\n    padding-top: 60px;\n    background: #fff;\n    font-family: 'Montserrat', sans-serif;\n}\n\n.subsection-title {\n    font-weight: 800;\n    color: #222;\n    text-transform: uppercase;\n    font-size: 1.8rem;\n    position: relative;\n    display: inline-block;\n}\n\n\/* --- BLOQUE EMOCIONAL --- *\/\n.emotional-title {\n    font-size: 2.5rem;\n    font-weight: 800;\n    line-height: 1.1;\n    color: #333;\n}\n.text-highlight {\n    color: #D32F2F; \/* Rojo NovaSex *\/\n    font-style: italic;\n}\n.emotional-image-wrapper {\n    position: relative;\n    overflow: hidden; \/* Para recortar la imagen si usas la de paneles *\/\n}\n\n\/* Ajuste espec\u00edfico si usas la imagen de paneles para mostrar solo el panel de la pareja *\/\n.emotional-img {\n    width: 100%;\n    \/* Si usas la imagen completa de paneles y quieres solo el centro, usa object-fit, \n        pero como es jpg, mejor muestra la imagen completa o rec\u00f3rtala antes *\/\n    object-fit: cover; \n}\n\n.floating-heart {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: white;\n    padding: 8px 15px;\n    border-radius: 20px;\n    font-weight: bold;\n    color: #D32F2F;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n    animation: float 3s ease-in-out infinite;\n}\n\n@keyframes float {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n}\n\n.stat-row {\n    display: flex;\n    gap: 30px;\n    justify-content: center;\n    margin-top: 30px;\n}\n@media(min-width: 992px) { .stat-row { justify-content: flex-start; } }\n\n.stat-number {\n    display: block;\n    font-size: 2rem;\n    font-weight: 900;\n    color: #D32F2F;\n}\n.stat-label {\n    font-size: 0.9rem;\n    color: #666;\n    text-transform: uppercase;\n    font-weight: 600;\n}\n\n\n<\/style>\n\n\n<div class=\"separator-arrow\">\n    <div class=\"arrow-down\"><\/div>\n<\/div>\n\n    <!-- ELL NOTARA -->\n\n    <!-- SELECIONA TU PRODUCTO -->\n<style>\n\/* --- Estilos del Timer NOVASEX --- *\/\n.timer-section {\n    width: 280px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 5px;\n}\n\n#progress-bar-container {\n    width: 100%;\n    height: 25px;\n    background-color: #222;\n    border-radius: 5px;\n    overflow: hidden;\n    border: 1px solid #444;\n}\n\n#progress-bar-inner {\n    width: 100%;\n    height: 100%;\n    \/* Rojo NovaSex *\/\n    background: linear-gradient(90deg, #8B0000, #D32F2F, #FF5252);\n    border-radius: 5px;\n    transition: width 1s linear;\n    animation: urgency-glow 2s ease-in-out infinite;\n}\n\n@keyframes urgency-glow {\n    0% { box-shadow: 0 0 3px #8B0000; }\n    50% { box-shadow: 0 0 15px #FF5252; }\n    100% { box-shadow: 0 0 3px #8B0000; }\n}\n\n@keyframes pulse-timer {\n    0% { transform: scale(1); opacity: 0.9; }\n    50% { transform: scale(1.05); opacity: 1; }\n    100% { transform: scale(1); opacity: 0.9; }\n}\n\n#flip-clock {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 4px; \n    margin-top: 5px; \n}\n\n.flip-digit {\n    position: relative;\n    background-color: #D32F2F; \/* Rojo *\/\n    color: #ffffff;\n    font-size: 1.6rem;\n    font-weight: 800;\n    line-height: 1.3;\n    padding: 8px 10px;\n    border-radius: 4px;\n    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4) inset,\n    0 1px 1px rgba(255, 255, 255, 0.1);\n    font-family: 'Montserrat', sans-serif;\n    min-width: 28px;\n    text-align: center;\n}\n\n.flip-digit::before {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 2px;\n    right: 2px;\n    height: 1px;\n    background-color: rgba(0, 0, 0, 0.3);\n    z-index: 1;\n}\n\n.flip-digit span {\n    position: relative;\n    z-index: 2;\n    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);\n    transition: opacity 0.2s ease-in-out;\n}\n\n.flip-separator {\n    color: #D32F2F;\n    font-size: 1.5rem;\n    font-weight: bold;\n    padding: 0 2px;\n    animation: pulse-timer 1.5s infinite; \n}\n\n@keyframes digit-pulse {\n    0% { transform: scale(1); }\n    50% { transform: scale(1.05); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4) inset, 0 0 10px #FF5252; }\n    100% { transform: scale(1); }\n}\n\n.flip-digit.changed {\n    animation: digit-pulse 0.3s ease-in-out;\n}\n\n.promo-texto {\n    color: #D32F2F;\n    font-weight: bold;\n    margin: 0;\n    font-size: 25px;\n    text-transform: uppercase;\n}\n<\/style>\n      \n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap');\n\n\/* ===== VARIABLES DE MARCA NOVASEX ===== *\/\n:root {\n    --brand-primary: #D32F2F;   \/* Rojo Intenso *\/\n    --brand-dark: #1a1a1a;      \/* Negro Suave *\/\n    --brand-accent: #FFEBEE;    \/* Rojo Muy Claro *\/\n    --text-dark: #222;\n    --text-gray: #555;\n    --bg-light: #ffffff;        \n    --danger: #b91c1c;\n}\n\n\/* ===== CONTENEDOR PRINCIPAL ===== *\/\n.offer-section-wrapper {\n    font-family: 'Montserrat', sans-serif;\n    background-color: var(--bg-light);\n    padding: 40px 15px;\n    box-sizing: border-box;\n}\n\n\/* ===== ENCABEZADO ===== *\/\n.package-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n\n.package-header h2 {\n    color: var(--brand-dark); \n    font-size: 2.2rem;\n    font-weight: 900;\n    letter-spacing: -1px;\n    text-transform: uppercase;\n    margin: 0;\n    position: relative;\n    display: inline-block;\n}\n\n.package-header h2::after {\n    content: '';\n    display: block;\n    width: 80px;\n    height: 5px;\n    background: var(--brand-primary);\n    margin: 15px auto 0;\n    border-radius: 2px;\n}\n\n\/* ===== GRID DE TARJETAS ===== *\/\n.pricing-container {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-items: stretch; \n    gap: 25px;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n\/* ===== ESTILO BASE DE TARJETA ===== *\/\n.pricing-card {\n    background: #ffffff;\n    border: 1px solid #e5e7eb;\n    border-radius: 12px;\n    padding: 30px 20px;\n    flex: 1 1 300px; \n    max-width: 350px;\n    text-align: center;\n    position: relative;\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n}\n\n.pricing-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 25px -5px rgba(211, 47, 47, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n    border-color: var(--brand-primary);\n}\n\n\/* ===== HEADER DE LA TARJETA ===== *\/\n.card-title h3 {\n    font-size: 1.4rem;\n    color: var(--brand-dark);\n    font-weight: 800;\n    margin: 0;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.card-subtitle {\n    font-size: 0.95rem;\n    color: var(--text-gray);\n    margin-bottom: 15px;\n    display: block;\n    font-weight: 600;\n}\n\n\/* ===== IMAGEN ===== *\/\n.card-image img {\n    width: 100%;\n    max-height: 320px;\n    object-fit: contain;\n    margin: 10px 0 20px;\n    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.2));\n    transition: transform 0.3s ease;\n}\n\n.pricing-card:hover .card-image img {\n    transform: scale(1.05);\n}\n\n\/* ===== PILLS ===== *\/\n.tags-container {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n}\n\n.pill-shipping {\n    background-color: #222; \n    color: #fff;\n    font-size: 0.75rem;\n    font-weight: 700;\n    padding: 5px 10px;\n    border-radius: 4px;\n    text-transform: uppercase;\n}\n\n.pill-discount {\n    background-color: #FFEBEE;\n    color: var(--brand-primary);\n    border: 1px solid var(--brand-primary);\n    font-size: 0.75rem;\n    font-weight: 800;\n    padding: 5px 10px;\n    border-radius: 4px;\n    text-transform: uppercase;\n}\n\n\/* ===== PRECIOS ===== *\/\n.price-section {\n    margin-bottom: 25px;\n}\n\n.old-price {\n    font-size: 1.1rem;\n    color: #999;\n    text-decoration: line-through;\n    display: block;\n    font-weight: 500;\n}\n\n.new-price {\n    font-size: 2.5rem;\n    color: var(--brand-dark); \n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: -1px;\n}\n\n.currency {\n    font-size: 1rem;\n    vertical-align: super;\n    font-weight: 700;\n}\n\n\/* ===== BOT\u00d3N ===== *\/\n.btn-comprar {\n    display: block;\n    width: 100%;\n    padding: 15px 0;\n    border-radius: 8px;\n    font-weight: 800;\n    text-decoration: none;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    transition: all 0.2s;\n    font-size: 0.95rem;\n    background-color: #f3f3f3; \n    color: var(--text-dark);\n    border: 1px solid #ddd;\n}\n\n.btn-comprar:hover {\n    background-color: #e0e0e0;\n    border-color: #ccc;\n}\n\n\/* ===== ESTILOS ESPEC\u00cdFICOS: TARJETA POPULAR (CENTRO) ===== *\/\n.pricing-card.popular {\n    border: 3px solid var(--brand-primary);\n    transform: scale(1.05);\n    box-shadow: 0 15px 40px rgba(211, 47, 47, 0.2); \n    z-index: 2;\n}\n\n.pricing-card.popular:hover {\n    transform: scale(1.05) translateY(-5px);\n}\n\n.popular-badge {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: linear-gradient(90deg, #b71c1c, #D32F2F);\n    color: white;\n    padding: 8px 25px;\n    border-radius: 50px;\n    font-weight: 800;\n    font-size: 0.9rem;\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);\n    white-space: nowrap;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n\/* Bot\u00f3n Destacado *\/\n.pricing-card.popular .btn-comprar, \n.pricing-card.vip .btn-comprar {\n    background: linear-gradient(90deg, #D32F2F 0%, #b71c1c 100%);\n    color: white;\n    border: none;\n    box-shadow: 0 4px 15px rgba(211, 47, 47, 0.4);\n}\n\n.pricing-card.popular .btn-comprar:hover,\n.pricing-card.vip .btn-comprar:hover {\n    box-shadow: 0 8px 20px rgba(211, 47, 47, 0.6);\n    transform: translateY(-2px);\n    background: linear-gradient(90deg, #b71c1c 0%, #8B0000 100%);\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 900px) {\n    .pricing-card.popular {\n    transform: scale(1); \n    order: -1; \n    border-width: 3px;\n    }\n    .pricing-card.popular:hover {\n        transform: translateY(-5px);\n    }\n}\n\n.promo-banner {\n    width: 100%; \n    box-sizing: border-box; \n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 15px;\n    white-space: nowrap;\n    flex-wrap: wrap; \n}\n<\/style>\n      \n<style>\n\/* Estilos del Alert Box NovaSex - CORREGIDO *\/\n.mcsh-discount-alert {\n    font-family: 'Montserrat', sans-serif;\n    background: #fff;\n    border: 2px dashed var(--brand-primary);\n    border-radius: 8px;\n    padding: 20px;\n    margin: 20px auto;\n    max-width: 650px;\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);\n    position: relative;\n    overflow: hidden;\n}\n\n@keyframes pulse-gift {\n    0% { transform: scale(1); }\n    50% { transform: scale(1.1) rotate(5deg); }\n    100% { transform: scale(1); }\n}\n\n.mcsh-icon-box {\n    background-color: var(--brand-accent);\n    color: var(--brand-primary);\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    flex-shrink: 0;\n    border: 2px solid #ffcdd2;\n    animation: pulse-gift 2s infinite ease-in-out;\n}\n\n.mcsh-content-box {\n    flex-grow: 1;\n    text-align: left;\n}\n\n.mcsh-content-box h4 {\n    margin: 0 0 5px 0;\n    color: var(--brand-primary);\n    font-size: 1.2rem;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.mcsh-content-box p {\n    margin: 0;\n    color: #444;\n    font-size: 0.95rem;\n    line-height: 1.4;\n}\n\n.highlight-text {\n    color: #fff; \n    font-weight: 700;\n    background: var(--brand-primary);\n    padding: 2px 8px;\n    border-radius: 4px;\n}\n\n.mcsh-arrow-down {\n    display: block;\n    text-align: center;\n    color: var(--brand-primary);\n    margin-top: -10px;\n    margin-bottom: 20px;\n    font-size: 24px;\n    animation: bounce-arrow 1.5s infinite;\n}\n\n@keyframes bounce-arrow {\n    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}\n    40% {transform: translateY(-5px);}\n    60% {transform: translateY(-3px);}\n}\n\n@media (max-width: 500px) {\n    .mcsh-discount-alert {\n    flex-direction: column;\n    text-align: center;\n    padding: 15px;\n    }\n    .mcsh-content-box {\n    text-align: center;\n    }\n}\n<\/style>\n      \n<div class=\"offer-section-wrapper\">\n    \n    <div class=\"package-header\" id=\"package-header-id\">\n    <h2>ELIGE TU PACK DE POTENCIA<\/h2>\n\n    <div class=\"promo-banner\">\n        <div class=\"finalizado\"><\/div>\n        <div class=\"timer-section\">\n        <div id=\"flip-clock\">\n            <div class=\"flip-digit\" id=\"flip-min-tens\"><span>0<\/span><\/div>\n            <div class=\"flip-digit\" id=\"flip-min-ones\"><span>3<\/span><\/div>\n            <div class=\"flip-separator\">:<\/div>\n            <div class=\"flip-digit\" id=\"flip-sec-tens\"><span>0<\/span><\/div>\n            <div class=\"flip-digit\" id=\"flip-sec-ones\"><span>0<\/span><\/div>\n        <\/div>\n        <div id=\"progress-bar-container\">\n            <div id=\"progress-bar-inner\"><\/div>\n        <\/div>\n        <\/div>\n    <\/div>\n\n<!-- ALERTA MEJORADA: OFERTA FLASH 15% EXTRA -->\n<style>\n\/* --- ALERTA PREMIUM NOVASEX (15% EXTRA) --- *\/\n.mcsh-discount-alert-wrapper {\n    margin: 30px auto 20px;\n    max-width: 700px;\n}\n\n.mcsh-discount-alert {\n    font-family: 'Montserrat', sans-serif;\n    background: linear-gradient(135deg, #2c0b0b 0%, #4a1a1a 100%);\n    border: 2px solid #D32F2F;\n    border-radius: 16px;\n    padding: 15px 25px;\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    box-shadow: 0 15px 30px rgba(211, 47, 47, 0.3), 0 0 0 2px rgba(255, 215, 0, 0.2) inset;\n    position: relative;\n    overflow: hidden;\n    backdrop-filter: blur(2px);\n}\n\n\/* Efecto de brillo m\u00f3vil *\/\n.mcsh-discount-alert::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(circle, rgba(255,215,0,0.15) 0%, transparent 70%);\n    animation: rotateGlow 8s linear infinite;\n    z-index: 0;\n}\n\n@keyframes rotateGlow {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n\/* Caja del icono (fuego + 15%) *\/\n.mcsh-icon-box {\n    position: relative;\n    z-index: 2;\n    background: #D32F2F;\n    width: 80px;\n    height: 80px;\n    border-radius: 50%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 32px;\n    color: #FFD700;\n    text-shadow: 0 0 10px #FF8C00;\n    border: 3px solid #FFD700;\n    box-shadow: 0 0 25px #D32F2F;\n    animation: pulseIcon 1.5s infinite ease-in-out;\n    flex-shrink: 0;\n}\n\n.mcsh-icon-box span {\n    font-size: 18px;\n    font-weight: 900;\n    line-height: 1;\n    color: white;\n    text-shadow: 0 2px 5px black;\n    margin-top: -5px;\n}\n\n@keyframes pulseIcon {\n    0% { transform: scale(1); box-shadow: 0 0 15px #D32F2F; }\n    50% { transform: scale(1.1); box-shadow: 0 0 30px #FFD700; }\n    100% { transform: scale(1); box-shadow: 0 0 15px #D32F2F; }\n}\n\n\/* Contenido textual *\/\n.mcsh-content-box {\n    flex-grow: 1;\n    text-align: left;\n    z-index: 2;\n    position: relative;\n}\n\n.mcsh-content-box h4 {\n    margin: 0 0 5px 0;\n    color: #FFD700;\n    font-size: 1.5rem;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    text-shadow: 0 2px 0 #8B0000;\n}\n\n.mcsh-content-box p {\n    margin: 0;\n    color: #fff;\n    font-size: 1.05rem;\n    line-height: 1.4;\n    font-weight: 600;\n}\n\n.highlight-text {\n    background: #FFD700;\n    color: #B71C1C;\n    font-weight: 800;\n    padding: 3px 10px;\n    border-radius: 50px;\n    display: inline-block;\n    box-shadow: 0 0 15px #FFD700;\n    font-size: 1.1rem;\n}\n\n\/* Flecha animada *\/\n.mcsh-arrow-down {\n    display: block;\n    text-align: center;\n    color: #FFD700;\n    margin-top: -10px;\n    font-size: 30px;\n    animation: bounceArrow 1.2s infinite;\n    filter: drop-shadow(0 0 5px #D32F2F);\n}\n\n@keyframes bounceArrow {\n    0%, 100% { transform: translateY(0); opacity: 1; }\n    50% { transform: translateY(10px); opacity: 0.8; }\n}\n\n\/* Responsive *\/\n@media (max-width: 600px) {\n    .mcsh-discount-alert {\n        flex-direction: column;\n        text-align: center;\n        padding: 20px;\n    }\n    .mcsh-content-box {\n        text-align: center;\n    }\n    .mcsh-icon-box {\n        width: 70px;\n        height: 70px;\n        font-size: 28px;\n    }\n    .mcsh-content-box h4 {\n        font-size: 1.3rem;\n    }\n}\n<\/style>\n\n<div class=\"mcsh-discount-alert-wrapper\">\n    <div class=\"mcsh-discount-alert\">\n        <div class=\"mcsh-icon-box\">\n            \ud83d\udd25<span>15%<\/span>\n        <\/div> \n        <div class=\"mcsh-content-box\">\n            <h4>\u00a1DESCUENTO FLASH!<\/h4>\n            <p>Completa tus datos y obt\u00e9n <span class=\"highlight-text\">15% EXTRA<\/span> autom\u00e1ticamente.<\/p>\n        <\/div>\n    <\/div>\n    <div class=\"mcsh-arrow-down\">\u25bc<\/div>\n<\/div>\n\n    <\/div>\n\n    <div class=\"pricing-container\">\n\n    <div class=\"pricing-card\" id=\"paquete-1-botella\">\n        <div class=\"card-content\">\n            <div class=\"card-title\">\n            <h3>B\u00c1SICO<\/h3>\n            <span class=\"card-subtitle\">Compra 1 Frasco<\/span>\n            <\/div>\n            \n            <div class=\"card-image\">\n            <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2025\/12\/WEB-16-1-scaled.webp\" alt=\"Paquete Individual\">\n            <\/div>\n\n            <div class=\"tags-container\">\n            <span class=\"pill-discount perk-descuento\">-15% OFF<\/span>\n            <span class=\"pill-shipping\">ENV\u00cdO GRATIS<\/span>\n            <\/div>\n\n            <div class=\"price-section\">\n            <span class=\"old-price\">$999<\/span>\n            <span class=\"new-price\">$899<span class=\"currency\">mxn<\/span><\/span>\n            <\/div>\n        <\/div>\n        \n        <a href=\"#\" class=\"btn-comprar\">COMPRAR 1 FRASCO<\/a>\n    <\/div>\n\n    <div class=\"pricing-card popular\" id=\"paquete-2-botellas\">\n        <div class=\"popular-badge\">\ud83d\udd25 M\u00c1S VENDIDO<\/div>\n        \n        <div class=\"card-content\">\n            <div class=\"card-title\">\n            <h3 style=\"color: white;\">RECOMENDADO<\/h3>\n            <span class=\"card-subtitle\">Compra 2 Frascos<\/span>\n            <span class=\"card-subtitle\">Precio total: $1,119.00<\/span>\n            <\/div>\n            \n            <div class=\"card-image\">\n            <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2025\/12\/WEB-17-1-600x600.webp\" alt=\"Paquete Doble\">\n            <\/div>\n\n            <div class=\"tags-container\">\n            <span class=\"pill-shipping\">ENV\u00cdO GRATIS<\/span>\n            <span class=\"pill-discount perk-descuento\" style=\"background:#222; color:#fff; border:none;\">AHORRAS $500.00<\/span>\n            <\/div>\n\n            <div class=\"price-section\">\n            <span class=\"old-price\">$1,799<\/span>\n            <span class=\"new-price\">$1,619<span class=\"currency\">mxn<\/span><\/span> \n            <span style=\"font-size: 12px;\">\/pieza<\/span>\n            <\/div>\n        <\/div>\n\n        <a href=\"#\" class=\"btn-comprar\">RECUPERAR MI POTENCIA<\/a>\n    <\/div>\n\n    <div class=\"pricing-card vip\" id=\"paquete-3-botellas\">\n        <div class=\"card-content\">\n            <div class=\"card-title\">\n            <h3>TRATAMIENTO COMPLETO<\/h3>\n            <span class=\"card-subtitle\">Compra 3 Frascos<\/span>\n            <span class=\"card-subtitle\">Precio total $1,299.00<\/span>\n            <\/div>\n            \n            <div class=\"card-image\">\n            <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2025\/12\/WEB-18-1-600x600.webp\" alt=\"Paquete Triple\">\n            <\/div>\n\n            <div class=\"tags-container\">\n            <span class=\"pill-shipping\">ENV\u00cdO GRATIS<\/span>\n            <span class=\"pill-discount perk-descuento\">AHORRAS $700.00<\/span>\n            <\/div>\n\n            <div class=\"price-section\">\n            <span class=\"old-price\">$2,499<\/span>\n            <span class=\"new-price\">$2,199<span class=\"currency\">mxn<\/span><\/span>\n            <span style=\"font-size: 12px;\">\/pieza<\/span>\n            <\/div>\n        <\/div>\n\n        <a href=\"#\" class=\"btn-comprar\">APROVECHAR OFERTA<\/a>\n    <\/div>\n\n    <\/div>\n<\/div>\n      \n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    \/\/ --- 1. CONFIGURACI\u00d3N DE PRECIOS Y LINKS (RESTAURADOS DEL C\u00d3DIGO ORIGINAL) ---\n    const configuracionPrecios = {\n    estadoInicial: {\n        \/\/ Paquete 1 (Individual)\n        paquete1: {\n        precio: \"$699 MXN\",\n        link: \"https:\/\/zentrovital.com\/index.php\/finalizar-compra\/?buy-now=70\"\n        },\n        \/\/ Paquete 2 (El \"Popular\")\n        paquete2: {\n        precio: \"$559.50\",\n        link: \"https:\/\/zentrovital.com\/index.php\/finalizar-compra\/?buy-now=71\"\n        },\n        \/\/ Paquete 3 (VIP)\n        paquete3: {\n        precio: \"$433\",\n        link: \"https:\/\/zentrovital.com\/index.php\/finalizar-compra\/?buy-now=72\"\n        }\n    },\n    estadoFinal: { \n        \/\/ Precios cuando acaba el timer (Estado Final del codigo original)\n        paquete1: {\n        precio: \"$999 MXN\",\n        link: \"https:\/\/zentrovital.com\/index.php\/finalizar-compra\/?buy-now=70\"\n        },\n        paquete2: {\n        precio: \"$1,799 MXN\",\n        link: \"https:\/\/zentrovital.com\/index.php\/finalizar-compra\/?buy-now=71\"\n        },\n        paquete3: {\n        precio: \"$2,499 MXN\",\n        link: \"https:\/\/zentrovital.com\/index.php\/finalizar-compra\/?buy-now=72\"\n        }\n    }\n    };\n\n    \/\/ --- 2. FUNCI\u00d3N PARA ACTUALIZAR EL HTML ---\n    function aplicarPrecios(estado, mostrarDescuento) {\n    try {\n        \/\/ Aplicar Paquete 1\n        const p1_precio = document.querySelector('#paquete-1-botella .new-price');\n        const p1_link = document.querySelector('#paquete-1-botella .btn-comprar');\n        if (p1_precio) p1_precio.innerText = estado.paquete1.precio;\n        if (p1_link) p1_link.href = estado.paquete1.link;\n\n        \/\/ Aplicar Paquete 2\n        const p2_precio = document.querySelector('#paquete-2-botellas .new-price');\n        const p2_link = document.querySelector('#paquete-2-botellas .btn-comprar');\n        if (p2_precio) p2_precio.innerText = estado.paquete2.precio;\n        if (p2_link) p2_link.href = estado.paquete2.link;\n\n        \/\/ Aplicar Paquete 3\n        const p3_precio = document.querySelector('#paquete-3-botellas .new-price');\n        const p3_link = document.querySelector('#paquete-3-botellas .btn-comprar');\n        if (p3_precio) p3_precio.innerText = estado.paquete3.precio;\n        if (p3_link) p3_link.href = estado.paquete3.link;\n\n        \/\/ Ocultar o mostrar badges de descuento\n        const badgesDescuento = document.querySelectorAll('.perk-descuento');\n        badgesDescuento.forEach(badge => {\n        badge.style.display = mostrarDescuento ? 'block' : 'none'; \n        });\n\n        document.querySelectorAll('.old-price').forEach(badge => {\n        badge.style.display = mostrarDescuento ? 'block' : 'none'; \n        });\n\n    } catch (e) {\n        console.error(\"Error al aplicar precios\", e);\n    }\n    }\n\n    \/\/ --- 3. L\u00d3GICA PRINCIPAL ---\n    \n    let estadoActualMostrado = null; \n\n    function verificarYAplicarPrecios() {\n    const tiempoRestante = localStorage.getItem('promoTimerRemaining2');\n    const ofertaHaTerminado = (tiempoRestante !== null && parseInt(tiempoRestante) < 0);\n\n    if (ofertaHaTerminado) {\n        if (estadoActualMostrado !== 'final') {\n        console.log(\"Oferta finalizada.\");\n        aplicarPrecios(configuracionPrecios.estadoFinal, false);\n        estadoActualMostrado = 'final'; \n        }\n    } else {\n        if (estadoActualMostrado !== 'inicial') {\n        console.log(\"Oferta activa.\");\n        aplicarPrecios(configuracionPrecios.estadoInicial, true);\n        estadoActualMostrado = 'inicial'; \n        }\n    }\n    }\n\n    verificarYAplicarPrecios();\n    setInterval(verificarYAplicarPrecios, 3000);\n\n});\n<\/script>\n      \n<style>\n\/* Estilos del Bot\u00f3n Irresistible (Cuando acaba el timer) *\/\n.btn-oferta-especial {\n    display: inline-block; \n    background: linear-gradient(180deg, #D32F2F 0%, #B71C1C 100%);\n    color: #ffffff; \n    padding: 18px 35px;\n    border-radius: 50px; \n    text-decoration: none;\n    font-weight: 900; \n    font-size: 1.3rem; \n    border: none;\n    border-bottom: 5px solid #8B0000; \n    cursor: pointer;\n    transition: all 0.1s ease-in-out;\n    box-shadow: 0 10px 20px rgba(0,0,0,0.15); \n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    font-family: 'Montserrat', sans-serif; \n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    max-width: 100% !important;;\n    white-space: normal; \n    line-height: 1.2;\n}\n\n.btn-oferta-especial:hover {\n    background: linear-gradient(180deg, #E53935 0%, #C62828 100%);\n    transform: translateY(-2px); \n    box-shadow: 0 15px 25px rgba(211, 47, 47, 0.3);\n}\n\n.btn-oferta-especial:active {\n    border-bottom: 2px solid #8B0000; \n    transform: translateY(3px); \n    box-shadow: 0 5px 10px rgba(0,0,0,0.1);\n}\n\n.btn-icon {\n    margin-left: 10px;\n    font-size: 1.4rem;\n    vertical-align: middle;\n}\n\n@keyframes shine-btn {\n    0% { left: -100%; opacity: 0; }\n    50% { opacity: 0.5; }\n    100% { left: 100%; opacity: 0; }\n}\n\n.btn-oferta-especial::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 50%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);\n    transform: skewX(-20deg);\n    animation: shine-btn 3s infinite; \n}\n\n@media (max-width: 600px) {\n    .btn-oferta-especial {\n    font-size: 1.1rem;\n    padding: 15px 20px;\n    width: 100%; \n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    \n    \/\/ --- FUNCI\u00d3N PARA AJUSTAR PADDING DEL BODY ---\n    function adjustBodyPadding() {\n    const banner = document.querySelector(\".promo-banner\");\n    if (banner) {\n        const bannerHeight = banner.offsetHeight;\n        \/\/ Solo aplicar si es fixed\n    }\n    }\n    adjustBodyPadding();\n    window.addEventListener(\"resize\", adjustBodyPadding);\n\n    \/\/ --- CONFIG DEL TIMER ---\n    const DURATION_IN_MINUTES = 15;\n    let initialSeconds = DURATION_IN_MINUTES * 60;\n    \n    \/\/ --- DOM Elements ---\n    const progressBarElement = document.getElementById(\"progress-bar-inner\");\n\n    const minTensEl = document.querySelector(\"#flip-min-tens span\");\n    const minOnesEl = document.querySelector(\"#flip-min-ones span\");\n    const secTensEl = document.querySelector(\"#flip-sec-tens span\");\n    const secOnesEl = document.querySelector(\"#flip-sec-ones span\");\n\n    const minTensParent = document.getElementById(\"flip-min-tens\");\n    const minOnesParent = document.getElementById(\"flip-min-ones\");\n    const secTensParent = document.getElementById(\"flip-sec-tens\");\n    const secOnesParent = document.getElementById(\"flip-sec-ones\");\n\n    const promoContenidoElement = document.querySelector(\".finalizado\");\n    let timerInterval; \n    let timerInterval2; \n\n    \/\/ --- MOSTRAR ESTADO FINAL ---\n    function showOfferEnded() {\n    if (promoContenidoElement) {\n        promoContenidoElement.innerHTML = `\n        <p class=\"promo-texto\" style=\"font-size: 1.1rem; line-height: 1.4; margin-bottom: 8px; color: #D32F2F;\">\n            OFERTA EXPRESS FINALIZADA\n        <\/p><br>\n            <button class=\"btn-oferta-especial w_btn_oferta\">\n        \u00daLTIMA OPORTUNIDAD: <br class=\"mobile-break\">RECUPERAR MI OFERTA <span class=\"btn-icon\">\u26a1<\/span>\n<br class=\"mobile-break\">\n        CLICK AQU\u00cd\n        <\/button>\n    \n        `;\n        promoContenidoElement.style.justifyContent = 'center';\n        promoContenidoElement.style.gap = '5px'; \n    }\n    \n    localStorage.setItem('promoTimerRemaining2', -1);\n\n    const promoContenidoElement2 = document.querySelector(\".timer-section\");\n    if(promoContenidoElement2) promoContenidoElement2.style.display = 'none';\n\n\n    function reestar_promo(){\n        localStorage.removeItem('promoTimerRemaining2');\n        window.location.reload();\n    }\n    const todosLosBotones = document.querySelectorAll('.w_btn_oferta');\n\n    todosLosBotones.forEach(function(boton) {\n        boton.addEventListener('click', reestar_promo);\n    });\n    }\n\n    \/\/ --- CARGAR TIEMPO LOCALSTORAGE ---\n    let savedSeconds = localStorage.getItem('promoTimerRemaining2');\n    let totalSeconds;\n\n    if (savedSeconds !== null && parseInt(savedSeconds) >= 0) {\n    totalSeconds = parseInt(savedSeconds);\n    } else if (savedSeconds !== null && parseInt(savedSeconds) < 0) {\n    \/\/ showOfferEnded();\n    \/\/ totalSeconds = -1; \n    totalSeconds = initialSeconds;\n    } else {\n    totalSeconds = initialSeconds;\n    }\n\n    \/\/ --- UPDATE DIGIT ---\n    function updateDigit(element, parentElement, newValue) {\n    if (element.textContent !== newValue) {\n        element.textContent = newValue;\n        parentElement.classList.add(\"changed\");\n        setTimeout(() => parentElement.classList.remove(\"changed\"), 300);\n    }\n    }\n\n    \/\/ --- TIMER PRINCIPAL ---\n    function updateTimer2() {\n    if (totalSeconds < 0) {\n        clearInterval(timerInterval);\n        clearInterval(timerInterval2);\n        \n        showOfferEnded();\n        return;\n    }\n\n    let minutes = Math.floor(totalSeconds \/ 60);\n    let seconds = totalSeconds % 60;\n\n    const minString = String(minutes).padStart(2, \"0\");\n    const secString = String(seconds).padStart(2, \"0\");\n\n    const minTens = minString[0];\n    const minOnes = minString[1];\n    const secTens = secString[0];\n    const secOnes = secString[1];\n\n    if (!minTensEl || !minOnesEl || !secTensEl || !secOnesEl) {\n        return; \n    }\n\n    updateDigit(minTensEl, minTensParent, minTens);\n    updateDigit(minOnesEl, minOnesParent, minOnes);\n    updateDigit(secTensEl, secTensParent, secTens);\n    updateDigit(secOnesEl, secOnesParent, secOnes);\n}\n\n    function updateTimer() {\n    if (totalSeconds < 0) {\n        clearInterval(timerInterval);\n        clearInterval(timerInterval2);\n        showOfferEnded();\n        return;\n    }\n\n    let progressPercent = (totalSeconds \/ initialSeconds) * 100;\n        if(progressBarElement) {\n        progressBarElement.style.width = `${progressPercent}%`;\n        }\n    \n    localStorage.setItem('promoTimerRemaining2', totalSeconds);\n    totalSeconds--;\n    }\n\n    \/\/ --- INICIAR ---\n    if (totalSeconds >= 0) {\n    updateTimer(); \n    updateTimer2();\n    timerInterval = setInterval(updateTimer, 1000); \n    timerInterval2 = setInterval(updateTimer2, 1000); \n    }\n\n});\n<\/script>\n\n    <!-- SELECIONA TU PRODUCTO -->\n\n<style>\n    :root {\n        --primary-color: #1a2a6c; \/* Azul oscuro para transmitir seriedad *\/\n        --bg-color: #f4f7f6;\n        --text-color: #333;\n    }\n\n    .testimonio-section {\n        padding: 40px 20px;\n        background-color: var(--bg-color);\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        text-align: center;\n    }\n\n    .testimonio-container {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 20px;\n        max-width: 1200px !important;\n        margin: 0 auto;\n    }\n\n    .testimonio-card {\n        background: #fff;\n        border-radius: 12px;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        padding: 20px;\n        width: 100% !important;\n        max-width: 350px;\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    \/* Foto de Perfil *\/\n    .profile-img {\n        width: 80px !important;\n        height: 80px;\n        border-radius: 50%;\n        object-fit: cover;\n        border: 3px solid var(--primary-color);\n        margin-bottom: 15px;\n    }\n\n    .user-name {\n        font-weight: bold;\n        font-size: 1.1em;\n        color: var(--primary-color);\n        margin-bottom: 5px;\n    }\n\n    .stars {\n        color: #ffcc00;\n        margin-bottom: 15px;\n        font-size: 1.2em;\n    }\n\n    .review-text {\n        font-style: italic;\n        line-height: 1.5;\n        color: #555;\n        margin-bottom: 20px;\n        flex-grow: 1;\n    }\n\n    \/* Foto del Producto (Vertical) *\/\n    .product-img {\n        width: 100%;\n        height: 400px; \/* Ajuste para formato vertical *\/\n        object-fit: cover;\n        border-radius: 8px;\n        border: 1px solid #ddd;\n    }\n\n    @media (max-width: 768px) {\n        .testimonio-card {\n            max-width: 100% !important;\n        }\n        .product-img {\n            height: 350px !important;\n        }\n    }\n<\/style>\n\n    <section class=\"testimonio-section\">\n        <h2 style=\"color: var(--primary-color); margin-bottom: 30px;\">Lo que dicen nuestros clientes<\/h2>\n        \n        <div class=\"testimonio-container\">\n            \n            <div class=\"testimonio-card\">\n                <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/novax-profiles\/1.webp\" alt=\"Usuario 1\" class=\"profile-img\">\n                <div class=\"user-name\">Roberto Garc\u00eda, 52 a\u00f1os<\/div>\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <p class=\"review-text\">\"Al principio dudaba, pero la atenci\u00f3n fue excelente y el producto lleg\u00f3 muy r\u00e1pido. He notado una diferencia real en mi energ\u00eda diaria desde la primera semana. Muy recomendable.\"<\/p>\n                <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2026\/01\/1-scaled.webp\" alt=\"NovaSex entregado\" class=\"product-img\">\n            <\/div>\n    \n            <div class=\"testimonio-card\">\n                <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/novax-profiles\/2.webp\" alt=\"Usuario 2\" class=\"profile-img\">\n                <div class=\"user-name\">Carlos M\u00e9ndez, 48 a\u00f1os<\/div>\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <p class=\"review-text\">\"Excelente presentaci\u00f3n y discreci\u00f3n en el env\u00edo, que era lo que m\u00e1s me preocupaba. NovaSex cumple con lo que promete, me siento con mucha m\u00e1s vitalidad.\"<\/p>\n                <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2026\/01\/2-scaled.webp\" alt=\"Env\u00edo NovaSex\" class=\"product-img\">\n            <\/div>\n    \n            <div class=\"testimonio-card\">\n                <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/novax-profiles\/3.webp\" alt=\"Usuario 3\" class=\"profile-img\">\n                <div class=\"user-name\">Javier Sol\u00eds, 55 a\u00f1os<\/div>\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <p class=\"review-text\">\"Lo ped\u00ed por recomendaci\u00f3n y no me arrepiento. El seguimiento de mi pedido fue constante y el paquete lleg\u00f3 en perfectas condiciones. Un cambio total en mi rendimiento.\"<\/p>\n                <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2026\/01\/3-scaled.webp\" alt=\"Producto NovaSex\" class=\"product-img\">\n            <\/div>\n    \n\n\n\n            <div class=\"testimonio-card\">\n                <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/novax-profiles\/4.webp\" alt=\"Usuario 4\" class=\"profile-img\">\n                <div class=\"user-name\">Ricardo Ortiz, 50 a\u00f1os<\/div>\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <p class=\"review-text\">\"Ten\u00eda mis reservas por experiencias con otros productos, pero NovaSex es punto y aparte. El env\u00edo fue totalmente discreto, nadie supo qu\u00e9 ven\u00eda en la caja, y los resultados son constantes.\"<\/p>\n                <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2026\/01\/4-scaled.webp\" alt=\"NovaSex Vertical 4\" class=\"product-img\">\n            <\/div>\n    \n            <div class=\"testimonio-card\">\n                <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/novax-profiles\/5.webp\" alt=\"Usuario 5\" class=\"profile-img\">\n                <div class=\"user-name\">Miguel \u00c1ngel Ruiz, 46 a\u00f1os<\/div>\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <p class=\"review-text\">\"Lo que m\u00e1s valoro es que no me dio efectos secundarios como otros. Me siento con la energ\u00eda que ten\u00eda a los 30. Ya ped\u00ed mi segundo frasco para no interrumpir el tratamiento.\"<\/p>\n                <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2026\/01\/5-scaled.webp\" alt=\"NovaSex Vertical 5\" class=\"product-img\">\n            <\/div>\n    \n            <div class=\"testimonio-card\">\n                <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/novax-profiles\/6.webp\" alt=\"Usuario 6\" class=\"profile-img\">\n                <div class=\"user-name\">Fernando Lugo, 54 a\u00f1os<\/div>\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <p class=\"review-text\">\"Excelente inversi\u00f3n. El paquete lleg\u00f3 a mi oficina en el tiempo prometido. He recuperado la confianza y mi esposa tambi\u00e9n lo ha notado. Es un producto de calidad garantizada.\"<\/p>\n                <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2026\/01\/6-scaled.webp\" alt=\"NovaSex Vertical 6\" class=\"product-img\">\n            <\/div>\n\n\n\n            <div class=\"testimonio-card\">\n                <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/novax-profiles\/7.webp\" alt=\"Usuario 7\" class=\"profile-img\">\n                <div class=\"user-name\">Sergio Vald\u00e9s, 49 a\u00f1os<\/div>\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <p class=\"review-text\">\"Me sorprendi\u00f3 la rapidez de la entrega. El producto lleg\u00f3 bien sellado y en un empaque que no revela el contenido. Llevo 10 d\u00edas us\u00e1ndolo y la mejor\u00eda en mi \u00e1nimo y energ\u00eda es notable.\"<\/p>\n                <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2026\/01\/7-scaled.webp\" alt=\"NovaSex Vertical 7\" class=\"product-img\">\n            <\/div>\n    \n            <div class=\"testimonio-card\">\n                <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/novax-profiles\/8.webp\" alt=\"Usuario 8\" class=\"profile-img\">\n                <div class=\"user-name\">Arturo Trejo, 53 a\u00f1os<\/div>\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <p class=\"review-text\">\"A nuestra edad uno busca algo que realmente funcione sin poner en riesgo la salud. NovaSex me ha dado esa seguridad. Me siento mucho m\u00e1s activo f\u00edsicamente. \u00a1Excelente compra!\"<\/p>\n                <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2026\/01\/8-scaled.webp\" alt=\"NovaSex Vertical 8\" class=\"product-img\">\n            <\/div>\n    \n            <div class=\"testimonio-card\">\n                <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/novax-profiles\/9.webp\" alt=\"Usuario 9\" class=\"profile-img\">\n                <div class=\"user-name\">Gustavo Leyva, 51 a\u00f1os<\/div>\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <p class=\"review-text\">\"La atenci\u00f3n al cliente por WhatsApp fue de primera, resolvieron todas mis dudas antes de comprar. El producto lleg\u00f3 tal cual la foto y los resultados han superado mis expectativas.\"<\/p>\n                <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2026\/01\/9-scaled.webp\" alt=\"NovaSex Vertical 9\" class=\"product-img\">\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n\n\n\n\n\n\n\n\n\n    \n    \n    \n    <section class=\"guarantee-section\">\n        <div class=\"container\">\n            <div class=\"row justify-content-center\">\n                <div class=\"col-12 col-lg-8\">\n                    <div class=\"guarantee-card\">\n                        \n                        <div class=\"guarantee-icon-wrapper\">\n                            <div class=\"guarantee-seal\">\n                                <span class=\"days\">90<\/span>\n                                <span class=\"label\">D\u00cdAS<\/span>\n                            <\/div>\n                        <\/div>\n    \n                        <h2 class=\"guarantee-title\">\n                            Garant\u00eda de <span class=\"highlight\">\"Cama Blindada\"<\/span>\n                        <\/h2>\n    \n                        <p class=\"guarantee-text\">\n                            Usa <strong>NovaSex<\/strong>. Si no tienes las mejores erecciones de los \u00faltimos 10 a\u00f1os, o si no est\u00e1s 100% satisfecho, devu\u00e9lvenos los botes (incluso vac\u00edos) y te regresamos tu dinero.\n                        <\/p>\n    \n                        <div class=\"guarantee-footer\">\n                            <span class=\"check-icon\">\ud83d\udee1\ufe0f<\/span> Sin preguntas. Riesgo Cero.\n                        <\/div>\n    \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <style>\n        \/* Estilos Secci\u00f3n Garant\u00eda *\/\n    .guarantee-section {\n        padding: 60px 0;\n    }\n    \n    .guarantee-card {\n        background: #fff;\n        border: 2px solid #D4AF37; \/* Borde Dorado *\/\n        border-radius: 15px;\n        padding: 40px 30px;\n        text-align: center;\n        position: relative;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    }\n    \n    \/* El Sello Dorado CSS (si no tienes imagen a\u00fan) *\/\n    .guarantee-seal {\n        width: 100px;\n        height: 100px;\n        background: linear-gradient(135deg, #D4AF37, #FFE680, #D4AF37);\n        border-radius: 50%;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        margin: -70px auto 25px auto; \/* Margen negativo para que 'flote' arriba *\/\n        border: 4px solid #fff;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n        color: #584200;\n        font-weight: 800;\n        line-height: 1;\n    }\n    \n    .guarantee-seal .days {\n        font-size: 32px;\n    }\n    \n    .guarantee-seal .label {\n        font-size: 12px;\n        letter-spacing: 1px;\n    }\n    \n    \/* Tipograf\u00eda *\/\n    .guarantee-title {\n        font-size: 28px;\n        font-weight: 700;\n        color: #333;\n        margin-bottom: 20px;\n    }\n    \n    .guarantee-title .highlight {\n        color: #cf2e2e; \/* El Rojo de tu marca NovaSex *\/\n        text-transform: uppercase;\n    }\n    \n    .guarantee-text {\n        font-size: 18px;\n        line-height: 1.6;\n        color: #555;\n        margin-bottom: 25px;\n    }\n    \n    .guarantee-footer {\n        font-weight: bold;\n        color: #333;\n        text-transform: uppercase;\n        font-size: 14px;\n        letter-spacing: 1px;\n        opacity: 0.8;\n    }\n    <\/style>\n    \n    \n    <section class=\"faq-section\">\n        <div class=\"container\">\n            \n            <div class=\"faq-header\">\n                <h2>PREGUNTAS <span style=\"color: #D32F2F;\">FRECUENTES<\/span><\/h2>\n                <p>Todo lo que necesitas saber antes de recuperar tu potencia.<\/p>\n            <\/div>\n    \n            <div class=\"faq-container\">\n                \n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">\n                        \u00bfQu\u00e9 tan r\u00e1pido hace efecto NovaSex?\n                        <span class=\"faq-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <p>Gracias a nuestra tecnolog\u00eda de absorci\u00f3n r\u00e1pida en gomita, los ingredientes activos entran al torrente sangu\u00edneo mucho m\u00e1s r\u00e1pido que las pastillas tradicionales. La mayor\u00eda de los usuarios reportan sentir una oleada de energ\u00eda y firmeza entre <strong>15 y 30 minutos<\/strong> despu\u00e9s de ingerirla.<\/p>\n                    <\/div>\n                <\/div>\n    \n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">\n                        \u00bfTiene efectos secundarios como dolor de cabeza?\n                        <span class=\"faq-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <p><strong>No.<\/strong> A diferencia de los f\u00e1rmacos qu\u00edmicos azules que alteran la presi\u00f3n arterial bruscamente, NovaSex utiliza ingredientes naturales vasodilatadores. No experimentar\u00e1s dolor de cabeza, taquicardia ni visi\u00f3n borrosa. Solo potencia pura y segura.<\/p>\n                    <\/div>\n                <\/div>\n    \n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">\n                        \u00bfPuedo tomar alcohol si uso NovaSex?\n                        <span class=\"faq-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <p>S\u00ed. NovaSex es compatible con el consumo moderado de alcohol. Puedes disfrutar de una cena rom\u00e1ntica y una copa de vino sin preocuparte de que el efecto del suplemento disminuya.<\/p>\n                    <\/div>\n                <\/div>\n    \n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">\n                        \u00bfC\u00f3mo debo tomarlo?\n                        <span class=\"faq-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <p>Para resultados inmediatos, mastica 1 gomita 30 minutos antes de la actividad \u00edntima. Para un tratamiento a largo plazo que mejore tu virilidad general, recomendamos tomar 1 gomita cada ma\u00f1ana.<\/p>\n                    <\/div>\n                <\/div>\n    \n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">\n                        \u00bfEl env\u00edo es realmente discreto?\n                        <span class=\"faq-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <p>Totalmente. El paquete es una caja de cart\u00f3n gen\u00e9rica sin logotipos, marcas ni descripciones. Nadie (ni el repartidor ni tus vecinos) sabr\u00e1 qu\u00e9 hay dentro. En tu estado de cuenta bancario aparecer\u00e1 un cargo gen\u00e9rico.<\/p>\n                    <\/div>\n                <\/div>\n    \n                 <div class=\"faq-item\">\n                    <button class=\"faq-question\">\n                        \u00bfQu\u00e9 pasa si no funciona para m\u00ed?\n                        <span class=\"faq-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <p>Est\u00e1s protegido por nuestra <strong>Garant\u00eda de \"Cama Blindada\" de 90 d\u00edas<\/strong>. Si no obtienes las erecciones m\u00e1s firmes que has tenido en a\u00f1os, simplemente cont\u00e1ctanos y te devolveremos el 100% de tu dinero. Sin hacer preguntas.<\/p>\n                    <\/div>\n                <\/div>\n    \n            <\/div>\n    \n        <\/div>\n    <\/section>\n    \n    <style>\n        \/* --- ESTILOS FAQ --- *\/\n        .faq-section {\n            background-color: #fff;\n            padding: 60px 20px;\n        }\n    \n        .faq-header {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n    \n        .faq-header h2 {\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 800;\n            font-size: 2.2rem;\n            color: #1a1a1a;\n            margin-bottom: 10px;\n        }\n    \n        .faq-header p {\n            color: #666;\n            font-size: 1.1rem;\n        }\n    \n        .faq-container {\n            max-width: 800px;\n            margin: 0 auto;\n            border-top: 1px solid #e1e1e1;\n        }\n    \n        .faq-item {\n            border-bottom: 1px solid #e1e1e1;\n        }\n    \n        .faq-question {\n            background: none;\n            border: none;\n            width: 100%;\n            text-align: left;\n            padding: 20px 10px;\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 700;\n            font-size: 1.1rem;\n            color: #333;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            transition: color 0.3s ease;\n        }\n    \n        .faq-question:hover {\n            color: #D32F2F; \/* Rojo al pasar el mouse *\/\n        }\n    \n        .faq-question.active {\n            color: #D32F2F;\n        }\n    \n        .faq-icon {\n            font-size: 1.5rem;\n            font-weight: 300;\n            transition: transform 0.3s ease;\n            color: #D32F2F;\n        }\n    \n        .faq-question.active .faq-icon {\n            transform: rotate(45deg); \/* La cruz se convierte en X *\/\n        }\n    \n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease-out;\n            padding: 0 10px;\n        }\n    \n        .faq-answer p {\n            color: #555;\n            line-height: 1.6;\n            margin-bottom: 20px;\n            font-size: 1rem;\n        }\n    \n        \/* Mobile *\/\n        @media (max-width: 768px) {\n            .faq-header h2 { font-size: 1.8rem; }\n            .faq-question { font-size: 1rem; }\n        }\n    <\/style>\n    \n    <script>\n        \/\/ L\u00f3gica para el Acorde\u00f3n\n        const acc = document.getElementsByClassName(\"faq-question\");\n        \n        for (let i = 0; i < acc.length; i++) {\n            acc[i].addEventListener(\"click\", function() {\n                \/\/ Alternar clase activa para color e icono\n                this.classList.toggle(\"active\");\n    \n                \/\/ Controlar el panel de respuesta\n                var panel = this.nextElementSibling;\n                if (panel.style.maxHeight) {\n                    panel.style.maxHeight = null;\n                } else {\n                    panel.style.maxHeight = panel.scrollHeight + \"px\";\n                } \n            });\n        }\n    <\/script>\n    \n    \n    \n    <div class=\"separator-pulse\">\n        <svg viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\" style=\"height: 100%; width: 100%;\">\n          <path d=\"M0,75 L200,75 L215,25 L230,125 L245,75 L500,75\" fill=\"none\" stroke=\"#D32F2F\" stroke-width=\"3\" vector-effect=\"non-scaling-stroke\"><\/path>\n        <\/svg>\n      <\/div>\n    \n    <section class=\"privacy-section\">\n        <div class=\"container privacy-container\">\n            \n            <div class=\"privacy-text\">\n                <div class=\"privacy-header\">\n                    <span class=\"icon-lock\">\ud83d\udd12<\/span>\n                    <h3>ENVIOS 100% DISCRETOS Y AN\u00d3NIMOS<\/h3>\n                <\/div>\n                \n                <p class=\"privacy-description\">\n                    Entendemos que tu vida \u00edntima es solo tuya. Por eso, nos tomamos la discreci\u00f3n muy en serio.\n                <\/p>\n    \n                <div class=\"privacy-box-quote\">\n                    \"Tu secreto est\u00e1 a salvo. El env\u00edo es totalmente an\u00f3nimo. En la caja no dice 'NovaSex', ni en tu estado de cuenta bancario.\"\n                <\/div>\n    \n                <ul class=\"privacy-checklist\">\n                    <li>\n                        <span class=\"check-circle\">\u2713<\/span> \n                        <strong>Empaque Exterior:<\/strong> Caja de cart\u00f3n caf\u00e9 gen\u00e9rica sin marcas, logotipos ni descripciones del contenido.\n                    <\/li>\n                    <li>\n                        <span class=\"check-circle\">\u2713<\/span> \n                        <strong>Facturaci\u00f3n:<\/strong> En tu estado de cuenta aparecer\u00e1 un nombre gen\u00e9rico como \"STORE-SALUD\" o \"ONLINE-PAY\", nunca \"NovaSex\".\n                    <\/li>\n                <\/ul>\n            <\/div>\n    \n            <div class=\"privacy-visual\">\n                <div class=\"box-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_novasex\/caja.webp\" alt=\"Paquete Discreto\" class=\"privacy-img\">\n                    \n                    <div class=\"privacy-stamp\">\n                        100%<br>CONFIDENCIAL\n                    <\/div>\n                <\/div>\n                <p class=\"caption-text\">As\u00ed luce el paquete que recibir\u00e1s. Nadie sabr\u00e1 qu\u00e9 hay dentro.<\/p>\n            <\/div>\n    \n        <\/div>\n    <\/section>\n    \n    <style>\n        \/* --- ESTILOS DE LA SECCI\u00d3N DE PRIVACIDAD --- *\/\n        .privacy-section {\n            padding: 60px 20px;\n     \n        }\n    \n        .privacy-container {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            gap: 50px;\n            max-width: 1000px;\n            margin: 0 auto;\n        }\n    \n        \/* Columna Texto *\/\n        .privacy-text {\n            flex: 1;\n        }\n    \n        .privacy-header {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            margin-bottom: 20px;\n        }\n    \n        .icon-lock {\n            font-size: 2rem;\n        }\n    \n        .privacy-header h3 {\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 800;\n            color: #333; \/* Usamos gris oscuro, no rojo, para bajar la intensidad *\/\n            font-size: 1.5rem;\n            margin: 0;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n    \n        .privacy-description {\n            font-size: 1.1rem;\n            color: #555;\n            margin-bottom: 25px;\n        }\n    \n        .privacy-box-quote {\n            background-color: #fff;\n            border-left: 5px solid #2e7d32; \/* Verde seguridad\/\u00e9xito *\/\n            padding: 20px;\n            font-style: italic;\n            font-weight: 600;\n            color: #2c3e50;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n            margin-bottom: 30px;\n            border-radius: 0 8px 8px 0;\n        }\n    \n        .privacy-checklist {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n    \n        .privacy-checklist li {\n            margin-bottom: 15px;\n            display: flex;\n            align-items: flex-start;\n            font-size: 1rem;\n            color: #444;\n        }\n    \n        .privacy-checklist strong {\n            color: #000;\n        }\n    \n        .check-circle {\n            color: #2e7d32; \/* Verde *\/\n            font-weight: bold;\n            margin-right: 10px;\n            font-size: 1.2rem;\n        }\n    \n        \/* Columna Visual *\/\n        .privacy-visual {\n            flex: 1;\n            text-align: center;\n            position: relative;\n        }\n    \n        .box-wrapper {\n            position: relative;\n            display: inline-block;\n        }\n    \n        .privacy-img {\n            max-width: 100%;\n            border-radius: 8px;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n            border: 1px solid #ddd;\n        }\n    \n        .privacy-stamp {\n            position: absolute;\n            top: -15px;\n            right: -15px;\n            background-color: #2e7d32; \/* Sello Verde de Aprobado\/Seguro *\/\n            color: white;\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 700;\n            font-size: 0.8rem;\n            padding: 15px 10px;\n            border-radius: 50%;\n            width: 80px;\n            height: 80px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            transform: rotate(15deg);\n            box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n            border: 2px solid #fff;\n        }\n    \n        .caption-text {\n            font-size: 0.9rem;\n            color: #777;\n            margin-top: 15px;\n            font-style: italic;\n        }\n    \n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .privacy-container {\n                flex-direction: column-reverse; \/* Primero mostramos la imagen segura, luego el texto *\/\n                gap: 30px;\n            }\n    \n            .privacy-header h3 {\n                font-size: 1.3rem;\n            }\n    \n            .privacy-visual {\n                width: 100%;\n            }\n            \n            .privacy-img {\n                max-width: 80%; \/* Hacer la caja un poco m\u00e1s peque\u00f1a en mobile *\/\n            }\n        }\n    <\/style>\n    \n    \n    <div class=\"separator-badge\">\n        <div class=\"line\"><\/div>\n        <div class=\"badge-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"#D32F2F\" stroke=\"none\">\n                <path d=\"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.115.385-2.256 1-3.5a2.5 2.5 0 0 0 1.5 3.5z\"\/>\n            <\/svg>\n        <\/div>\n        <div class=\"line\"><\/div>\n    <\/div>\n    \n    \n    \n    <!-- PRUEBA SOCIAL -->\n    \n    <section class=\"ns-x-section\">\n        <div class=\"ns-container\">\n            \n            <div class=\"ns-header\">\n                <h2 class=\"ns-title\">\ud83d\udd25 TENDENCIA AHORA: LO QUE DICEN EN X<\/h2>\n                <p class=\"ns-subtitle\">Usuarios reales compartiendo sus resultados.<\/p>\n            <\/div>\n    \n            <div class=\"ns-grid\">\n                \n                <div class=\"ns-card\">\n                    <div class=\"ns-video-wrapper\">\n                        <div class=\"ns-placeholder\">\n                            <blockquote class=\"twitter-tweet\"><p lang=\"es\" dir=\"ltr\">Oscar recuper\u00f3 su potencia con NovaSex \ud83d\udcaa\ud83d\udd25<a href=\"https:\/\/twitter.com\/hashtag\/Desempe%C3%B1oSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#Desempe\u00f1oSexual<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Bienestar%C3%8Dntimo?src=hash&amp;ref_src=twsrc%5Etfw\">#Bienestar\u00cdntimo<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Vida%C3%8Dntima?src=hash&amp;ref_src=twsrc%5Etfw\">#Vida\u00cdntima<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/ConfianzaMasculina?src=hash&amp;ref_src=twsrc%5Etfw\">#ConfianzaMasculina<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/PotenciaMasculina?src=hash&amp;ref_src=twsrc%5Etfw\">#PotenciaMasculina<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/SaludSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#SaludSexual<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Rendimiento%C3%8Dntimo?src=hash&amp;ref_src=twsrc%5Etfw\">#Rendimiento\u00cdntimo<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/MejoraSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#MejoraSexual<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/TestimonioReal?src=hash&amp;ref_src=twsrc%5Etfw\">#TestimonioReal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/NovaSex?src=hash&amp;ref_src=twsrc%5Etfw\">#NovaSex<\/a> <a href=\"https:\/\/t.co\/9znbvnA5Uv\">pic.twitter.com\/9znbvnA5Uv<\/a><\/p>&mdash; Zentro Vital (@zentrovital) <a href=\"https:\/\/twitter.com\/zentrovital\/status\/1998798871317655914?ref_src=twsrc%5Etfw\">December 10, 2025<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n                        \n                        <\/div>\n                    <\/div>\n                <\/div>\n    \n                <div class=\"ns-card\">\n                    <div class=\"ns-video-wrapper\">\n                        <div class=\"ns-placeholder\">\n                            <blockquote class=\"twitter-tweet\"><p lang=\"es\" dir=\"ltr\">Lo que NovaSex hizo por m\u00ed \u2013 Testimonio de Juan \ud83d\ude0e\ud83d\udca5<a href=\"https:\/\/twitter.com\/hashtag\/Desempe%C3%B1oSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#Desempe\u00f1oSexual<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Bienestar%C3%8Dntimo?src=hash&amp;ref_src=twsrc%5Etfw\">#Bienestar\u00cdntimo<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Vida%C3%8Dntima?src=hash&amp;ref_src=twsrc%5Etfw\">#Vida\u00cdntima<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/ConfianzaMasculina?src=hash&amp;ref_src=twsrc%5Etfw\">#ConfianzaMasculina<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/PotenciaMasculina?src=hash&amp;ref_src=twsrc%5Etfw\">#PotenciaMasculina<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/SaludSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#SaludSexual<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Rendimiento%C3%8Dntimo?src=hash&amp;ref_src=twsrc%5Etfw\">#Rendimiento\u00cdntimo<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/MejoraSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#MejoraSexual<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/TestimonioReal?src=hash&amp;ref_src=twsrc%5Etfw\">#TestimonioReal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/NovaSex?src=hash&amp;ref_src=twsrc%5Etfw\">#NovaSex<\/a> <a href=\"https:\/\/t.co\/H20OsMwwDT\">pic.twitter.com\/H20OsMwwDT<\/a><\/p>&mdash; Zentro Vital (@zentrovital) <a href=\"https:\/\/twitter.com\/zentrovital\/status\/1998799243138707957?ref_src=twsrc%5Etfw\">December 10, 2025<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n                        <\/div>\n                    <\/div>\n                <\/div>\n    \n                <div class=\"ns-card\">\n                    <div class=\"ns-video-wrapper\">\n                        <div class=\"ns-placeholder\">\n                            <blockquote class=\"twitter-tweet\"><p lang=\"es\" dir=\"ltr\">El antes y despu\u00e9s de Hern\u00e1n con NovaSex \ud83d\udecc\ud83d\udd04<a href=\"https:\/\/twitter.com\/hashtag\/Desempe%C3%B1oSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#Desempe\u00f1oSexual<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Bienestar%C3%8Dntimo?src=hash&amp;ref_src=twsrc%5Etfw\">#Bienestar\u00cdntimo<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Vida%C3%8Dntima?src=hash&amp;ref_src=twsrc%5Etfw\">#Vida\u00cdntima<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/ConfianzaMasculina?src=hash&amp;ref_src=twsrc%5Etfw\">#ConfianzaMasculina<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/PotenciaMasculina?src=hash&amp;ref_src=twsrc%5Etfw\">#PotenciaMasculina<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/SaludSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#SaludSexual<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Rendimiento%C3%8Dntimo?src=hash&amp;ref_src=twsrc%5Etfw\">#Rendimiento\u00cdntimo<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/MejoraSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#MejoraSexual<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/TestimonioReal?src=hash&amp;ref_src=twsrc%5Etfw\">#TestimonioReal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/NovaSex?src=hash&amp;ref_src=twsrc%5Etfw\">#NovaSex<\/a> <a href=\"https:\/\/t.co\/t35aCjgLsH\">pic.twitter.com\/t35aCjgLsH<\/a><\/p>&mdash; Zentro Vital (@zentrovital) <a href=\"https:\/\/twitter.com\/zentrovital\/status\/1998800762453762116?ref_src=twsrc%5Etfw\">December 10, 2025<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\n                <div class=\"ns-card\">\n                    <div class=\"ns-video-wrapper\">\n                        <div class=\"ns-placeholder\">\n                            <blockquote class=\"twitter-tweet\"><p lang=\"es\" dir=\"ltr\">NovaSex marc\u00f3 la diferencia en mi vida \u00edntima \u2013 Mario \ud83d\udca5\ud83d\udc91<a href=\"https:\/\/twitter.com\/hashtag\/NovaSex?src=hash&amp;ref_src=twsrc%5Etfw\">#NovaSex<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Desempe%C3%B1oSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#Desempe\u00f1oSexual<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/PlacerReal?src=hash&amp;ref_src=twsrc%5Etfw\">#PlacerReal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/VidaIntima?src=hash&amp;ref_src=twsrc%5Etfw\">#VidaIntima<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/DeseoRenovado?src=hash&amp;ref_src=twsrc%5Etfw\">#DeseoRenovado<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/SaludSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#SaludSexual<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/ConfianzaEnLaCama?src=hash&amp;ref_src=twsrc%5Etfw\">#ConfianzaEnLaCama<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/TestimonioReal?src=hash&amp;ref_src=twsrc%5Etfw\">#TestimonioReal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/CambioIntimo?src=hash&amp;ref_src=twsrc%5Etfw\">#CambioIntimo<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/PoderSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#PoderSexual<\/a> <a href=\"https:\/\/t.co\/nnZ5Agcpqf\">pic.twitter.com\/nnZ5Agcpqf<\/a><\/p>&mdash; Zentro Vital (@zentrovital) <a href=\"https:\/\/twitter.com\/zentrovital\/status\/2001326629839384736?ref_src=twsrc%5Etfw\">December 17, 2025<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n                        <\/div>\n                    <\/div>\n                <\/div>\n    \n                <div class=\"ns-card\">\n                    <div class=\"ns-video-wrapper\">\n                        <div class=\"ns-placeholder\">\n                            <blockquote class=\"twitter-tweet\"><p lang=\"es\" dir=\"ltr\">Adriana cuenta c\u00f3mo NovaSex transform\u00f3 su vida \u00edntima \u2728\ud83d\udc8b<a href=\"https:\/\/twitter.com\/hashtag\/NovaSex?src=hash&amp;ref_src=twsrc%5Etfw\">#NovaSex<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/TestimonioReal?src=hash&amp;ref_src=twsrc%5Etfw\">#TestimonioReal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/VidaIntima?src=hash&amp;ref_src=twsrc%5Etfw\">#VidaIntima<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/PlacerFemenino?src=hash&amp;ref_src=twsrc%5Etfw\">#PlacerFemenino<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/DeseoSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#DeseoSexual<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/SaludSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#SaludSexual<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/ConfesionesSexuales?src=hash&amp;ref_src=twsrc%5Etfw\">#ConfesionesSexuales<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/AdrianaHabla?src=hash&amp;ref_src=twsrc%5Etfw\">#AdrianaHabla<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/CambioIntimo?src=hash&amp;ref_src=twsrc%5Etfw\">#CambioIntimo<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/BienestarSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#BienestarSexual<\/a> <a href=\"https:\/\/t.co\/FiTR3QYrJY\">pic.twitter.com\/FiTR3QYrJY<\/a><\/p>&mdash; Zentro Vital (@zentrovital) <a href=\"https:\/\/twitter.com\/zentrovital\/status\/2001325136457416977?ref_src=twsrc%5Etfw\">December 17, 2025<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n                        <\/div>\n                    <\/div>\n                <\/div>\n    \n                <div class=\"ns-card\">\n                    <div class=\"ns-video-wrapper\">\n                        <div class=\"ns-placeholder\">\n                            <blockquote class=\"twitter-tweet\"><p lang=\"es\" dir=\"ltr\">NovaSex me devolvi\u00f3 la energ\u00eda \u2013 Testimonio de Ernesto \u26a1\ud83d\udca5<a href=\"https:\/\/twitter.com\/hashtag\/NovaSex?src=hash&amp;ref_src=twsrc%5Etfw\">#NovaSex<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/Desempe%C3%B1oSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#Desempe\u00f1oSexual<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/PlacerReal?src=hash&amp;ref_src=twsrc%5Etfw\">#PlacerReal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/VidaIntima?src=hash&amp;ref_src=twsrc%5Etfw\">#VidaIntima<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/DeseoRenovado?src=hash&amp;ref_src=twsrc%5Etfw\">#DeseoRenovado<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/SaludSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#SaludSexual<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/ConfianzaEnLaCama?src=hash&amp;ref_src=twsrc%5Etfw\">#ConfianzaEnLaCama<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/TestimonioReal?src=hash&amp;ref_src=twsrc%5Etfw\">#TestimonioReal<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/CambioIntimo?src=hash&amp;ref_src=twsrc%5Etfw\">#CambioIntimo<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/PoderSexual?src=hash&amp;ref_src=twsrc%5Etfw\">#PoderSexual<\/a> <a href=\"https:\/\/t.co\/ufOJ1RH8Rj\">pic.twitter.com\/ufOJ1RH8Rj<\/a><\/p>&mdash; Zentro Vital (@zentrovital) <a href=\"https:\/\/twitter.com\/zentrovital\/status\/2001326158563180923?ref_src=twsrc%5Etfw\">December 17, 2025<\/a><\/blockquote> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\n\n\n\n    \n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <style>\n    \/* --- ESTILOS CSS PURO (Sin Bootstrap) --- *\/\n    \n    \/* Contenedor General *\/\n    .ns-x-section {\n        width: 100%;\n        background-color: #f9f9f9; \/* Fondo gris claro *\/\n        padding: 60px 0;\n        font-family: 'Montserrat', sans-serif; \/* Tu fuente *\/\n        box-sizing: border-box;\n    }\n    \n    \/* Contenedor Centrado (hace lo mismo que .container) *\/\n    .ns-container {\n        width: 90%;\n        max-width: 1200px !important;;\n        margin: 0 auto;\n    }\n    \n    \/* Header \/ T\u00edtulo *\/\n    .ns-header {\n        text-align: center;\n        margin-bottom: 40px;\n    }\n    \n    .ns-title {\n        font-size: 2rem;\n        font-weight: 800;\n        color: #222;\n        margin: 0 0 10px 0;\n        text-transform: uppercase;\n    }\n    \n    .ns-subtitle {\n        color: #666;\n        font-size: 1.1rem;\n        margin: 0;\n    }\n    \n    \/* --- GRID SYSTEM (La Magia) --- *\/\n    .ns-grid {\n        display: grid;\n        \/* DESKTOP: 3 columnas de igual tama\u00f1o (1 fracci\u00f3n cada una) *\/\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px; \/* Espacio entre videos *\/\n    }\n    \n    \/* Tarjeta individual *\/\n    .ns-card {\n        background: white;\n        border: 1px solid #ddd;\n        border-radius: 12px;\n        padding: 10px;\n        box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n    }\n    \n    \/* Wrapper del video para mantener aspecto *\/\n    .ns-video-wrapper {\n        width: 100%;\n        \/* Si X te da un tama\u00f1o fijo, quita esto. Si es responsive, d\u00e9jalo *\/\n        overflow: hidden;\n        border-radius: 8px;\n    }\n    \n    \/* Placeholder (Solo para que veas d\u00f3nde van, b\u00f3rralo cuando pongas los videos) *\/\n    .ns-placeholder {\n        width: 100%;\n        aspect-ratio: 1 \/ 1; \/* Cuadrado perfecto *\/\n        background-color: #0000006d;\n        color: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n    }\n    \n    \/* --- RESPONSIVE (M\u00f3vil) --- *\/\n    @media (max-width: 768px) {\n        .ns-grid {\n            \/* M\u00d3VIL: Cambiamos a 1 sola columna *\/\n            grid-template-columns: 1fr;\n        }\n        \n        .ns-title {\n            font-size: 1.5rem; \/* T\u00edtulo un poco m\u00e1s chico en celular *\/\n        }\n    }\n    <\/style>\n    \n    \n    \n    \n    \n    \n    \n    <section class=\"ns-whatsapp-section\">\n        <div class=\"ns-container\">\n            \n            <div class=\"ns-header\">\n                <h2 class=\"ns-title-wa\">\ud83d\udcac CONFIDENCIAL: CHATS DE WHATSAPP<\/h2>\n                <p class=\"ns-subtitle\">Capturas enviadas por clientes satisfechos.<\/p>\n            <\/div>\n    \n            <div class=\"ns-grid\">\n                \n                <div class=\"ns-card-img\">\n                    <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_novasex\/999999.webp\" alt=\"Testimonio WhatsApp 1\" class=\"ns-img\">\n                <\/div>\n    \n                <div class=\"ns-card-img\">\n                    <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_novasex\/222.webp\" alt=\"Testimonio WhatsApp 2\" class=\"ns-img\">\n                <\/div>\n    \n                <div class=\"ns-card-img\">\n                    <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_novasex\/88888.webp\" alt=\"Testimonio WhatsApp 3\" class=\"ns-img\">\n                <\/div>\n    \n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <style>\n    \/* --- ESTILOS CSS PURO (WhatsApp) --- *\/\n    \n    .ns-whatsapp-section {\n        width: 100%;\n        background-color: #ffffff; \/* Fondo blanco para diferenciar *\/\n        padding: 60px 0;\n        font-family: 'Montserrat', sans-serif;\n        box-sizing: border-box;\n        border-top: 1px solid #eee;\n    }\n    \n    \/* Reutilizamos .ns-container y .ns-grid del c\u00f3digo anterior si ya lo pegaste. \n       Si no, aqu\u00ed est\u00e1n de nuevo para asegurar que funcione: *\/\n    \n    .ns-container {\n        width: 90%;\n        max-width: 1200px !important;;\n        margin: 0 auto;\n    }\n    \n    .ns-header {\n        text-align: center;\n        margin-bottom: 40px;\n    }\n    \n    .ns-title-wa {\n        font-size: 2rem;\n        font-weight: 800;\n        color: #25D366; \/* Verde WhatsApp *\/\n        margin: 0 0 10px 0;\n        text-transform: uppercase;\n    }\n    \n    .ns-subtitle {\n        color: #666;\n        font-size: 1.1rem;\n        margin: 0;\n    }\n    \n    \/* El Grid M\u00e1gico (Igual que el de videos) *\/\n    .ns-grid {\n        display: grid;\n        \/* DESKTOP: 3 columnas iguales *\/\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n    \n    \/* Tarjeta de Imagen *\/\n    .ns-card-img {\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n        transition: transform 0.3s ease;\n        border: 1px solid #eee;\n    }\n    \n    .ns-card-img:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 20px rgba(0,0,0,0.15);\n    }\n    \n    \/* La Imagen en s\u00ed *\/\n    .ns-img {\n        width: 100%;\n        height: auto;\n        display: block; \/* Quita espacios extra abajo *\/\n    }\n    \n    \/* --- RESPONSIVE (M\u00f3vil) --- *\/\n    @media (max-width: 768px) {\n        .ns-grid {\n            \/* M\u00d3VIL: 1 sola columna *\/\n            grid-template-columns: 1fr;\n        }\n        \n        .ns-title-wa {\n            font-size: 1.5rem;\n        }\n    }\n    <\/style>\n    \n    \n    \n    \n    \n    <section class=\"ns-facebook-section\">\n        <div class=\"ns-container\">\n            \n            <div class=\"ns-header\">\n                <h2 class=\"ns-title-fb\">\ud83d\udc4d LO QUE SE DICE EN FACEBOOK<\/h2>\n                <p class=\"ns-subtitle\">Comentarios p\u00fablicos en nuestros anuncios.<\/p>\n            <\/div>\n    \n            <div class=\"ns-grid\">\n                \n                <div class=\"ns-card-img\">\n                    <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_novasex\/111.webp\" alt=\"Testimonio Facebook 1\" class=\"ns-img\">\n                <\/div>\n    \n                <div class=\"ns-card-img\">\n                    <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_novasex\/7777.webp\" alt=\"Testimonio Facebook 2\" class=\"ns-img\">\n                <\/div>\n    \n                <div class=\"ns-card-img\">\n                    <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_novasex\/333.webp\" alt=\"Testimonio Facebook 3\" class=\"ns-img\">\n                <\/div>\n    \n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <style>\n    \/* --- ESTILOS CSS PURO (Facebook) --- *\/\n    \n    .ns-facebook-section {\n        width: 100%;\n        background-color: #f0f2f5; \/* Color de fondo t\u00edpico de Facebook (gris azulado muy claro) *\/\n        padding: 60px 0;\n        font-family: 'Montserrat', sans-serif;\n        box-sizing: border-box;\n        border-top: 1px solid #ddd;\n    }\n    \n    \/* Reutilizaci\u00f3n de clases base (si ya las tienes, no necesitas duplicarlas, \n       pero las dejo aqu\u00ed por si copias este bloque solo) *\/\n    \n    .ns-container {\n        width: 90%;\n        max-width: 1200px !important;;\n        margin: 0 auto;\n    }\n    \n    .ns-header {\n        text-align: center;\n        margin-bottom: 40px;\n    }\n    \n    \/* Color espec\u00edfico para Facebook *\/\n    .ns-title-fb {\n        font-size: 2rem;\n        font-weight: 800;\n        color: #1877F2; \/* Azul Oficial Facebook *\/\n        margin: 0 0 10px 0;\n        text-transform: uppercase;\n    }\n    \n    .ns-subtitle {\n        color: #666;\n        font-size: 1.1rem;\n        margin: 0;\n    }\n    \n    \/* Grid System *\/\n    .ns-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr); \/* 3 columnas en PC *\/\n        gap: 20px;\n    }\n    \n    .ns-card-img {\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n        transition: transform 0.3s ease;\n        background: white; \/* Marco blanco para que resalte la captura *\/\n    }\n    \n    .ns-card-img:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 20px rgba(0,0,0,0.15);\n    }\n    \n    .ns-img {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\n    \n    \/* Responsive M\u00f3vil *\/\n    @media (max-width: 768px) {\n        .ns-grid {\n            grid-template-columns: 1fr; \/* 1 columna en M\u00f3vil *\/\n        }\n        .ns-title-fb {\n            font-size: 1.5rem;\n        }\n    }\n    <\/style>\n    \n    \n    \n    \n    \n    <section class=\"ns-x-snaps-section\">\n        <div class=\"ns-container\">\n            \n            <div class=\"ns-header\">\n                <h2 class=\"ns-title-x\">\u2716\ufe0f LA CONVERSACI\u00d3N REAL EN LA PLATAFORMA X<\/h2>\n                <p class=\"ns-subtitle\">Hilos y comentarios escritos por usuarios sin filtro.<\/p>\n            <\/div>\n    \n            <div class=\"ns-grid\">\n                \n                <div class=\"ns-card-img\">\n                    <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_novasex\/5555.webp\" alt=\"Captura X Twitter 1\" class=\"ns-img\">\n                <\/div>\n    \n                <div class=\"ns-card-img\">\n                    <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_novasex\/6666.webp\" alt=\"Captura X Twitter 2\" class=\"ns-img\">\n                <\/div>\n    \n                <div class=\"ns-card-img\">\n                    <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_novasex\/4444.webp\" alt=\"Captura X Twitter 3\" class=\"ns-img\">\n                <\/div>\n    \n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <style>\n    \/* --- ESTILOS CSS PURO (Capturas X) --- *\/\n    \n    .ns-x-snaps-section {\n        width: 100%;\n        background-color: #ffffff; \/* Fondo blanco para que resalten las capturas (muchas de X son oscuras) *\/\n        padding: 60px 0;\n        font-family: 'Montserrat', sans-serif;\n        box-sizing: border-box;\n        border-top: 1px solid #eee;\n    }\n    \n    \/* Clases Base (Deben estar presentes en tu CSS global, si no, descomenta abajo) *\/\n    \/*\n    .ns-container { width: 90%; max-width: 1200px; margin: 0 auto; }\n    .ns-header { text-align: center; margin-bottom: 40px; }\n    .ns-subtitle { color: #666; font-size: 1.1rem; margin: 0; }\n    .ns-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n    .ns-card-img { border-radius: 12px; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.1); transition: transform 0.3s ease; background: white; border: 1px solid #eee; }\n    .ns-card-img:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.15); }\n    .ns-img { width: 100%; height: auto; display: block; }\n    @media (max-width: 768px) { .ns-grid { grid-template-columns: 1fr; } }\n    *\/\n    \n    \/* Color espec\u00edfico para el t\u00edtulo de X (Negro\/Gris Oscuro) *\/\n    .ns-title-x {\n        font-size: 2rem;\n        font-weight: 800;\n        color: #000000; \/* Negro Oficial X *\/\n        margin: 0 0 10px 0;\n        text-transform: uppercase;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px; \/* Espacio entre el icono \u2716\ufe0f y el texto *\/\n    }\n    \n    \/* Responsive M\u00f3vil espec\u00edfico para el t\u00edtulo *\/\n    @media (max-width: 768px) {\n        .ns-title-x {\n            font-size: 1.4rem; \/* Un poco m\u00e1s peque\u00f1o en m\u00f3vil para que quepa bien el icono *\/\n            flex-direction: column; \/* En celus muy angostos, el icono queda arriba del texto *\/\n            gap: 5px;\n        }\n    }\n    <\/style>\n    <!-- PRUEBA SOCIAL -->\n    \n    \n    \n    <footer class=\"zentro-premium-footer\">\n        <div class=\"footer-main\">\n            <div class=\"container\">\n                <div class=\"row justify-content-between\">\n                    <div class=\"col-12 col-lg-4 mb-5 mb-lg-0\">\n                        <img decoding=\"async\" src=\"https:\/\/zentrovital.com\/wp-content\/uploads\/2025\/12\/cropped-IconH-scaled-1-291x97.webp\" alt=\"Zentro Vital Logo\" class=\"footer-logo-img\">\n                        <p class=\"footer-tagline\">\n                            Recupera tu salud y vitalidad. Soluciones integrales para tu bienestar con productos de la m\u00e1s alta calidad.\n                        <\/p>\n                        <div class=\"footer-contact-block\">\n                            <a href=\"mailto:soporte@zentrovital.com\" class=\"contact-link\">\n                                <span class=\"icon-wrapper\">\u2709\ufe0f<\/span> soporte@zentrovital.com\n                            <\/a>\n                            <a href=\"https:\/\/wa.me\/527445064491\" target=\"_blank\" class=\"contact-link\">\n                                <span class=\"icon-wrapper\">\ud83d\udcf1<\/span> Whatsapp: +52 744 506 4491\n                            <\/a>\n                        <\/div>\n                    <\/div>\n    \n                    <div class=\"col-12 col-md-6 col-lg-3 mb-5 mb-md-0\">\n                        <h5 class=\"footer-heading\">Informaci\u00f3n Legal<\/h5>\n                        <ul class=\"footer-nav-list\">\n                            <li><a href=\"https:\/\/zentrovital.com\/index.php\/politica-privacidad\/\">Pol\u00edtica de Privacidad<\/a><\/li>\n                            <li><a href=\"https:\/\/zentrovital.com\/index.php\/terminos-y-condiciones\/\">T\u00e9rminos y Condiciones<\/a><\/li>\n                        <\/ul>\n                    <\/div>\n    \n                    <div class=\"col-12 col-md-6 col-lg-3\">\n                        <h5 class=\"footer-heading\">S\u00edguenos<\/h5>\n                        <div class=\"social-container mb-4\">\n                            <a href=\"https:\/\/www.facebook.com\/ZentroVitalOficial\/\" target=\"_blank\" class=\"social-btn fb\">FB<\/a>\n                            <a href=\"https:\/\/x.com\/zentrovital\" target=\"_blank\" class=\"social-btn x\">X<\/a>\n                        <\/div>\n    \n                        <h5 class=\"footer-heading\">M\u00e9todos de Pago Seguro<\/h5>\n                        <div class=\"payment-badges\">\n                            <span class=\"badge-pay\">\ud83d\udcb3 Tarjetas<\/span>\n                            <span class=\"badge-pay\">\ud83c\udfea OXXO<\/span>\n                            <span class=\"badge-pay\">\ud83d\udcb5 Efectivo<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <div class=\"footer-legal-bar\">\n            <div class=\"container\">\n                <div class=\"row align-items-center\">\n                    <div class=\"col-12 mb-3 mb-md-0\">\n                        <p class=\"disclaimer-text\">\n                            <strong>Descargo de responsabilidad:<\/strong> La informaci\u00f3n contenida en este sitio web tiene fines \u00fanicamente informativos y no sustituye el consejo m\u00e9dico profesional. El consumo de estos productos es responsabilidad de quien los recomienda y de quien los usa.\n                        <\/p>\n                    <\/div>\n                    <div class=\"col-12 text-center\">\n                        <p class=\"copyright-text\">\n                            &copy; 2025 Zentro Vital. Todos los derechos reservados.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <style>\n            \/* --- Contenedor Principal Premium --- *\/\n    .zentro-premium-footer {\n        font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif; \/* Usa una fuente moderna si la tienes cargada *\/\n        background: linear-gradient(to bottom, #1a1a1a, #0a0a0a); \/* Degradado sutil oscuro *\/\n        color: #e0e0e0;\n        position: relative;\n    }\n    \n    \/* L\u00ednea superior de acento *\/\n    .zentro-premium-footer::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 3px;\n        background: linear-gradient(90deg, #28a745, #218838); \/* Degradado verde Zentro Vital *\/\n    }\n    \n    .footer-main {\n        padding: 80px 0 50px; \/* Mucho m\u00e1s espacio vertical *\/\n    }\n    \n    \/* --- Logo y Texto --- *\/\n    .footer-logo-img {\n        max-width: 220px !important; \/* \u00danico !important necesario *\/\n        height: auto;\n        margin-bottom: 25px;\n        filter: brightness(1.1); \/* Hace el logo un poquito m\u00e1s brillante sobre fondo oscuro *\/\n    }\n    \n    .footer-tagline {\n        font-size: 15px;\n        line-height: 1.7;\n        color: #b0b0b0;\n        margin-bottom: 30px;\n        max-width: 90%;\n    }\n    \n    \/* --- T\u00edtulos de Secci\u00f3n Elegant --- *\/\n    .footer-heading {\n        font-size: 13px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 2px; \/* Espaciado entre letras premium *\/\n        color: #28a745; \/* Color de acento verde *\/\n        margin-bottom: 25px;\n        position: relative;\n    }\n    \n    \/* --- Enlaces de Contacto --- *\/\n    .footer-contact-block .contact-link {\n        display: flex;\n        align-items: center;\n        color: #ffffff;\n        text-decoration: none;\n        margin-bottom: 15px;\n        font-weight: 500;\n        transition: color 0.3s ease;\n    }\n    \n    .icon-wrapper {\n        margin-right: 12px;\n        font-size: 18px;\n    }\n    \n    .contact-link:hover {\n        color: #28a745;\n    }\n    \n    \/* --- Lista de Navegaci\u00f3n con Efecto Hover --- *\/\n    .footer-nav-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n    \n    .footer-nav-list li {\n        margin-bottom: 14px;\n    }\n    \n    .footer-nav-list a {\n        color: #cccccc;\n        text-decoration: none;\n        font-size: 15px;\n        transition: all 0.3s ease;\n        display: inline-block;\n        position: relative;\n    }\n    \n    \/* Efecto: Peque\u00f1a flecha aparece al pasar el mouse *\/\n    .footer-nav-list a::before {\n        content: '\u203a';\n        position: absolute;\n        left: -15px;\n        opacity: 0;\n        color: #28a745;\n        transition: all 0.3s ease;\n        font-weight: bold;\n    }\n    \n    .footer-nav-list a:hover {\n        color: #ffffff;\n        transform: translateX(10px); \/* Mueve el texto ligeramente *\/\n    }\n    \n    .footer-nav-list a:hover::before {\n        opacity: 1; \/* Muestra la flecha *\/\n    }\n    \n    \/* --- Botones Sociales Modernos --- *\/\n    .social-container {\n        display: flex;\n        gap: 12px;\n    }\n    \n    .social-btn {\n        width: 42px;\n        height: 42px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: rgba(255,255,255,0.05); \/* Fondo casi transparente *\/\n        color: #fff;\n        text-decoration: none;\n        border-radius: 8px; \/* Bordes redondeados modernos *\/\n        font-weight: bold;\n        font-size: 14px;\n        border: 1px solid rgba(255,255,255,0.1);\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); \/* Animaci\u00f3n fluida *\/\n    }\n    \n    .social-btn:hover {\n        background: #28a745; \/* Color de fondo al hover *\/\n        border-color: #28a745;\n        transform: translateY(-3px); \/* Se eleva un poco *\/\n        box-shadow: 0 5px 15px rgba(40, 167, 69, 0.3); \/* Sombra verde sutil *\/\n        color: #fff;\n    }\n    \n    \/* --- Badges de Pago --- *\/\n    .payment-badges {\n        display: flex;\n        gap: 10px;\n        flex-wrap: wrap;\n    }\n    \n    .badge-pay {\n        background: #1f1f1f;\n        padding: 6px 12px;\n        border-radius: 4px;\n        font-size: 12px;\n        color: #aaaaaa;\n        border: 1px solid #333;\n        display: flex;\n        align-items: center;\n        gap: 5px;\n    }\n    \n    \/* --- Sub-Footer (Barra Legal) --- *\/\n    .footer-legal-bar {\n        background: #000000; \/* Fondo m\u00e1s oscuro que el principal *\/\n        padding: 25px 0;\n        border-top: 1px solid #1f1f1f;\n        font-size: 12px;\n    }\n    \n    .disclaimer-text {\n        color: #777;\n        line-height: 1.5;\n        margin: 0;\n        text-align: justify;\n    }\n    \n    .copyright-text {\n        color: #555;\n        margin-top: 15px;\n        font-weight: 500;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        font-size: 11px;\n    }\n        <\/style>\n    \n        \n    <\/footer>\n    \n    \n    \n    <!-- MODAL -->\n    \n    <div id=\"quit-smoking-modal\" class=\"modal-overlay\">\n        <div class=\"modal-content\">\n          \n          <div class=\"modal-brand-strip\"><\/div>\n          \n          <div class=\"modal-close-container\">\n            <span class=\"modal-close\" onclick=\"closeModal()\">&times;<\/span>\n          <\/div>\n          \n          <div class=\"modal-body\">\n              <div class=\"modal-image-wrapper\">\n                  <img decoding=\"async\" src=\"https:\/\/d8llbhvf3mpcy.cloudfront.net\/imagenes_novasex\/modal_novasex.webp\" alt=\"NovaSex Potencia\">\n              <\/div>\n              \n              <div class=\"modal-text-content\">\n              <h3>\u00a1ESPERA! NO TE VAYAS A\u00daN...<\/h3>\n              <p>Est\u00e1s a un solo paso de recuperar tu virilidad y confianza. <br>\n              <strong>\u00bfVas a dejar pasar otra noche sin estar al 100%?<\/strong><\/p>\n              \n              <button id=\"modal-scroll-btn\" class=\"modal-button-3d\" onclick=\"closeModalAndScroll()\">\n                  S\u00cd, QUIERO RECUPERAR MI POTENCIA \u27a4\n              <\/button>\n              <\/div>\n          <\/div>\n      \n        <\/div>\n      <\/div>\n      \n      \n      <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap');\n      \n        \/* ================= VARIABLES NOVASEX ================= *\/\n        :root {\n            --ns-red: #D32F2F;        \/* Rojo Marca *\/\n            --ns-red-dark: #B71C1C;   \/* Rojo Oscuro *\/\n            --ns-shadow: #8E0000;     \/* Sombra del bot\u00f3n *\/\n            --ns-gradient: linear-gradient(90deg, #D32F2F, #FF5252);\n            --text-main: #1f2937;\n        }\n      \n        \/* ================= OVERLAY ================= *\/\n        body.modal-open { overflow: hidden; }\n      \n        .modal-overlay {\n          visibility: hidden;\n          opacity: 0;\n          position: fixed;\n          z-index: 99999;\n          left: 0;\n          top: 0;\n          width: 100%;\n          height: 100%;\n          background-color: rgba(10, 10, 10, 0.85); \/* Fondo oscuro premium *\/\n          backdrop-filter: blur(8px); \n          display: flex;\n          justify-content: center;\n          align-items: center;\n          padding: 20px;\n          box-sizing: border-box;\n          transition: all 0.3s ease-in-out;\n        }\n      \n        .modal-overlay.show { visibility: visible; opacity: 1; }\n      \n        \/* ================= CAJA DEL MODAL ================= *\/\n        .modal-content {\n          background-color: #fff;\n          border-radius: 15px;\n          width: 100%;\n          max-width: 450px !important; \/* Un poco m\u00e1s compacto *\/\n          box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6);\n          text-align: center;\n          position: relative;\n          overflow: hidden;\n          transform: scale(0.9) translateY(20px);\n          transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n          font-family: 'Montserrat', sans-serif;\n          border: 1px solid #eee;\n        }\n      \n        .modal-overlay.show .modal-content {\n          transform: scale(1) translateY(0);\n        }\n      \n        \/* Franja superior decorativa *\/\n        .modal-brand-strip {\n            height: 8px;\n            width: 100%;\n            background: var(--ns-gradient);\n        }\n      \n        .modal-body {\n            padding: 0 30px 35px 30px;\n        }\n      \n        \/* ================= IMAGEN ================= *\/\n        .modal-image-wrapper {\n            margin-top: -40px; \n            margin-bottom: 15px;\n            position: relative;\n        }\n      \n        .modal-content img {\n          width: 100%;\n          max-width: 220px !important; \/* Tama\u00f1o ajustado para que no domine demasiado *\/\n          height: auto;\n          display: block;\n          margin: 0 auto;\n          \/* Sombra roja sutil detr\u00e1s del bote para que resalte *\/\n          filter: drop-shadow(0 10px 20px rgba(211, 47, 47, 0.2)); \n          transform: rotate(-5deg); \/* Ligera inclinaci\u00f3n para dinamismo *\/\n        }\n      \n        \/* ================= TEXTOS ================= *\/\n        .modal-text-content h3 {\n            font-size: 1.5rem;\n            color: var(--ns-red);\n            font-weight: 900;\n            margin: 0 0 10px 0;\n            line-height: 1.1;\n            text-transform: uppercase;\n            letter-spacing: -0.5px;\n        }\n      \n        .modal-text-content p {\n          font-size: 1rem;\n          color: #555;\n          margin: 0 0 25px 0;\n          line-height: 1.5;\n        }\n      \n        .modal-text-content p strong {\n            color: #000;\n            font-weight: 700;\n            text-decoration: underline;\n            text-decoration-color: var(--ns-red); \/* Subrayado rojo *\/\n        }\n      \n        \/* ================= BOT\u00d3N DE CERRAR ================= *\/\n        .modal-close-container {\n            position: absolute;\n            top: 15px;\n            right: 15px;\n            z-index: 100;\n        }\n      \n        .modal-close {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 30px;\n          height: 30px;\n          background: #fff;\n          border: 1px solid #eee;\n          border-radius: 50%;\n          color: #999;\n          font-size: 20px;\n          font-weight: bold;\n          cursor: pointer;\n          transition: all 0.2s;\n          line-height: 0;\n          box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n        }\n      \n        .modal-close:hover {\n          background: var(--ns-red);\n          color: #fff;\n          border-color: var(--ns-red);\n        }\n      \n        \/* ================= BOT\u00d3N 3D ROJO (NOVASEX STYLE) ================= *\/\n        .modal-button-3d {\n          display: block;\n          width: 100%;\n          \/* Degradado Rojo Potente *\/\n          background: linear-gradient(180deg, #D32F2F 0%, #B71C1C 100%);\n          color: #ffffff;\n          border: none;\n          \/* Borde inferior oscuro para efecto 3D *\/\n          border-bottom: 5px solid var(--ns-shadow); \n          border-radius: 50px; \/* Redondeado completo estilo p\u00edldora *\/\n          padding: 16px 20px;\n          font-size: 1.05rem;\n          font-weight: 800;\n          cursor: pointer;\n          transition: all 0.1s;\n          text-transform: uppercase;\n          letter-spacing: 0.5px;\n          text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n          box-shadow: 0 10px 20px rgba(211, 47, 47, 0.3);\n          position: relative;\n          top: 0;\n        }\n      \n        .modal-button-3d:hover {\n          background: linear-gradient(180deg, #E53935 0%, #C62828 100%);\n          transform: translateY(-2px);\n          box-shadow: 0 15px 30px rgba(211, 47, 47, 0.4);\n        }\n      \n        .modal-button-3d:active {\n          border-bottom-width: 2px; \/* Efecto de presionar *\/\n          top: 3px;\n          box-shadow: none;\n        }\n      \n        \/* ================= MOBILE ================= *\/\n        @media (max-width: 600px) {\n          .modal-content {\n              width: 90%;\n              max-width: 90%;\n          }\n          .modal-text-content h3 {\n              font-size: 1.3rem;\n          }\n          .modal-button-3d {\n              font-size: 0.95rem;\n              padding: 15px;\n          }\n        }\n      <\/style>\n      \n      <script>\n          \/\/ Funci\u00f3n para cerrar el modal y hacer scroll a la oferta\n          function closeModalAndScroll() {\n              document.getElementById('novasex-modal').classList.remove('show');\n              document.body.classList.remove('modal-open');\n              \n              \/\/ Hacemos scroll suave hacia la secci\u00f3n de precios (aseg\u00farate de que tu secci\u00f3n de precios tenga id=\"precios\")\n              const priceSection = document.getElementById('precios');\n              if (priceSection) {\n                  priceSection.scrollIntoView({ behavior: 'smooth' });\n              }\n          }\n      \n          \/\/ Funci\u00f3n solo para cerrar\n          function closeModal() {\n              document.getElementById('novasex-modal').classList.remove('show');\n              document.body.classList.remove('modal-open');\n          }\n      \n          \/\/ TRIGGER DE EJEMPLO (Act\u00edvalo cuando quieras, ej. al intentar salir de la p\u00e1gina)\n          \/*\n          setTimeout(() => {\n              document.getElementById('novasex-modal').classList.add('show');\n              document.body.classList.add('modal-open');\n          }, 5000); \/\/ Se abre a los 5 segundos como prueba\n          *\/\n      <\/script>\n      <script>\n        \/\/ ... (todo tu c\u00f3digo de selecci\u00f3n de elementos va aqu\u00ed arriba) ...\n        const modalOverlay = document.getElementById('quit-smoking-modal');\n        const closeModalBtn = modalOverlay.querySelector('.modal-close');\n        const scrollButton = document.getElementById('modal-scroll-btn');\n        const targetSection = document.querySelector('.package-header'); \n        \n        \/\/ --- 2. Funciones para abrir y cerrar (MODIFICADAS) ---\n        function openModal() {\n          if (modalOverlay) {\n            \/\/ 1. Calculamos el ancho exacto de la barra de scroll\n            const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n            \n            \/\/ 2. Guardamos ese ancho en nuestra variable CSS\n            document.documentElement.style.setProperty('--scrollbar-width', scrollbarWidth + 'px');\n        \n            \/\/ 3. Mostramos el modal y bloqueamos el scroll (sin \"saltos\")\n            modalOverlay.classList.add('show');\n            document.body.classList.add('modal-open'); \n          }\n        }\n        \n        function closeModal() {\n          if (modalOverlay) {\n            \/\/ 1. Ocultamos el modal y devolvemos el scroll\n            modalOverlay.classList.remove('show');\n            document.body.classList.remove('modal-open');\n        \n            \/\/ 2. Reseteamos nuestra variable CSS a 0\n            document.documentElement.style.setProperty('--scrollbar-width', '0px');\n          }\n        }\n        \n        \/\/ ... (El resto de tu script, setTimeout y Event Listeners, se queda igual) ...\n        \/\/ --- 3. L\u00f3gica para mostrar el modal ---\n        setTimeout(openModal, 25000);\n        \n        \/\/ --- 4. Event Listeners (Eventos de Clic) ---\n        scrollButton.addEventListener('click', function() {\n            closeModal(); \n            if (targetSection) {\n              targetSection.scrollIntoView({\n                behavior: 'smooth',\n                block: 'start'\n              });\n            } else {\n              console.warn('No se encontr\u00f3 la secci\u00f3n de destino \".package-header\"');\n            }\n          });\n          \n          closeModalBtn.addEventListener('click', closeModal);\n          \n          modalOverlay.addEventListener('click', function(event) {\n            if (event.target === modalOverlay) {\n              closeModal();\n            }\n          });\n        \n        <\/script>\n      \n      \n      <!-- MODAL -->\n\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  \/\/ IDs de todos los paquetes que deben tener esta funcionalidad\n  const cardIds = [\n    'paquete-1-botella',\n    'paquete-2-botellas', \n    'paquete-3-botellas'\n  ];\n\n  \/\/ Aplicar el evento a cada tarjeta\n  cardIds.forEach(function(cardId) {\n    const card = document.getElementById(cardId);\n    if (!card) {\n      console.warn('No se encontr\u00f3 la tarjeta con ID:', cardId);\n      return;\n    }\n\n    card.addEventListener('click', function (e) {\n      const btn = card.querySelector('.btn-comprar');\n\n      if (!btn || !btn.href) {\n        console.error('No se encontr\u00f3 el link del bot\u00f3n en:', cardId);\n        return;\n      }\n\n      \/\/ Evita que el click del bot\u00f3n se duplique\n      if (e.target.closest('.btn-comprar')) return;\n\n      window.location.href = btn.href;\n    });\n  });\n});\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pornhub Pfizer BRAZZERS Men&#8217;s Health Bayer XVideos FDA Approved PLAYBOY GNC Live Well WebMD Pornhub Pfizer BRAZZERS Men&#8217;s Health Bayer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-269","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/pages\/269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/comments?post=269"}],"version-history":[{"count":71,"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/pages\/269\/revisions"}],"predecessor-version":[{"id":1468,"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/pages\/269\/revisions\/1468"}],"wp:attachment":[{"href":"https:\/\/zentrovital.com\/index.php\/wp-json\/wp\/v2\/media?parent=269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}