.elementor-986 .elementor-element.elementor-element-03624dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}.elementor-986 .elementor-element.elementor-element-b2a98b9.elementor-element{--align-self:center;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-b2a98b9 */:root {
            --primary: #0A4A7C; /* Azul médico */
            --secondary: #168B8D; /* Turquesa */
            --success: #27ae60; /* Verde check */
            --bg: #F4F7F9; /* Fondo limpio de laboratorio */
            --blister-bg: #E2E8F0; /* Aluminio del blíster */
        }

        .container {
            width: 100%;
            padding: 50px;
            z-index: 10;
            background-color: var(--bg);
            text-align: center;
            border-radius:20px;
            box-shadow: px 2px 5px rgba(255,255,255,0.7);
        }

        /* --- Animación del Blíster Farmacéutico --- */
        .blister-pack {
            background-color: var(--blister-bg);
            border-radius: 16px;
            padding: 20px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            width: 180px;
            margin: 0 auto 30px;
            box-shadow: 
                inset 2px 2px 5px rgba(255,255,255,0.7),
                inset -3px -3px 10px rgba(0,0,0,0.1),
                0 15px 25px rgba(10, 74, 124, 0.1);
            position: relative;
        }

        /* Huecos del blíster */
        .cavity {
            width: 60px;
            height: 60px;
            background: #cbd5e1;
            border-radius: 50%;
            margin: 0 auto;
            box-shadow: inset 3px 3px 6px rgba(0,0,0,0.15), inset -2px -2px 5px rgba(255,255,255,0.6);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }

        /* Cápsulas */
        .pill {
            width: 28px;
            height: 50px;
            background: linear-gradient(to bottom, white 50%, var(--secondary) 50%);
            border-radius: 15px;
            box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
            opacity: 0;
            transform: translateY(-100px);
        }

        /* La última cápsula es el check de éxito */
        .pill-success {
            width: 45px;
            height: 45px;
            background: var(--success);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 24px;
        }

        /* Animaciones de caída simulando la máquina empacadora */
        .pill-1 { animation: dropPill 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s forwards; }
        .pill-2 { animation: dropPill 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0.6s forwards; }
        .pill-3 { animation: dropPill 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.0s forwards; }
        .pill-success { animation: dropPill 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.6s forwards; }

        @keyframes dropPill {
            0% { transform: translateY(-100px); opacity: 0; }
            70% { transform: translateY(10px); opacity: 1; }
            100% { transform: translateY(0); opacity: 1; }
        }

        /* --- Textos Minimalistas --- */
        h1 {
            color: var(--primary);
            font-size: 2.5rem;
            margin: 0 0 10px;
            opacity: 0;
            animation: fadeIn 0.5s ease 2s forwards;
        }

        .subtitle {
            color: #666;
            font-size: 1.1rem;
            margin-bottom: 30px;
            opacity: 0;
            animation: fadeIn 0.5s ease 2.2s forwards;
        }

        /* --- Redirección --- */
        .redirect-bar {
            margin-top: 40px;
            height: 4px;
            background: #e2e8f0;
            border-radius: 2px;
            overflow: hidden;
            opacity: 0;
            animation: fadeIn 0.5s ease 3s forwards;
        }

        .progress {
            height: 100%;
            background: var(--secondary);
            width: 0%;
            /* 7 segundos de redirección */
            animation: loadProgress 4s linear 3s forwards;
        }

        @keyframes fadeIn { to { opacity: 1; } }
        @keyframes loadProgress { to { width: 100%; } }

        @media (max-width: 480px) {
            h1 { font-size: 2rem; }
        }
        
        .cont-contact{
            display: none;
        }/* End custom CSS */