/*
Theme Name:   Divi Child — Amincal
Theme URI:    https://intercastilla.com
Description:  Child theme Divi 5 para Amincal Tratamientos. Colores y tipografía de marca.
Author:       Intercastilla
Author URI:   https://intercastilla.com
Template:     Divi
Version:      0.1.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  divi-child-base
Tags:         divi, child-theme, amincal
*/

/* =============================================================
   1. Tokens de marca Amincal
   ============================================================= */
:root {
    --amc-green:         #006B3A;   /* verde principal */
    --amc-green-dark:    #00492B;   /* verde oscuro */
    --amc-green-light:   #5BB88A;   /* verde claro / hover */
    --amc-grey:          #6D746F;   /* gris fibrocemento */
    --amc-bg:            #F5F7F4;   /* blanco roto / fondo */
    --amc-text:          #1D2520;   /* texto oscuro */
    --amc-white:         #ffffff;

    /* Tipografía */
    --amc-font:           'Montserrat', sans-serif;
    --amc-heading-weight: 700;
    --amc-label-spacing:  0.08em;
}

/* =============================================================
   2. Override variables Divi 5
   ============================================================= */
:root {
    --et-pb-primary-color:               var(--amc-green);
    --et-pb-accent-color:                var(--amc-green-light);
    --et-global-heading-font-family:     var(--amc-font);
    --et-global-body-font-family:        var(--amc-font);
    --et-global-heading-text-color:      var(--amc-green-dark);
    --et-global-body-text-color:         var(--amc-text);
    --et-global-link-color:              var(--amc-green);
    --et-global-link-hover-color:        var(--amc-green-light);
    --et-global-button-background-color: var(--amc-green);
    --et-global-button-text-color:       var(--amc-white);
}

/* =============================================================
   3. Tipografía global
   ============================================================= */
body,
.et_pb_text,
.et_pb_blurb_description,
.et_pb_module {
    font-family: var(--amc-font);
    color: var(--amc-text);
}

h1, h2, h3, h4, h5, h6,
.et_pb_module_header,
.et_pb_title {
    font-family:  var(--amc-font);
    font-weight:  var(--amc-heading-weight);
    color:        var(--amc-green-dark);
}

/* Etiquetas de servicio (ALL CAPS + bold, como en el dossier) */
.et_pb_text .amc-label,
strong.amc-label {
    text-transform: uppercase;
    letter-spacing: var(--amc-label-spacing);
    font-weight:    700;
    color:          var(--amc-text);
}

/* =============================================================
   4. Botones Divi → verde principal
   ============================================================= */
.et_pb_button,
.et_pb_button_0 {
    background-color: var(--amc-green)        !important;
    border-color:     var(--amc-green)        !important;
    color:            var(--amc-white)        !important;
    font-family:      var(--amc-font)         !important;
    font-weight:      600                     !important;
    letter-spacing:   var(--amc-label-spacing)!important;
    text-transform:   uppercase               !important;
}

.et_pb_button:hover,
.et_pb_button_0:hover {
    background-color: var(--amc-green-dark) !important;
    border-color:     var(--amc-green-dark) !important;
}

/* =============================================================
   5. Clases helper para secciones Divi
   ============================================================= */

/* Fondo verde principal con texto blanco */
.amc-bg-green {
    background-color: var(--amc-green) !important;
}
.amc-bg-green,
.amc-bg-green h1, .amc-bg-green h2, .amc-bg-green h3,
.amc-bg-green p, .amc-bg-green li, .amc-bg-green strong {
    color: var(--amc-white) !important;
}

/* Fondo verde claro con texto blanco */
.amc-bg-green-light {
    background-color: var(--amc-green-light) !important;
}
.amc-bg-green-light,
.amc-bg-green-light h1, .amc-bg-green-light h2, .amc-bg-green-light h3,
.amc-bg-green-light p, .amc-bg-green-light li {
    color: var(--amc-white) !important;
}

/* Fondo blanco roto (fondos suaves de sección) */
.amc-bg-soft {
    background-color: var(--amc-bg) !important;
}

/* =============================================================
   6. Header / menú de navegación
   ============================================================= */
#main-header,
.et_header_style_centered #main-header,
.et_header_style_left #main-header {
    background-color: var(--amc-white);
}

#top-menu a,
#et-top-navigation a {
    font-family:    var(--amc-font);
    font-weight:    600;
    letter-spacing: var(--amc-label-spacing);
    color:          var(--amc-green) !important;
    text-transform: uppercase;
}

#top-menu a:hover,
#et-top-navigation a:hover {
    color: var(--amc-green-dark) !important;
}

/* =============================================================
   7. Footer
   ============================================================= */
#main-footer {
    background-color: var(--amc-green-dark);
    color: var(--amc-white);
}

#main-footer a,
#main-footer .et_pb_widget a {
    color: var(--amc-green-light);
}

#main-footer a:hover {
    color: var(--amc-white);
}