/*
Theme Name:         Artesan Theme
Theme URI:          https://artesan.io
Description:        
Version:            0.0.3
Author:             Artesan 
Author URI:         
Text Domain:        web
License:            MIT License
License URI:        https://opensource.org/licenses/MIT
Requires PHP:       8.0
Requires at least:  5.9
*/
body section.first_section {
  padding-top: 150px !important;
}

@media (max-width: 900px) {
  body section.first_section {
    padding-top: 100px !important;
  }

  body * {
    line-height: 1.3 !important;
  }

  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6 {
    line-height: 1.2 !important;
  }
}

@media (max-width: 575px) {

  .tamano5,
  .tamano6,
  .tamano7,
  .tamano6-boldcta,
  .tamano-7-mediumcta {
    font-size: 15px !important;
  }

  .tamano1,
  .tamano2 {
    font-size: 27px !important;
  }
}

/* custom gdpr styles */
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container {
  border-radius: 20px !important;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice p,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p {
  color: var(--color-1-headings-dark) !important;
  font-size: var(--tamano7-font-size) !important;
  font-weight: var(--tamano7-font-weight);
  line-height: var(--tamano7-line-height);
  letter-spacing: var(--tamano7-letter-spacing);
  font-family: var(--tamano7-font-family) !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
  background-color: var(--color-boton-2-normal) !important;
  font-size: var(--tamano7-font-size) !important;
  font-weight: var(--tamano7-font-weight);
  line-height: var(--tamano7-line-height);
  letter-spacing: var(--tamano7-letter-spacing);
  font-family: var(--tamano7-font-family) !important;
  color: var(--color-boton-2-texto-normal) !important;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton:hover {
  color: var(--color-boton-2-texto-hover) !important;
  transition: ease .3s;
  background-color: var(--color-boton-2-hover) !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content {
  font-family: var(--tamano7-font-family) !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title {
  color: var(--color-1-headings-dark) !important;
  font-size: var(--tamano7-font-size) !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li {
  font-family: var(--tamano7-font-family) !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button {
  color: var(--color-1-headings-dark) !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton {
  background-color: var(--color-boton-2-normal) !important;
  border-color: var(--color-boton-2-normal) !important;
  color: var(--color-boton-2-texto-normal) !important;
  font-family: var(--tamano7-font-family) !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-save-settings:hover {
  color: var(--color-boton-2-texto-hover) !important;
  transition: ease .3s;
  background-color: var(--color-boton-2-hover) !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {
  background-color: var(--color-boton-2-normal) !important;
  border-color: var(--color-boton-2-normal) !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt a {
  color: var(--color-1-headings-dark) !important;
  font-weight: var(--tamano7-font-weight);
  line-height: var(--tamano7-line-height);
  letter-spacing: var(--tamano7-letter-spacing);
  font-family: var(--tamano7-font-family) !important;
}

/**
 * ============================================
 * VARIABLES PERSONALIZABLES PARA TEMPLATES/POPUPS
 * ============================================
 * 
 * Este archivo define las variables de los popups usando
 * las variables del tema principal del sitio.
 * 
 * Modifica los valores para personalizar los estilos.
 * Las variables hacen referencia al sistema de diseño del tema.
 */

:root {
  /* ============================================
       COLORES GENERALES
       ============================================ */

  /* Fondo del overlay oscuro detrás del popup */
  --sts-overlay-bg: rgba(20, 50, 66, .45);
  /* basado en --color-1-headings-dark con transparencia */

  /* Fondos del panel principal */
  --sts-panel-bg: var(--background-1-light);
  /* #ffffff */
  --sts-panel-bg-alt: var(--cards-1-light);
  /* #f4f9e9 */
  --sts-panel-border: var(--background-2-light);
  /* #f2f2f2 */


  /* ============================================
       HEADER (CABECERA DEL POPUP)
       ============================================ */

  --sts-header-bg: var(--cards-1-light);
  /* #f4f9e9 */
  --sts-header-text: var(--color-1-headings-dark);
  /* #143242 */
  --sts-header-border: var(--background-2-light);
  /* #f2f2f2 */


  /* ============================================
       BOTONES PRINCIPALES
       ============================================ */

  --sts-btn-primary-bg: var(--color-1-headings-dark);
  /* #143242 */
  --sts-btn-primary-bg-hover: var(--color-1-body-dark);
  /* #284b62 */
  --sts-btn-primary-text: var(--background-1-light);
  /* #ffffff */


  /* ============================================
       TARJETAS (TEMPLATE 1 - Selección de seguros)
       ============================================ */

  /* Fondo y bordes de tarjetas */
  --sts-card-bg: var(--background-1-light);
  /* #ffffff */
  --sts-card-border: var(--background-2-light);
  /* #f2f2f2 */
  --sts-card-border-selected: var(--color-logotipo-positive);
  /* #143242 */
  --sts-card-shadow-selected: rgba(20, 50, 66, .25);
  /* basado en --color-1-headings-dark */
  --sts-card-shadow-hover: var(--color-logotipo-positive);
  /* #143242 */

  /* Textos de tarjetas */
  --sts-card-title-color: var(--color-1-headings-dark);
  /* #143242 */
  --sts-card-text-color: var(--color-1-body-dark);
  /* #284b62 */
  --sts-card-text-muted: var(--color-3-body-dark);
  /* #b4b8ab */
  --sts-card-divider: var(--background-2-light);
  /* #f2f2f2 */

  /* Radio button */
  --sts-card-radio-active: var(--boton-4-texto-normal);
  /* #143242 */


  /* ============================================
       BADGES (ETIQUETAS)
       ============================================ */

  /* Badge sólido */
  --sts-badge-bg: var(--color-1-headings-dark);
  /* #143242 */
  --sts-badge-text: var(--background-1-light);
  /* #ffffff */
  --sts-badge-shadow: rgba(20, 50, 66, .25);
  /* basado en --color-1-headings-dark */

  /* Badge con borde */
  --sts-badge-outline-bg: var(--cards-1-light);
  /* #f4f9e9 */
  --sts-badge-outline-text: var(--color-1-headings-dark);
  /* #143242 */
  --sts-badge-outline-border: var(--background-2-light);
  /* #f2f2f2 */


  /* ============================================
       CARACTERÍSTICAS (FEATURES/ICONOS)
       ============================================ */

  /* Icono "activo" (check verde) */
  --sts-feature-icon-on-bg: var(--cards-1-light);
  /* #f4f9e9 */
  --sts-feature-icon-on-text: var(--color-1-headings-dark);
  /* #143242 */

  /* Icono "inactivo" (X roja) */
  --sts-feature-icon-off-bg: var(--background-2-light);
  /* #f2f2f2 */
  --sts-feature-icon-off-text: var(--color-3-body-dark);
  /* #b4b8ab */

  /* Texto de característica inactiva */
  --sts-feature-text-off: var(--color-3-body-dark);
  /* #b4b8ab */

  /* Icono de información */
  --sts-feature-info-bg: var(--background-2-light);
  /* #f2f2f2 */
  --sts-feature-info-text: var(--color-3-body-dark);
  /* #b4b8ab */


  /* ============================================
       PRECIOS
       ============================================ */

  --sts-price-text: var(--color-1-headings-dark);
  /* #143242 */
  --sts-price-unit: var(--color-1-body-dark);
  /* #284b62 */
  --sts-price-old: var(--color-3-body-dark);
  /* #b4b8ab */


  /* ============================================
       EXTRAS (TEMPLATE 2 - Popup de "Otros")
       ============================================ */

  /* Fila de extra */
  --sts-extra-bg: var(--background-1-light);
  /* #ffffff */
  --sts-extra-border: transparent;
  --sts-extra-border-active: var(--color-1-headings-dark);
  /* #143242 */
  --sts-extra-shadow-active: rgba(20, 50, 66, .15);
  /* basado en --color-1-headings-dark */

  /* Textos de extras */
  --sts-extra-title-color: var(--color-1-headings-dark);
  /* #143242 */
  --sts-extra-price-color: var(--color-1-headings-dark);
  /* #143242 */
  --sts-extra-price-unit: var(--color-1-body-dark);
  /* #284b62 */
  --sts-extra-details-color: var(--color-1-headings-dark);
  /* #143242 */

  /* Cuerpo expandido de detalles */
  --sts-extra-body-border: var(--background-2-light);
  /* #f2f2f2 */
  --sts-extra-body-text: var(--color-1-body-dark);
  /* #284b62 */


  /* ============================================
       SWITCH/TOGGLE (Interruptor on/off)
       ============================================ */

  --sts-switch-bg: var(--background-2-light);
  /* #f2f2f2 */
  --sts-switch-bg-active: var(--color-1-headings-dark);
  /* #143242 */
  --sts-switch-knob: var(--background-1-light);
  /* #ffffff */
  --sts-switch-shadow: rgba(0, 0, 0, .15);


  /* ============================================
       ASIDE/RESUMEN (Columna derecha)
       ============================================ */

  /* Fondo del aside */
  --sts-aside-bg: var(--background-1-light);
  /* #ffffff */
  --sts-aside-border: var(--background-2-light);
  /* #f2f2f2 */

  /* Caja de resumen */
  --sts-summary-bg: var(--background-1-light);
  /* #ffffff */
  --sts-summary-border: var(--background-2-light);
  /* #f2f2f2 */
  --sts-summary-shadow: rgba(0, 0, 0, .04);
  --sts-summary-title: var(--color-1-headings-dark);
  /* #143242 */
  --sts-summary-text: var(--color-1-body-dark);
  /* #284b62 */

  /* Iconos de check en resumen */
  --sts-summary-tick-bg: var(--cards-1-light);
  /* #f4f9e9 */
  --sts-summary-tick-text: var(--color-1-headings-dark);
  /* #143242 */
  --sts-summary-dot: var(--color-1-headings-dark);
  /* #143242 */


  /* ============================================
       FOOTER (Pie del popup con botón confirmar)
       ============================================ */

  --sts-footer-bg: var(--cards-1-light);
  /* #f4f9e9 */
  --sts-footer-border: var(--background-2-light);
  /* #f2f2f2 */


  /* ============================================
       TAMAÑOS Y ESPACIADOS
       ============================================ */

  /* Border radius (esquinas redondeadas) */
  --sts-border-radius: 16px;
  --sts-border-radius-sm: 8px;
  --sts-border-radius-card: 14px;
  --sts-border-radius-badge: 999px;

  /* Espaciados */
  --sts-spacing-xs: 6px;
  --sts-spacing-sm: 12px;
  --sts-spacing-md: 18px;
  --sts-spacing-lg: 22px;


  /* ============================================
       SOMBRAS
       ============================================ */

  --sts-shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);
  --sts-shadow-md: 0 6px 20px rgba(0, 0, 0, .1);
  --sts-shadow-lg: 0 8px 24px rgba(0, 0, 0, .04);
  --sts-shadow-xl: 0 20px 60px rgba(0, 0, 0, .25);


  /* ============================================
       Z-INDEX (Niveles de profundidad)
       ============================================ */

  --sts-z-overlay: 1000;
  --sts-z-header: 1111;
}


/* ============================================
   MAPEO DE VARIABLES DEL TEMA
   ============================================
   
   Las variables de los popups usan las siguientes variables del tema:
   
   COLORES PRINCIPALES:
   - --color-1-headings-dark: #143242 (títulos, botones, elementos destacados)
   - --color-1-body-dark: #284b62 (textos de cuerpo, secundarios)
   - --color-3-body-dark: #b4b8ab (textos tenue, deshabilitados)
   - --color-logotipo-positive: #143242 (marca, elementos seleccionados)
   
   FONDOS:
   - --background-1-light: #ffffff (fondo principal blanco)
   - --background-2-light: #f2f2f2 (fondo secundario gris claro)
   - --cards-1-light: #f4f9e9 (fondo de tarjetas verde claro)
   
   BOTONES:
   - --boton-4-texto-normal: #143242 (color de botón tipo 4)
   
   Para cambiar completamente los colores de los popups,
   modifica las variables del tema principal en lugar de este archivo.
*/