/**
Theme Name: thedueco-child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: thedueco-child
Template: astra
*/

/* ==========================================================================
   ESTILOS DEL TÍTULO PRINCIPAL (RESPONSIVE)
   ========================================================================== */

/* --- 1. CONFIGURACIÓN PARA COMPUTADORAS (PANTALLAS GRANDES) --- */
.banner-titulo {
    color: #e1dfd1 !important;
    text-align: center;
    font-weight: bold;
    font-family: 'Montserrat-SemiBold', sans-serif !important; /* Cambia por el nombre de tu fuente */
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.3;
    font-size: 56px; /* Tamaño imponente en PC */
}

/* --- 2. CONFIGURACIÓN PARA CELULARES (PANTALLAS CHICAS) --- */
@media (max-width: 767px) {
    .banner-titulo {
        font-size: 30px; /* Achicamos la letra a la mitad para que entre en el celular */
        max-width: 90%;  /* Le damos más aire a los lados */
        line-height: 1.4;
        padding: 0 15px;
    }
	.banner-titulo-2 {
        font-size: 15px !important; /* Achicamos la letra a la mitad para que entre en el celular */
        /* max-width: 90%;   Le damos más aire a los lados */
        line-height: 1.4;
        padding: 0 15px;
    }
    
}
.banner-titulo-2 {
    text-align: center;
    font-weight: bold;
    font-family: 'Montserrat-SemiBold', sans-serif !important; /* Cambia por el nombre de tu fuente */
    margin: 0 auto;
    font-size: 20px; /* Tamaño imponente en PC */
}

/* ==========================================================================
   INTERFAZ DE MENÚ DEPURADA - THE DUE CO.
   ========================================================================== */

/* --- 1. MENÚ SUPERIOR (PADRES) --- */

/* Ocultar por completo la flecha nativa de Astra */
.main-header-menu .menu-item-has-children > a .ast-header-navigation-arrow {
    display: none !important;
}

/* Modificar los textos del menú principal */
.main-header-menu > li.menu-item > a {
    font-size: 13px !important;    /* Tamaño de la letra (Súbelo o bájalo) */
    letter-spacing: 0.5px;         /* Espacio entre las letras */
    padding-left: 3px !important; /* Espacio horizontal entre cada botón */
    color: #e1dfd1 !important;
}
.main-header-menu > li.menu-item > a:hover {
	color:#ffff !important;
}	


/* Modificar los textos del titulo del menu secundario */
.main-header-menu .sub-menu li a {
    font-size: 13px !important;    /* Tamaño del título del submenú */
    padding-top: 12px !important;  /* Espacio vertical entre cada opción (Arriba) */
    padding-bottom: 12px !important; /* Espacio vertical entre cada opción (Abajo) */
}

/* Modificar el punto "•" de adentro */
.main-header-menu .sub-menu li a::before {
    font-size: 13px !important;    /* Tamaño del punto interno */
    top: 10px !important;          /* Controla la altura del punto para centrarlo con el texto */
}

/* modificar los textos de la descripcion del menu secundario*/
.main-header-menu .sub-menu li a span {
    font-size: 12px !important;   /* Tamaño de la descripción gris */
    margin-top: 6px !important;   /* Espacio de separación con el título de arriba */
    line-height: 1.4 !important;  /* Separación entre renglones si el texto es largo */
}


/* Modificar el tamaño del punto naranja de arriba */
.main-header-menu > li.menu-item-has-children > a::after {
    font-size: 26px !important;    /* Tamaño del punto "." */
    margin-left: 4px !important;   /* Qué tan separado está del texto */
}

/* El punto naranja interactivo del menú principal */
.main-header-menu > li.menu-item-has-children > a::after {
    content: "." !important;
    color: #ff6600 !important;
    font-size: 24px !important;
    line-height: 0 !important;
    margin-left: 2px !important;
	margin-bottom: 3px !important;
    vertical-align: middle !important;
}

/*.main-header-menu > li.menu-item > a::after {*/
/*    content: ".";*/
/*    margin-left: 3px;  Ajusta el espacio según prefieras */
/*    font-weight: bold;*/
/*}*/

/* --- 2. CAJA DESPLEGABLE (SUBMENÚS) --- */

/* Fondo oscuro premium */
.main-header-menu .sub-menu {
    background-color: #0F1114 !important;
    border: 1px solid #1c1f26 !important;
    padding: 1px !important;
    min-width: 320px !important;
    border-radius: 4px !important;
}

/* Ajuste de los enlaces de adentro */
.main-header-menu .sub-menu li a {
    padding: 10px 15px 10px 25px !important;
    position: relative !important;
    display: block !important;
    color: #e1dfd1 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}
.main-header-menu .sub-menu li a:hover {
	color: #F37021 !important;
}
/* ==========================================================================
   ESTILOS PREMIUM PARA TUS CLASES REALES (THE DUE CO.)
   ========================================================================== */

/* 1. Unificar el fondo oscuro en la barra principal por si queda algún rastro */
.main-header-bar,
.site-header-primary-section-wrap,
.ast-primary-header-bar {
    background-color: #0F1114 !important;
    background: #0F1114 !important;
    border: none !important;
}

/* 2. Forzar la alineación de la celda de Astra para que quepa todo */
.main-header-bar .site-container .site-header-inner {
    display: flex !important;
    align-items: center !important; /* Centrado vertical perfecto con el logo y menú */
    justify-content: space-between !important;
}

/* 3. Tu Contenedor Maestro: Ponerlos en línea horizontal */
.due-co-header-extras {
    display: flex !important;
    flex-direction: row !important; /* Fuerza a que vayan uno al lado del otro */
    align-items: center !important;    /* Alineación vertical central */
    gap: 20px !important;            /* Separación perfecta entre el idioma y el botón */
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Estilo para el Idioma (ES) */
.due-co-idioma-wrap .due-co-lang-toggle {
    color: #e1dfd1 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    display: inline-block !important;
}
.due-co-idioma-wrap .due-co-lang-toggle:hover {
    color: #F37021 !important;
}

.due-co-idioma-wrap .due-arrow {
    color: #ff6600 !important;
    font-size: 14px;
    margin-left: 4px;
}

/* 5. Estilo para el Botón Naranja Ovalado Premium */
.due-co-boton-wrap .due-co-btn-orange {
    background-color: #F37021 !important; /* Tu naranja corporativo exacto */
    background: #F37021 !important;
    color: black !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    
    /* Espaciado para darle el tamaño ovalado real */
    padding: 10px 24px !important; 
    border-radius: 30px !important; /* Óvalo perfecto de tu diseño */
    
    display: inline-block !important;
    line-height: 1 !important;
    white-space: nowrap !important; /* Evita que el texto se rompa en dos líneas */
    text-decoration: none !important;
    transition: background-color 0.3s ease !important;
}

/*-----------------------*/
.due-co-idioma-wrap { position: relative; display: inline-block; }

/* El select queda invisible pero encima de tu botón */
.due-co-gtranslate-hidden {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
}

.due-co-lang-toggle {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    pointer-events: none; /* El clic lo captura el selector de arriba */
}
/* Contenedor: forzamos el centrado vertical */
.due-co-idioma-wrap {
    display: inline-flex !important;
    align-items: center !important; /* Alineación vertical */
    justify-content: center !important;
    position: relative !important;
    height: 30px !important; /* Ajusta este valor si tu texto es más alto/bajo */
    margin-right: 0px !important;
}

/* El selector: quitamos cualquier margen o padding extraño */
.due-co-idioma-wrap select.gt_selector {
	background-color: #0F1114 !important;
    border: 1px solid #1c1f26 !important;
	padding: 1px !important;
    border-radius: 4px !important;
    color: #e1dfd1 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    height: 30px !important; /* Igual que el contenedor */
    line-height: 30px !important;
    padding: 1 18px 0 0 !important; /* Padding derecho para que el triángulo no toque las letras */
    margin: 0 !important;
    vertical-align: middle !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    outline: none !important;
	-webkit-appearance: none !important;
    appearance: none !important;
}

/* El triangulito */
.due-co-idioma-wrap::after {
    font-size: 10px !important;
    color: #ff6600 !important;
    position: absolute !important;
    right: 0px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

/* cabecera de due risk*/
/* Forzar que todas las barras de cabecera sean negras */
.ast-above-header, 
.main-header-bar, 
.ast-below-header {
    background-color: #0F1114 !important;
    background-image: none !important;
}
/* left para el logo*/
.site-header-primary-section-left {
    flex: 1 1 100% !important; /* Ocupa todo el espacio disponible */
    justify-content: center !important; /* Centra horizontalmente */
    display: flex !important;
}
/* linea de separación del menu para el contenido*/
/* 1. Agregar la línea blanca debajo del menú principal */
.ast-primary-header-bar {
    border-bottom: 1px solid #333333 !important; /* Ajusta el 2px si la quieres más fina o gruesa */
}

/*SECCION FOOTER*/
/* Contenedor */


/* Lista */
.due-bullet-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Espaciado de cada línea */
/* El enlace (todo el texto será clickeable) */
.due-bullet-list li a {
    color: #e1dfd1 !important;
    text-decoration: none;
    font-size: 13px;
    display: flex;
    align-items: center;
    transition: color 0.3s ease;
}

/* El punto naranja (el bullet personalizado) */
.due-bullet-list li a::before {
    content: "•";
    color: #f37021;
    font-size: 13px;
    margin-right: 12px;
    line-height: 1;
}

/* Efecto al pasar el mouse */
.due-bullet-list li a:hover {
    color: #f37021 !important;
}
/*SEGUNDA COLUMNA*/
/* Títulos (Ya los tienes, pero aseguran coherencia) */
.due-footer-title {
    color: #f37021 !important;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
	text-align:left;

}

/* Lista de navegación */
.due-footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
	text-align:left;
}

/* Enlaces de navegación */
.due-footer-list li a {
    color: #e1dfd1 !important;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.3s ease;
}

/* Efecto al pasar el mouse */
.due-footer-list li a:hover {
    color: #f37021 !important;
}
.due-footer-column p {
	color: #e1dfd1 !important;
    font-size: 13px;
	text-align:left;
}	
/*copyright*/
/* Contenedor del Copyright */
.due-copyright {
    text-align: center;
    font-size: 12px;
    color: #888 !important; /* Un gris suave que queda muy bien sobre el fondo negro */
}

/* Opcional: si quieres que también sea un enlace en el futuro */
.due-copyright p {
    margin: 0;
}
/*NEWSLETTER*/
/* Texto del newsletter */
.due-newsletter-container p{
	color: #e1dfd1 !important;
    font-size: 13px;
	text-align:left;
}
.due-newsletter-container{
	padding: 10px;
	text-align:left;
}	
/* El formulario en línea */
.due-newsletter-form {
    display: flex;
    gap: 0; /* Sin espacio entre input y botón */
    margin-bottom: 10px;
}

/* El campo de texto (Input) */
.due-newsletter-form input {
    background: #ffffff;
    border: none;
    padding: 10px 15px;
    width: 100%;
    border-radius: 25px 0 0 25px; /* Bordes redondeados solo a la izquierda */
    font-size: 12px;
}

/* El botón naranja */
.due-newsletter-form button {
    background-color: #F37021;
    color: #000000;
    border: none;
    padding: 5px 5px;
    cursor: pointer;
    border-radius: 0 25px 25px 0; /* Bordes redondeados solo a la derecha */
    white-space: nowrap;
	font-size:11px;
}

/* Nota pequeña inferior */
.due-newsletter-note {
    font-size: 11px;
    color: #666;
}
/*BOTON DE SUCRIBETE*/
/* 1. Quitamos el comportamiento de bloque de los párrafos */
.mc4wp-form-361 .mc4wp-form-fields {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    max-width: 400px !important;
}

.mc4wp-form-361 .mc4wp-form-fields p {
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Campo de email - quitamos el label que estorba */
.mc4wp-form-361 label {
    margin: 0 !important;
    display: block !important;
}

.mc4wp-form-361 #email {
    background: #ffffff !important;
    border: none !important;
    padding: 5px 5px !important;
    border-radius: 25px 0 0 25px !important;
    width: 100% !important;
    font-size: 12px !important;
    outline: none !important;
}

/* 3. Botón de suscripción */
.mc4wp-form-361 input[type="submit"] {
    background-color: #F37021 !important;
    color: black !important;
    border: none !important;
    padding: 15px 5px !important;
    font-weight: bold !important;
    border-radius: 0 25px 25px 0 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
	font-size: 10px;
}
/* politicas de cookies*/
.enlace_cookies_info{
	font-size: 13px;
  	text-decoration: underline !important;
  	color: #f37021 !important;
}
/* BORDE POR DEFECTO */
table, td, th {
    border: none !important;
}

/*FORMULARIO*/
.ff-message-success{
	color: #e1dfd1;
  font-size: 15px;
  border: none;
}
.ff-message-success pre{
	background-color: transparent;
  padding: 0;
  font-family: inherit;
}

.email{
	font-size:12px !important;
}
.due-footer-column {
  padding-top: 10px;
}