/*
Theme Name: Inicianet Theme
Theme URI: https://inicianet.com/
Author: Inicianet
Author URI: https://inicianet.com/
Description: Un theme creado en exclusiva por Inicianet para sus clientes. Este theme incluye una capa de seguridad, optimización avanzada y las funcionalidades indispensables para asegurar el correcto y óptimo funcionamiento de la web. Sobre esta sólida base, se integra el diseño personalizado y las funciones específicas que requiera cada proyecto, garantizando así un rendimiento excepcional y una integración perfecta con Elementor.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: inicianet
*/

/* VARIABLES GLOBALES */
:root {
    --li-icon: "\f0da"; /* Icono Li */
}

/* Fix */
/* Focus Menu Movil */
.header .elementor-nav-menu--main .elementor-item:hover, 
.header .elementor-nav-menu--main .elementor-item.elementor-item-active, 
.header .elementor-nav-menu--main .elementor-item.highlighted, 
.header .elementor-nav-menu--main .elementor-item:focus {
    color: var(--e-global-color-primary) !important;
}

/* Estilos Generales */
body {margin:0;}
p { -webkit-text-size-adjust: none !important; } /* Correción fuente Safari */
/*:target { scroll-margin-top: 131px; } /* Alto Header Sticky */
body > div ul:not(.elementor-icon-list-items) li,
.list-custom li {
  position: relative !important;
  padding-left: 20px !important; /* espacio para el icono */
  list-style: none !important;    /* ocultamos el estilo por defecto */
}

body > div ul:not(.elementor-icon-list-items) li::before,
.list-custom li:before {
  font-family: "Font Awesome 5 Free"; /* Elementor carga esta familia */
  font-weight: 900; /* 400 = regular, 900 = solid */
  content: var(--li-icon);
  color: var(--e-global-color-primary);
  position: absolute;
  left: 0;
  top: 0;
}

footer .list-custom li:before {
  top:13px;
  color:#FFF;
}


.grecaptcha-badge {
right: -9999px !important;
}

footer .elementor-item-active { text-decoration:underline;
    text-underline-offset: 5px;
}

/* Sticky Header Effect */
.elementor-sticky--active .elementor-widget-container{
    background-color:var(--e-global-color-7c6d664) !important;
}
.elementor-sticky--active #header #header-logo img{
    max-width:240px;
}
.elementor-sticky--active #header .elementor-nav-menu > li > a {
    color:var(--e-global-color-5133b4a);
}

/* Footer Effect */
#footer a:hover,
#footer a.active{text-decoration:underline;
    text-underline-offset: 5px;
}


/* -------------------------------------- */
/* FORMULARIO CONTACTO */
/* -------------------------------------- */
/* ===========================
   Variables globales
   =========================== */
:root{
  /* Tipografías */
  --font-primary: var(--e-global-typography-primary-font-family, system-ui), sans-serif;

  /* Colores */
  --color-text-primary: #333333;
  --color-text-secondary: #666666;
  --color-link-privacy: #5e5243;
  --color-input-bg: #f4f5eb;
  --color-input-border: #ebeced;
  --color-placeholder: #333333;
  --color-brand: var(--e-global-color-primary, #0ea5e9);

  /* Alias (si ya usas estos en Elementor/CF7 se mantienen) */
  --cf7--link--color: var(--cf7--link--color, var(--color-brand));
  --cf7--text--color-secondary: var(--cf7--text--color-secondary, var(--color-text-secondary));
}

/* ===========================
   CONTACT FORM 7
   =========================== */

/* Estructura formulario */
.formulario-contacto .form-row{
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  gap:0;
  margin-bottom:0;
  max-width:100%;
  padding:0 !important;
}

.formulario-contacto input[type="text"],
.formulario-contacto input[type="email"],
.formulario-contacto input[type="tel"],
.formulario-contacto select{
  width:75% !important;
}

.formulario-contacto textarea{
  width:100% !important;
}

/* Enlaces legales / privacidad */
.formulario-contacto .privacy a{
  color:var(--color-link-privacy);
  text-decoration:underline;
}

.formulario-contacto .legal-text{
  font-size:15px;
  line-height:24px;
  color:var(--color-text-secondary);
}

/* Responsive */
@media (max-width:768px){
  .formulario-contacto .form-group{
    flex:1 1 100% !important;
  }
}

/* Campos (inputs, textarea, select) */
.block-form input:not([type="submit"]):not([type="checkbox"]),
.block-form textarea,
.block-form select{
  width:100%;
  margin-bottom:var(--cf7--input--margin-bottom, 16px) !important;
  padding:10px 20px;
  border:1px solid var(--color-input-border);
  border-radius:5px;
  background-color:var(--color-input-bg) !important;
  color:var(--color-text-primary);
  font-family:var(--font-primary) !important;
  font-size:var(--cf7--input--font-size, 16px) !important;
}

/* Placeholder */
.block-form input::placeholder,
.block-form textarea::placeholder{
  color:var(--color-placeholder) !important;
  font-family:var(--font-primary) !important;
  font-size:var(--cf7--input--font-size, 16px) !important;
  font-weight:300;
}

/* Focus */
.block-form input:not([type="submit"]):not([type="checkbox"]):focus-visible,
.block-form textarea:focus-visible,
.block-form select:focus-visible{
  border-color:var(--color-brand);
  outline:2px solid var(--color-brand);
  outline-offset:1px;
}

/* Enlaces título */
.title a{
  color:var(--cf7--link--color);
  text-transform:uppercase;
}

/* Textos legales */
.texto-acepto-legal,
.texto-obligatorio-legal,
.texto-acepto-legal > a{
  font-size:var(--cf7--input--font-size, 16px) !important;
  font-weight:300 !important;
  color:var(--cf7--text--color-secondary) !important;
}

.texto-acepto-legal > a:hover{
  text-decoration:underline;
  text-underline-offset:4px;
  color:var(--color-brand) !important;
}

/* Submit y listas */
.elementor-element .elementor-shortcode .block-form .wpcf7-submit{
  margin-top:var(--cf7--submit--margin-top, 16px);
  border:none;
}

.elementor-element .elementor-shortcode .block-form .wpcf7-list-item{
  display:inline-block;
  margin-left:0;
}

/* Fuente del formulario */
.wpcf7-form{
  font-family:var(--font-primary) !important;
}