/*
Theme Name: Aislamad Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 5.0.0-public-beta.1760970539
Updated: 2025-10-20 14:28:59
*/

/* =======================================================
   AISLAMAD — style.css (Divi 5 · Google Fonts)
   - Mantiene tus colores y tipografías (Inter + Michroma desde Google)
   - No usa @font-face; debes cargar las fuentes con Divi o en functions.php
   - Añade utilidades limpias y componentes comunes (botones, formularios, cards)
======================================================= */

/* ——— 0) Nota Google Fonts ———
   Asegúrate de que Inter y Michroma están cargadas:
   - Divi → Personalizar → General Settings → Typography (Body: Inter, Headings: Michroma)
   o en functions.php:
   add_action('wp_enqueue_scripts', function () {
     wp_enqueue_style('aislamad-gfonts', 'https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Michroma&display=swap', [], null);
   }, 5);
*/

/* ——— 1) Tokens de color (no sustituyen tus Global Colors de Divi) ——— */
:root{
 -green-main:#006837;
 -green-dark:#007700;
 -green-leaf:#8BC449;
 -black:#0F172A;
 -grey:#5F6B7A;
 -grey-100:#EEF2F6;
 -border-soft:#CBD5E1;
}

/* ——— 2) Base tipográfica y cuerpo ——— */
html { scroll-behavior: smooth; }
body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  font-size:17px; line-height:1.7; color:var(--black);
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4,h5,h6{
  font-family:'Michroma',system-ui,sans-serif;
  font-weight:400; /* Michroma en Google normalmente es 400 */
  letter-spacing:.06em; color:var(--black);
  margin-top:0.6em; margin-bottom:0.4em;
}
h1{ font-size:44px; line-height:1.2; }
h2{ font-size:32px; line-height:1.25; }
h3{ font-size:24px; line-height:1.3; letter-spacing:.04em; }
h4{ font-size:20px; line-height:1.35; letter-spacing:.02em; }
small,.small{ font-size:15px; line-height:1.6; color:var(--grey); }

@media (max-width:980px){
  h1{ font-size:38px; }
  h2{ font-size:28px; }
  h3{ font-size:22px; }
  h4{ font-size:19px; }
  body{ font-size:16px; }
}
@media (max-width:767px){
  h1{ font-size:32px; }
  h2{ font-size:24px; }
  h3{ font-size:20px; }
  h4{ font-size:18px; }
  body{ font-size:16px; }
}

/* ——— 3) Enlaces y foco ——— */
a{ color:inherit; text-decoration:none; }
a:hover{ text-decoration:underline; }
a:focus{ outline:2px solid var(--green-main); outline-offset:2px; }

/* ——— 4) Botones (añade clase extra en Divi: btn-primary / btn-secondary / btn-outline) ——— */
.et_pb_button.btn-primary,
.et_pb_promo_button.btn-primary{
  background:var(--green-main)!important;
  color:#fff!important;
  border:none!important;
  border-radius:16px!important;
  padding:.9em 1.2em!important;
  font-weight:600; letter-spacing:.02em;
  transition:transform .15s ease, box-shadow .15s ease, background-color .2s ease;
}
.et_pb_button.btn-primary:hover,
.et_pb_promo_button.btn-primary:hover{
  background:var(--green-dark)!important; color:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}

.et_pb_button.btn-secondary{
  background:var(--grey-100)!important; color:var(--green-main)!important;
  border:1px solid var(--green-main)!important;
  border-radius:16px!important; padding:.9em 1.2em!important; font-weight:600;
  transition:all .2s ease;
}
.et_pb_button.btn-secondary:hover{
  background:var(--green-dark)!important; color:#fff!important; border-color:var(--green-dark)!important;
}

.et_pb_button.btn-outline{
  background:transparent!important; color:var(--green-main)!important;
  border:2px solid var(--green-main)!important; border-radius:16px!important; padding:.8em 1.1em!important;
  transition:all .2s ease;
}
.et_pb_button.btn-outline:hover{ background:var(--green-main)!important; color:#fff!important; }

/* ——— 5) Formularios ——— */
input[type="text"],input[type="email"],input[type="tel"],input[type="url"],
input[type="number"],select,textarea{
  width:100%;
  border:1px solid var(--border-soft); border-radius:12px;
  padding:.8em 1em; background:#fff; color:var(--black);
}
input::placeholder, textarea::placeholder{ color:var(--grey); }
input:focus,textarea:focus,select:focus{
  outline:none; border-color:var(--green-main);
  box-shadow:0 0 0 3px rgba(0,104,55,.15);
}
.et_contact_bottom_container .et_pb_button{
  background:var(--green-main)!important; color:#fff!important; border-radius:16px;
}

/* ——— 6) Cards, secciones y blurbs ——— */
.card{ background:#fff; border:1px solid var(--border-soft); border-radius:16px; }
.card--soft{ box-shadow:0 6px 18px rgba(0,0,0,.08); }
.section-alt{ background:var(--grey-100); }
.et_pb_blurb{ border-radius:16px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,.06); }
.et_pb_blurb h4{ margin:0.4em 0; }

/* ——— 7) Toggles / FAQs ——— */
.et_pb_toggle{ border:1px solid var(--border-soft); border-radius:14px; }
.et_pb_toggle_title{ font-size:20px; }
.et_pb_toggle_content{ font-size:16px; color:var(--grey); }

/* ——— 8) Menú (cabecera Divi y módulo Menú) ——— */
#main-header{ box-shadow:0 4px 14px rgba(0,0,0,.05); }
#top-menu li a{
  font-family:'Inter',system-ui,sans-serif;
  font-weight:600; font-size:16px; letter-spacing:.02em; color:var(--black);
}
#top-menu li.current-menu-item > a{ color:var(--green-main); }
#top-menu li.menu-cta > a{
  background:var(--green-main); color:#fff!important;
  padding:.55em 1em; border-radius:16px;
}
#top-menu li.menu-cta > a:hover{ background:var(--green-dark); }

.et_pb_menu .menu li a{
  font-family:'Inter',system-ui,sans-serif;
  font-weight:600; font-size:16px; letter-spacing:.02em;
}
.et_pb_menu .menu .menu-cta > a{
  background:var(--green-main); color:#fff!important;
  padding:.55em 1em; border-radius:16px;
}
.et_pb_menu .menu .menu-cta > a:hover{ background:var(--green-dark); }
.et_mobile_menu li a{ font-family:'Inter',system-ui,sans-serif; font-weight:600; font-size:16px; }

/* ——— 9) Utilidades ——— */
.u-center{ text-align:center!important; }
.u-right{ text-align:right!important; }
.u-m0{ margin:0!important; } .u-mt0{ margin-top:0!important; } .u-mb0{ margin-bottom:0!important; }
.u-p0{ padding:0!important; } .u-pt0{ padding-top:0!important; } .u-pb0{ padding-bottom:0!important; }

/* ——— 10) Hero ——— */
.hero{ padding:48px 0 80px; background:var(--grey-100); }
.hero .et_pb_text_inner p{ font-size:18px; color:#334155; }

/* ——— 11) Imágenes ——— */
img{ height:auto; }
.et_pb_image img{ border-radius:24px; }

/* ——— 12) Ajustes varios ——— */
.et_pb_button, .et_pb_promo_button{ text-decoration:none!important; } /* evita subrayados residuales */