/*
 Theme Name: SISCOM
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Grupo LOGON
 Author URI: https://logon.es
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


/* ============================================
   fabricademamparas.com — CSS personalizado
   Colores corporativos SISCOM
   ============================================ */

/* --- Variables de color --- */
:root {
  --siscom-oscuro:   #2b2b2b;   /* gris oscuro corporativo */
  --siscom-medio:    #4a4a4a;   /* gris medio para textos */
  --siscom-acento:   #7f3f5c;   /* rosa/burdeos del logo SISCOM */
  --siscom-claro:    #f5f5f5;   /* fondo gris muy claro */
  --siscom-blanco:   #ffffff;
  --siscom-borde:    #dddddd;
}

/* --- Tipografía base --- */
body {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  color: var(--siscom-medio);
}

h1, h2, h3, h4 {
  color: var(--siscom-oscuro);
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* --- Cabecera sticky (ajuste fino) --- */
.et-fixed-header {
  background-color: var(--siscom-blanco) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10);
}

/* --- Hero section --- */
.seccion-hero .et_pb_text_inner h1 {
  font-size: 48px;
  line-height: 1.15em;
  color: var(--siscom-blanco);
  text-shadow: 0 2px 6px rgba(0,0,0,0.55);
}

.seccion-hero .et_pb_text_inner p {
  font-size: 20px;
  color: var(--siscom-oscuro);
  text-shadow: 0 1px 4px rgba(0,0,0,0.45);
}

@media (max-width: 767px) {
  .seccion-hero .et_pb_text_inner h1 {
    font-size: 28px;
  }
  .seccion-hero .et_pb_text_inner p {
    font-size: 16px;
  }
}

/* --- Botón CTA primario --- */
.boton-siscom a,
.et_pb_button.boton-siscom {
  background-color: var(--siscom-acento) !important;
  color: var(--siscom-blanco) !important;
  border-color: var(--siscom-acento) !important;
  border-radius: 3px;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 14px 32px !important;
  text-transform: uppercase;
  font-size: 14px;
}

.boton-siscom a:hover,
.et_pb_button.boton-siscom:hover {
  background-color: var(--siscom-oscuro) !important;
  border-color: var(--siscom-oscuro) !important;
}

/* --- Sección sobre fondo oscuro --- */
.fondo-oscuro {
  background-color: var(--siscom-oscuro) !important;
}

.fondo-oscuro h2,
.fondo-oscuro h3,
.fondo-oscuro p {
  color: var(--siscom-blanco) !important;
}

/* --- Cards de series/productos --- */
.card-producto {
  border: 1px solid var(--siscom-borde);
  border-radius: 4px;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}

.card-producto:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

/* --- Bloque certificaciones --- */
.bloque-certificaciones {
  background-color: var(--siscom-claro) !important;
  border-top: 3px solid var(--siscom-acento);
}

.bloque-certificaciones .et_pb_text_inner {
  text-align: center;
}

/* --- CTA final --- */
.cta-final {
  background-color: var(--siscom-acento) !important;
}

.cta-final h2,
.cta-final p {
  color: var(--siscom-blanco) !important;
}

/* --- Footer --- */
#main-footer {
  background-color: var(--siscom-oscuro) !important;
}

#main-footer,
#main-footer p,
#main-footer a,
#main-footer .et_pb_widget {
  color: #cccccc !important;
}

#main-footer a:hover {
  color: var(--siscom-blanco) !important;
}

/* --- Separador decorativo en secciones --- */
.separador-acento {
  width: 50px;
  height: 3px;
  background-color: var(--siscom-acento);
  margin: 12px 0 24px 0;
  display: block;
}

/* --- Separador decorativo reutilizable --- */
span.separador-acento {
  display: block;
  width: 50px;
  height: 3px;
  background-color: #7f3f5c;
  margin: 12px 0 24px 0;
}

/* --- Menú principal: línea inferior activa --- */
.et_pb_menu .et_pb_menu__wrap ul li.current-menu-item > a,
.et_pb_menu .et_pb_menu__wrap ul li.current-menu-ancestor > a {
  color: #7f3f5c !important;
  border-bottom: 2px solid #7f3f5c;
  /*padding-bottom: 2px;*/
}

/* --- Dropdown: estilo limpio --- */
.et_pb_menu .et_pb_menu__wrap .nav ul {
  border-top: 3px solid #7f3f5c;
  box-shadow: 0 4px 12px rgba(0,0,0,0.10);
  border-radius: 0 0 4px 4px;
}

.et_pb_menu .et_pb_menu__wrap .nav ul li a {
  color: #2b2b2b !important;
  font-size: 14px;
  padding: 10px 20px;
  border-bottom: 1px solid #f0f0f0;
}

.et_pb_menu .et_pb_menu__wrap .nav ul li a:hover {
  color: #7f3f5c !important;
  background-color: #faf5f7;
}

/* --- Mobile: menú hamburguesa --- */
@media (max-width: 980px) {
  .et_pb_menu .et_mobile_menu {
    border-top: 3px solid #7f3f5c;
    background-color: #ffffff;
  }

  .et_pb_menu .et_mobile_menu li a {
    color: #2b2b2b !important;
    border-bottom: 1px solid #f0f0f0;
    padding: 12px 20px;
    font-size: 15px;
  }

  .et_pb_menu .et_mobile_menu li a:hover {
    color: #7f3f5c !important;
  }

  /* Logo centrado en móvil */
  .et_pb_menu .et_pb_menu__logo {
    margin: 0 auto;
  }
}

/* --- Sticky: borde inferior sutil --- */
.et-fixed-header .et_pb_section {
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}


/* Displays titles above the fields */
.et_pb_contact_form_label {
    display: block;
    font-family: 'Playfair Display';
    color: #7f3f5c;
    font-size: 15pt;
    font-style: italic;
    margin-bottom: 15px;
}
 
/* Hides placeholder text */
.et_pb_contact_form_container .input::placeholder {
    color: transparent;
}
 
/* Hides duplicate titles on checkboxes and radios */
.et_pb_contact_field_options_title {
    display: none;
}
 
 
/* Remove title above dropdown */
.et_pb_contact_field[data-type=select] .et_pb_contact_form_label {
    display: none;
}