/*
Theme Name:  Decisión Informada
Theme URI:   https://decisioninformada.com.ar
Description: Theme propio del cotizador de prepagas Decisión Informada.
Version:     1.0.0
Author:      Decisión Informada
Text Domain: decision-informada
*/

/* =========================================================
   BASE RESET & TOKENS
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap');

:root {
    --di-primary:       #012CB8;
    --di-primary-light: #dde4fb;
    --di-primary-hover: #0124a0;
    --di-accent:        #7dd3fc;
    --di-success:       #10b981;
    --di-warning:       #f59e0b;
    --di-danger:        #ef4444;
    --di-gray-50:       #f8fafc;
    --di-gray-100:      #f1f5f9;
    --di-gray-200:      #e2e8f0;
    --di-gray-400:      #94a3b8;
    --di-gray-600:      #64748b;
    --di-gray-800:      #1e293b;
    --di-white:         #ffffff;
    --di-font:          'Rubik', system-ui, -apple-system, sans-serif;
    --di-radius:        20px;
    --di-radius-sm:     12px;
    --di-shadow:        0 4px 24px rgba(0,0,0,.07);
    --di-shadow-md:     0 8px 32px rgba(0,0,0,.10);
    --di-shadow-lg:     0 24px 64px rgba(0,0,0,.14);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--di-font);
    font-size: 16px;
    line-height: 1.6;
    color: var(--di-gray-800);
    background: var(--di-white);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }
a   { color: var(--di-primary); text-decoration: none; }
a:hover { text-decoration: underline; }
button, input, select, textarea { font-family: inherit; }
h1,h2,h3,h4,h5,h6 { line-height: 1.15; font-weight: 600; letter-spacing: -.02em; }

/* =========================================================
   MOTION
   ========================================================= */
.di-motion-ready .di-reveal {
    opacity: 0;
    transform: translate3d(0, 26px, 0) scale(.985);
    filter: blur(8px);
    transition:
        opacity .75s cubic-bezier(.22, 1, .36, 1),
        transform .75s cubic-bezier(.22, 1, .36, 1),
        filter .75s cubic-bezier(.22, 1, .36, 1);
    transition-delay: var(--di-reveal-delay, 0ms);
    will-change: opacity, transform, filter;
}

.di-motion-ready .di-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
}

.di-motion-ready .pp-hero-logo {
    opacity: 1;
    transform: none;
    filter: brightness(0) invert(1);
}

/* Los logos de los CTA deben conservar el blanco sobre el color de marca.
   La animación genérica no puede reemplazar ese filtro al revelarlos. */
.di-motion-ready .pp-cta-logo.di-reveal,
.di-motion-ready .pp-cta-logo.di-reveal.is-visible {
    opacity: 1;
    transform: none;
    filter: brightness(0) invert(1);
}

.di-btn,
.pp-btn,
.dic-button,
.dic-btn,
button[type="submit"] {
    transition:
        transform .18s ease,
        box-shadow .22s ease,
        background .22s ease,
        border-color .22s ease,
        color .22s ease;
}

.di-btn:hover,
.pp-btn:hover,
.dic-button:hover,
.dic-btn:hover,
button[type="submit"]:hover {
    transform: translateY(-2px);
}

.di-provider-card,
.di-prov-card,
.di-step-card,
.di-how-card,
.di-discount-card,
.di-benefit-card,
.pp-stat-item,
.pp-plan-card,
.pp-benefit-card,
.pp-network-cta-box,
.pp-why-item,
.pp-faq-item,
.pp-other-card,
.dic-form-card,
.dic-result-card,
.dic-provider-card,
.dic-plan-card {
    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease,
        background .24s ease;
}

.di-provider-card:hover,
.di-prov-card:hover,
.di-step-card:hover,
.di-how-card:hover,
.di-discount-card:hover,
.di-benefit-card:hover,
.pp-stat-item:hover,
.pp-plan-card:hover,
.pp-benefit-card:hover,
.pp-network-cta-box:hover,
.pp-why-item:hover,
.pp-faq-item:hover,
.pp-other-card:hover,
.dic-result-card:hover,
.dic-provider-card:hover,
.dic-plan-card:hover {
    transform: translateY(-5px);
}

@keyframes diBackgroundDrift {
    0% { background-position: center center; }
    50% { background-position: 54% 48%; }
    100% { background-position: center center; }
}

@keyframes diSoftPulse {
    0%, 100% { opacity: .8; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.03); }
}

.di-hero,
.di-quote-hero,
.di-section-blue,
.pp-hero,
.pp-section-colored {
    animation: diBackgroundDrift 18s ease-in-out infinite;
}

.di-hero::before,
.pp-hero::before {
    animation: diSoftPulse 8s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
    }

    .di-motion-ready .di-reveal {
        opacity: 1;
        transform: none;
        filter: none;
    }
}

/* WP admin bar */
.admin-bar .di-nav { top: 32px; }
@media (max-width: 782px) { .admin-bar .di-nav { top: 46px; } }