/*** ===== 01 - IMPORTANTE  ==== *** /

/*** ===== 02 - PAQUETE DE REGLAS DEFINITORIAS DE PORTFOLIO  ===== ***/

@media(max-width:767px) {
#menuMovil .navbar-header.menu-movil-config .iconos-movil>div[class^="icono-"] {display:block !important;}
 	.iconos-movil.justify-center.color-custom-iconos-movil .fa {font-size:90% !important;}
}

.pull-right .img-limit, .pull-left .img-limit {height: auto;margin-top: 20px;margin-bottom: 40px;}
.pull-right .img-limit{ margin-left: 0; }
.pull-left .img-limit{ margin-right: 0; }

@media (min-width: 768px) { 
	.img-derecha, .img-izquierda, .ficha-contenido .pull-right , .ficha-contenido .pull-left {width: 50%;}
	.ficha-contenido .pull-right, .img-derecha, .funcionalidad-contenidos.columnas .contenido-columnas .img-derecha { margin-left: 40px;}
	.ficha-contenido .pull-left, .img-izquierda{ margin-right: 40px;}
}

@media (min-width: 992px) { .img-derecha, .img-izquierda, .ficha-contenido .pull-right , .ficha-contenido .pull-left {width: 45%;}}
@media (min-width: 1600px) { .img-derecha, .img-izquierda, .ficha-contenido .pull-right , .ficha-contenido .pull-left {width: 40%;}}

#barra-opciones .lista-horizontal li {margin-bottom: 0;}
#barra-opciones .mod-utilidades-tienda .utilidad-idiomas .modulo-idiomas.banderas, #barra-opciones .mod-utilidades-tienda .utilidad-idiomas .modulo-idiomas.banderas-nombre { padding-top: 0;}

.sugerencias-buscador .producto-sugerido div:first-child { font-size: 100%;}

.funcionalidad-productos span.h3 {text-align: center; font-size: 40px !important;}
.funcionalidad-productos .categoria-productos span.h3 {font-size: 20px !important;}

/*** ===== 03 - CUSTOMIZACIÓN BÁSICA PARA CLIENTE ===== ***/
.sin-imagen{background:url('');background-size:cover;}

/** == Fuentes de Texto y personalización== **/
#barra-opciones, #sobrecabecera .navbar-default, .titulo-servicio-portada, .funcionalidad-productos .categoria-productos, .modulo-breadcrumb, h1.heading, div:not(#content_main) h2, .titulo-ppal span.h2, ul.nav.navbar-nav, .funcionalidad-productos span.h3, .titulo-eslogan, .bloques-cta .modulo-bloques .bloque-texto .titulo {font-family: "League Spartan", sans-serif!Important;}
.eslogan-servicios span.titulo-eslogan  {font-family: "Roboto Condensed", sans-serif !important;}

#sobrecabecera .navbar-default, .titulo-servicio-portada {font-weight: bold!important;}
/** ==  Colores Custom == **/

/* = Color Texto Oscuro = */
/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Texto Claro = */
/*color*/.gestion-cookies.cookie-alert .cookiesButton {color: #ffffff !important;}
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Principal = */
/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Secundario = */

/*color*/
/*fondo*/ 
/*borde*/
/*Hover*/

/* = Color Tres = */

/*color*/
/*fondo*/ 
/*borde*/
/*Hover*/

/* = Color Cuatro = */

/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Quinto = */

/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Otro Color Usado = */

/*color*/
.text-muted {color: #2a2a2a;}
/*fondo*/
/*borde*/
/*Hover*/

/** == Ajustes de tamaños por jerarquías Mobile First - Excepciones para móvil solo cuando no es posible == **/

.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big {font-size:30px!important}
.big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big {font-size:24px!important}
.medium, .mod-eslogan .medium, .modulo-bloques .bloque-texto .medium {font-size:22px!important}
.normal, .mod-eslogan .normal, .modulo-bloques .bloque-texto .normal {font-size:19px!important}
.small, .mod-eslogan .small, .modulo-bloques .bloque-texto .small {font-size:18px!important} 

@media (min-width:768px) {
	.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big {font-size:32px!important;}
}
@media (min-width:992px) {
	.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big {font-size:35px!important}
	.big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big {font-size:26px!important}
	.medium, .mod-eslogan .medium, .modulo-bloques .bloque-texto .medium {font-size:22px!important}
	.normal, .mod-eslogan .normal, .modulo-bloques .bloque-texto .normal {font-size:20px!important}
}
@media (min-width:1200px) {
    .extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big  {font-size:40px!important}
    .big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big {font-size:28px!important}
    .medium, .mod-eslogan .medium, .modulo-bloques .bloque-texto .medium {font-size:24px!important}      
}
@media (min-width:1600px) {
    .extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big  {font-size:45px!important;}
    .big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big {font-size:30px!important;}
}

/* == Botones ==  */
#pie .btn-primary {background-color: #23dff8 !important;border-color: transparent !important;}
#pie .btn-primary:hover {background-color: #24adbf !important;}
.btn:hover, .btn:focus, .btn.focus {color: #000000 !important;}
.modulo-formularios-lineas .form-actions button {width: 15% !important;}

/*** 04 - CUSTOMIZACIÓN AVANZADA PARA CLIENTE ***/

/** == Módulos de portada == **/
.icono-bloque .fa.fa-3x {font-size: 2em !Important;} 

.eslogan-servicios {margin-top: -5px !Important;}

/*bloques*/
.bloques-cta .titulo.big {font-size: 35px!important; font-weight:bold;}
.bloques-cta .btn-primary {border-radius: 10px;}
.bloques-cta .btn {font-size: 25px;margin-top: 20px;}
.modulo-bloques .contenido-bloque-texto {padding-top: 30px;padding-bottom: 30px;}
@media (max-width: 768px) 
{.bloques-cta .modulo-bloques .reducir-ancho-bloque { width: 95% !important;}.bloques-cta .btn {font-size: 20px!important;} .bloques-cta a.btn.btn-primary {adding: 10px 6px 10px 6px;}
}

.contenido-bloque-texto a.btn.boton-default {background-color: #00385f !important;color: #FFF!Important;border: 0!important; font-weight:bold;} 
.contenido-bloque-texto a.btn.boton-default:hover {background-color: #24adbf !important;}

/** == Módulos interiores == **/

/** == Vistas de Funcionalides == **/
.form .bordes-encuadrados { margin-left: 0; margin-right: 0;}
.form .bordes-encuadrados .content_form {padding: 20px 0;}
.bordes-encuadrados .encabezado-form {margin-top: 0;}
.bordes-encuadrados .alinear-vertical { align-items: flex-start;}
.bordes-encuadrados input#formulario_captcha {padding: 0;}
.bordes-encuadrados .row.controls .col-sm-12 { padding: 0;}

@media(max-width:767px) {
	.bordes-encuadrados .alinear-vertical {padding: 0;}
	.bordes-encuadrados .encabezado-form {padding: 20px 0;}
	.bordes-encuadrados.sin-icono .col-xl-12.col-lg-12.col-md-12.col-sm-12 { padding: 0;}
	.bordes-encuadrados.sin-icono .btn.boton-default { display: block;width: 100%;margin-bottom: 5px;}
	.bordes-encuadrados.sin-icono .row { margin-left: 0; margin-right: 0;}
	.bordes-encuadrados.sin-icono .content_form {padding: 0; overflow: hidden;}
	.bordes-encuadrados.sin-icono .borde-cuadrado {  border: none;}
}

@media (min-width:768px) and (max-width:1199px) {div#sidebar_primaria { padding: 0; font-size: 17px;width: 32%;}}

/*#main .resto_contenidos {padding-left: 5%;}*/
#sidebar_primaria .list-group-item {margin-bottom: 2px!important;}
#sidebar_primaria .list-group-item:hover {background-color: #faf4ee;}

.highlight-text-animation {display: inline-block;background-image: linear-gradient(to right, #faf4ee 50%, #ffffff00 50%); background-size: 200% 100%; background-position: 100% 0;
    transition-timing-function: ease-in;color: #000000;padding: 0px 6px;white-space: pre;opacity: 0; /* Ocultar inicialmente */}
.highlight-text-animation.animate {animation: 0.8s ease-in 0.3s forwards highlight; opacity: 1; /* Mostrar cuando se anima */}
@keyframes highlight {from {background-position: 100% 0;} to {background-position: 0 0;}}

/*DISEÑO FORMULARIOS PARTNERS ESPECIALES*/
.partners-especiales .bordes-encuadrados.sin-icono .borde-cuadrado {border: 0 !important;}
.partners-especiales .col-lg-6 .content_form {border: solid 2px #00385f !important;padding:20px !important;}
#cta-elige-diseno.col-md-12.col-sm-12 {border: 1px solid #22def7;padding: 40px 20px 0;}
#cta-elige-diseno {width: 90%;margin-left: 3%;border-radius: 15px;}