/*
 Theme Name:   Prevensalud Peru Child
 Theme URI:    https://prevensalud.pe
 Description:  Tema hijo personalizado para Sergio Pérez. Diseño avanzado, 100% responsive, optimizado para móviles y con efectos GSAP.
 Author:       Sergio Pérez
 Author URI:   https://prevensalud.pe
 Template:     astra
 Version:      1.1.0
 Text Domain:  prevensalud-peru
*/

/* --- VARIABLES GLOBALES CORPORATIVAS --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
    --color-primary: #11998e;       /* Verde salud startup */
    --color-primary-dark: #007a6a;  /* Verde oscuro para hovers */
    --color-text-dark: #0f172a;     /* Pizarra muy oscuro */
    --color-text-muted: #64748b;    /* Pizarra medio */
    --bg-clean: #ffffff;
    --bg-soft: #f8fafc;
    
    --font-main: 'Inter', -apple-system, sans-serif;
    --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); /* Curva premium estilo Apple */
}

/* Reset básico para asegurar el ancho completo */
body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

/* ==========================================================================
   OFFSET GLOBAL DEL HEADER STICKY (WooCommerce & Páginas Estándar)
   Evita que el contenido inicie bajo el header.
   ========================================================================== */

/* Páginas estándar (excepto plantillas especiales) */
body:not(.page-template) .site-content {
    padding-top: 110px;
}

/* WooCommerce: Checkout, Carrito, Cuenta (Desktop) */
body.woocommerce-checkout .site-content,
body.woocommerce-cart .site-content,
body.woocommerce-account .site-content {
    padding-top: 120px !important;
}

/* Single Product: Ajuste Agresivo (Desktop) - Empuja el inicio más arriba */
body.single-product .site-content {
    padding-top: 80px !important;
}

/* Espacio libre extra para los títulos críticos ("Finalizar Compra", etc.) */
body.woocommerce-checkout h1.entry-title,
body.woocommerce-cart h1.entry-title,
body.woocommerce-account h1.entry-title,
body.woocommerce-checkout .ast-archive-description,
body.woocommerce-cart .ast-archive-description,
body.woocommerce-account .ast-archive-description {
    margin-top: 20px !important;
}

/* Ajustes Responsive (Móviles) */
@media (max-width: 768px) {
    body:not(.page-template) .site-content {
        padding-top: 90px;
    }
    body.woocommerce-checkout .site-content,
    body.woocommerce-cart .site-content,
    body.woocommerce-account .site-content {
        padding-top: 100px !important;
    }
    body.single-product .site-content {
        padding-top: 70px !important; /* Más pegado al header en mobile también */
    }
}