/* ------------------------------
   ESTILOS VISIONPULSE
--------------------------------*/

/* Hero */
.hero {
    padding: 80px 0;
    text-align: left;
}

/* Títulos principales */
.section-title {
    font-size: 44px;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: "Playfair Display", serif;
}

/* Subtítulo o lead */
.lead {
    font-size: 20px;
    line-height: 1.6;
    max-width: 700px;
    font-family: "DM Sans", sans-serif;
}

/* Texto secundario */
.muted {
    color: #666;
    font-size: 16px;
    line-height: 1.6;
}

/* Layout de secciones */
.section {
    padding: 60px 0;
}

/* Botones */
.button-primary {
    padding: 14px 28px;
    border-radius: 6px;
    display: inline-block;
    font-weight: 600;
    background-color: #5e4eff;
    color: white;
}

.button-primary:hover {
    opacity: .85;
}

/* Contenedores amplios */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
/* ================================
   VISIONPULSE — Ajustes Globales de Ancho Editorial
================================ */

/* Controla el ancho general de los grupos (contenedores principales) */
.wp-block-group {
    max-width: 1200px !important;
    margin-left: auto;
    margin-right: auto;
}

/* Limpia paddings internos excesivos */
.wp-block-group > .wp-block-group__inner-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Bloques de ancho amplio: más amplios pero elegantes */
.wp-block-group.alignwide,
.wp-block-columns.alignwide {
    max-width: 1400px !important;
}
/* Hero — Aire editorial elegante */
.hero-80vh {
    padding-top: 120px;
    padding-bottom: 100px;
}
/* --- AJUSTES EDITORIALES SOLO PARA LA PÁGINA INICIO --- */

/* 1) Más aire arriba: subir o bajar ajustando padding-top */
/* 1) Más aire arriba: subir o bajar ajustando padding-top */
.page-id-7 main {
    padding-top: 20px !important;
    /* Puedes subir a 100px si quieres aún más aire */
}

/* Ajuste para usuarios logueados con la barra de WordPress */
.logged-in.page-id-7 main {
    padding-top: 40px !important;
}

/* Ajuste para visitantes normales */
:not(.logged-in).page-id-7 main {
    padding-top: 20px !important;
}


/* 2) Ancho máximo del texto para dar elegancia editorial */
.page-id-7 .wp-block-group,
.page-id-7 .wp-block-paragraph,
.page-id-7 .wp-block-heading {
    max-width: 850px !important;   /* 750–900px es zona editorial */
    margin-left: auto;
    margin-right: auto;
}

/* 3) Refinar tipografía del encabezado principal */
.page-id-7 h1,
.page-id-7 .wp-block-heading {
    font-weight: 300 !important;  /* Más sofisticado, más boutique */
    letter-spacing: -0.5px !important; 
    line-height: 1.1 !important;
    margin-bottom: 30px !important;
}

/* Ajuste suave al párrafo inicial */
.page-id-7 p {
    font-size: 1.15rem !important;
    line-height: 1.55 !important;
}
/* Ajustar la altura del hero solo para usuarios logueados */
.logged-in.page-id-7 .hero-80vh {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
/* Reducir espacio superior del header solo para usuarios logueados */
.logged-in .site-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 40px !important;
}
/* Reducir el espacio del título del header solo para usuarios logueados */
.logged-in .wp-block-site-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* Compactar la sección Hero solo para usuarios logueados */
.logged-in .hero-80vh {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}