/*
  Theme Name:    InboundMAS (tema)
  Theme URI:     https://inboundmas.es
  Description:   
  Author:        InboundMAS
  Author URI:    
  Version:       1.0
  License:       The Unlicense
  License URI:   LICENSE
*/


/* reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
text-decoration: none;
vertical-align: baseline;
}
:focus { outline: 0;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none;}
table {	border-collapse: separate;border-spacing: 0;}
th, td {font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul , li{list-style: none;}
input, textarea, select, button {font-size: 100%;font-family: inherit; border: none;}
select {margin: inherit;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px;}
/*h1, h2, h3, h4, h5, h6{ display: inline;}*/


/* Clear float */
div.clear { float: none; clear: both; height: 0px;}
ul:not(#wp-admin-bar-root-default, #wp-admin-bar-top-secondary):after{ content:''; float: none; clear: both; height: 0px; position: relative; display: block;}

/** Fix content */
.content-pretitle, .content-name, .content-title, .content-subtitle, .content-brand, 
.content-post-type, .content-sku { display: block;}

/* Fix Admin Bar WP */
@media (max-width: 600px) { 
    #wpadminbar { position: fixed !important;}	
}


/*--------------------------------------------------------- 
  BODY 
-----------------------------------------------------------*/
body { 
	color: #222;
	font-family: 'poppins',sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: 0;
	background: #fff;
}
@media (max-width: 450px) { 
    body { font-size: 97%;}    
}
@media (min-width: 451px) and (max-width: 800px) { 
    body, .elementor-location-popup { font-size: 100%;}
}
@media (min-width: 1400px) and (max-width: 1599px) { 
    body, .elementor-location-popup { font-size: 105%;}
}
@media (min-width: 1600px) and (max-width: 1799px) { 
    body, .elementor-location-popup { font-size: 115%;	}
}
@media (min-width: 1800px) { 
    body, .elementor-location-popup { font-size: 115%;	}
}



@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'merriweatheritalic';
    src: url('../fonts/merriweather-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



/*--------------------------------------------------------- 
  TITULOS
-----------------------------------------------------------*/


/* pretitulo */
.pretitulo.style-a .elementor-heading-title { 
	color: #0a42d7;
	font-size: 14px !important;
	font-family: 'poppins', sans-serif !important; 
	font-weight: 500 !important; 
    letter-spacing: .2em !important;
    line-height: 1.2em !important; 
	text-transform: uppercase !important;	
}
.pretitulo.style-b .elementor-heading-title { 
	color: #0a42d7;
	font-size: 1.3em !important;
	font-family: 'merriweatheritalic', serif !important; 
	font-weight: normal !important; 
    letter-spacing: 0.02em !important;
    line-height: 1.3em !important; 
	text-transform: normal !important;	
}
/*---*/
@media (max-width: 767px) { 
    .pretitulo.style-b .elementor-heading-title { font-size: 1.1em !important; }
}


/* titulo */
.titulo.style-a .elementor-heading-title { 
	color: #252e5d;
	font-family: 'poppins', sans-serif; 
	font-weight: 600;
	letter-spacing: .01em; 
	line-height: 1.2em; 	 
	font-style: normal;
	position: relative;
}
.titulo.style-a .elementor-heading-title a{ color: #252e5d !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.titulo.style-a .elementor-heading-title a:hover{ color: #1b55f5 !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.titulo.style-a .elementor-heading-title strong{ color: #0a42d7 !important;}
/*---*/
.titulo.style-a.size-1 .elementor-heading-title { font-size: 2.3em !important; }
.titulo.style-a.size-2 .elementor-heading-title { font-size: 2em !important; }
.titulo.style-a.size-3 .elementor-heading-title { font-size: 1.55em !important; }
.titulo.style-a.size-4 .elementor-heading-title { font-size: 1.2em !important; line-height: 1.25em !important; letter-spacing: .02em !important;}
.titulo.style-a.size-5 .elementor-heading-title { font-size: 1.1em !important; line-height: 1.25em !important; letter-spacing: .02em !important;}
.titulo.style-a.size-6 .elementor-heading-title { font-size: 1.0em !important; line-height: 1.3em !important; letter-spacing: .02em !important;}
.titulo.style-a.size-7 .elementor-heading-title { font-size: .9em !important; line-height: 1.3em !important; letter-spacing: .02em !important;}
/*---*/
@media (max-width: 767px) { 
    .titulo.style-a.size-1 .elementor-heading-title { font-size: 1.7em !important; }
    .titulo.style-a.size-2 .elementor-heading-title { font-size: 1.5em !important; }
	.titulo.style-a.size-3 .elementor-heading-title { font-size: 1.4em !important; }
    .titulo.style-a.size-4 .elementor-heading-title { font-size: 1.2em !important; }
	.titulo.style-a.size-5 .elementor-heading-title { font-size: 1.1em !important; }
}

.titulo.style-b .elementor-heading-title { 
	color: #0a42d7;
	font-family: 'merriweatheritalic', serif; 
	font-weight: normal !important; 
    letter-spacing: 0.02em !important;
    line-height: 1.25em !important; 
	text-transform: normal !important;
	position: relative;
}

/*--------------------------------------------------------- 
  TEXTOS 
-----------------------------------------------------------*/

/* ENLACES */
a, .link-magic { color: #0a42d7; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
a:hover, .link-magic:hover { color: #1b55f5;}


/* INTRODUCCION */
.introduccion{ font-size: .95em; letter-spacing: .05em; line-height: 1.6em; font-weight: 500 !important; font-style: normal; }
.introduccion.post{ font-size: .98em; line-height: 1.7em;} 


/* ARTICULO */
.articulo{ font-size: .95em; letter-spacing: .05em; line-height: 1.65em; font-weight: 400; font-style: normal; }
.articulo.post{ font-size: .98em; line-height: 1.75em; } 

/* TEXTO */
.texto{ font-size: .9em; letter-spacing: .05em; line-height: 1.6em; font-weight: 400; font-style: normal; }

/* NOTA */
.nota { font-size: .8em; letter-spacing: .02em; line-height: 1.45em; font-weight: 400; font-style: normal; opacity: 0.6;}




/*---------------------------------------------------------*/

/* CONFIG TEXT */
.config-text{ }
/*---*/
.config-text p{ padding-top: 1.1em;}
.config-text.post p{ padding-top: 1.5em;}
.config-text p:first-child{ padding-top: 0;}
/*---*/
.config-text strong{ font-weight: bold;}
/*---*/
.config-text img.emoji{ height: 1em !important; width: 1em !important;}
/*---*/
.config-text h1, .config-text h2, .config-text h3, .config-text h4, .config-text h5 .config-text h6{ 
    padding-top: 0; 
	color: #252e5d; 
	font-family: 'poppins', sans-serif; 
	letter-spacing: .01em; 
	line-height: 1.2em; 
	font-weight: bold; 
	font-style: normal; 
	width: 100%;
	display: block;
} 
.config-text h1:after, .config-text h2:after{ margin: 0em 0 0em; padding: 0; width: 0em; height: 0em; background: #d7d4d4; content: ''; display: none;}
.config-text h1, 
.config-text h2{ margin-top: 80px; margin-bottom: 15px; font-size: 1.6em;}
.config-text h3{ margin-top: 60px; margin-bottom: 5px; font-size: 1.4em;}
.config-text h4{ margin-top: 50px; margin-bottom: 5px; font-size: 1.2em;}
.config-text h5{ margin-top: 50px; margin-bottom: 5px; font-size: 1.1em;} 
.config-text h6{ margin-top: 50px; margin-bottom: 5px; color: #999; font-size: 1.1em;;} 
/*---*/
@media (max-width: 767px){ 
	.config-text h2{ font-size: 1.5em; }
	.config-text h3{ font-size: 1.3em;}
}
/*---*/
.config-text a,
.config-text .link-magic:not(.btn){ text-decoration: underline !important;}
.config-text a:hover,
.config-text .link-magic:hover:not(.btn){ text-decoration: none !important;}
.config-text .btn{ text-decoration: none !important;}
.config-text .btn-a{ margin-left: 0px; margin-right: 8px;}
.config-text .btn-c{ }
.config-text .btn-c:hover{ text-decoration: underline !important;}
/*---*/
@media (max-width: 767px){ 
	.config-text .btn{ }
	.config-text .btn-a{ margin-left: 4px; margin-right: 4px;}
}
/*---*/
.config-text ul{ padding-top: .28em; text-align: left;}
.config-text.post ul{ padding-top: 1em; padding-bottom: .72em;}
.config-text ul li{ margin-top: .7em; margin-left: 2em; position: relative;}
.config-text ul li:before{ width: 6px; height: 6px; background: #0a42d7; content: ''; top: .65em; left: -1.2em; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.config-text ul.true{}
.config-text ul.true li{ padding-left: 2.1em; background: url('img/icon-lista-c.png') no-repeat 0 0;}
.config-text ul.false{}
.config-text ul.false li{ padding-left: 2.1em; background: url('img/icon-lista-d.png') no-repeat 0 0;}
.config-text ul.warning{}
.config-text ul.warning li{ padding-left: 2.1em; background: url('img/icon-lista-e.png') no-repeat 0 0;}
/*---*/
.config-text ol{ margin-left: 0; padding-top: .28em; counter-reset: step-counter; text-align: left;}
.config-text.post ol{ padding-top: 1em; padding-bottom: .72em;}
.config-text ol li{ margin-top: .7em; padding-left: 55px; display: list-item; counter-increment: step-counter; position: relative;}
.config-text ol > li:before { color: #0a42d7; background-color: #e6ecfb; margin-top: .20em; margin-left: -48px; padding: 9px 0 0; width: 31px; height: 31px; font-size: 15px; line-height: 1em;  font-weight: bold; text-align: center; border-radius: 100%; position: absolute; content: counter(step-counter);}
/*---*/
.config-text.post .wp-block-image{ margin: 0;}
.config-text figure{ padding-top: 1.1em; margin: 0; width: 100% !important;}
.config-text.post figure, .config-text .wp-caption{ padding-top: 2.1em; padding-bottom: 1em; width: 100% !important;} 
.config-text.post p img{ padding-top: .6em; padding-bottom: 1em;}
.config-text .aligncenter{ margin: 0 auto!important; text-align: center !important; }
.config-text .aligncenter img{ margin: 0 auto!important; }
.config-text img{ height: auto !important; display: block;}
.config-text img.size-large{ max-width: 900px !important;}
.config-text img.size-medium{ max-width: 500px !important;}
.config-text p.wp-caption-text, .config-text figcaption{ margin: 0; padding-top: 15px; color: #888; font-size: .85em; line-height: 1.4em; font-style: normal; text-align: center; display: block !important;}
/*---*/
.config-text blockquote{ margin: 3em 0 1.7em 55px; position: relative; text-align: left; }
.config-text blockquote p:before{ content: "\f10d"; color: #222; font-size: 30px; font-family: "Font Awesome 5 Free"; font-weight: 900; top: -20px; left: -55px; z-index: -1; position: absolute; }
/*.config-text blockquote p:after{ content: url('img/icon-blockquote-right.png'); position: absolute; bottom: -25px; right: -80px;}*/
.config-text blockquote p{ display: inline; color: #0a42d7; font-size: 1.5em; letter-spacing: .01em; line-height: 1.4em; font-weight: bold; font-style: normal; position: relative; z-index: 10;}
.config-text blockquote p strong { color: #1b55f5;}
.config-text blockquote cite{ padding-top: 1.3em; color: #252e5d; font-size: 14px;	font-weight: 500; letter-spacing: .2em; line-height: 1.1em; text-transform: uppercase; display: block; position: relative; z-index: 10;}
.config-text blockquote cite a{ 
    padding: 6px 6px 6px 8px;
    color: #fff;
    font-size: 11px;
    letter-spacing: .2em;
    line-height: 1em;
    text-transform: uppercase;
	text-decoration: none !important;
    background: #252e5d;
    border-radius: 3px;
	display: inline-block;}
.config-text blockquote cite a:hover{ color: #fff; background: #0a42d7;}
/*---*/
.config-text hr{ margin-top: 1.5em !important; height: 1px !important; background-color: rgba(10,66,215,.2) !important;}
/*---*/
@media (max-width: 767px) { 
    .config-text blockquote{ margin-right: 0; margin-left: 45px; text-align: left; } 
	.config-text blockquote p:before{ left: -45px;}
    .config-text blockquote p{ display: inline-block;}
}


/* FORMAT */
p{ }
strong{ font-weight: bold;}
em{ font-style: italic;}
sup{ font-size: smaller; vertical-align: super;}
small{ font-size: smaller;}




/*--------------------------------------------------------- 
  STYLE CLEAR
-----------------------------------------------------------*/

.style-clear .nota a, .style-clear .texto a, .style-clear .introduccion a, .style-clear .articulo a{ color: #fff !important;}
.style-clear .nota a:hover, .style-clear .texto a:hover, .style-clear .introduccion a:hover, .style-clear .articulo a:hover{ color: #fff !important;}
/*---*/
.style-clear .pretitulo .elementor-heading-title,
.style-clear.pretitulo .elementor-heading-title { color: rgba(255, 255, 255, 0.8) !important;}
.style-clear .titulo .elementor-heading-title,
.style-clear.titulo .elementor-heading-title { color: #fff !important;}
.style-clear.titulo .elementor-heading-title a{ color: #fff !important;}
.style-clear.titulo .elementor-heading-title a:hover{ color: #fff !important;}
.style-clear.subtitulo{ color: #fff !important;}
/*---*/
.style-clear .config-text,
.style-clear.config-text{ color: #fff !important;}
.style-clear .config-text strong,
.style-clear.config-text strong { color: #fff !important;}
.style-clear .config-text a,
.style-clear.config-text a { color: #fff !important;}
.style-clear.config-text ul li{ background-image: url('img/icon-lista-a_clear.png');}
.style-clear.config-text ul.true li{ background-image: url('img/icon-lista-c_clear.png');}
.style-clear.config-text ul.false li{ background-image: url('img/icon-lista-d_clear.png');}
.style-clear.config-text ul.warning li{ background-image: url('img/icon-lista-e_clear.png');}
.style-clear.config-text ol > li:before { color: #1d634b; background-image: url('img/icon-lista-b_clear.png');}
/*---*/
.style-clear.nota { color: rgba(255, 255, 255, 0.6) !important; }
.style-clear.nota ul li{ background-position: 0 3px;}



/*--------------------------------------------------------- 
 BOTONES
-----------------------------------------------------------*/



/* BTN plain*/
.btn-a { 
   margin: 4px;
   padding: 26px 18px 25px;  
   font-family: 'poppins', sans-serif;
   font-size: 15px;
   font-style: normal;
   font-weight: 500;
   line-height: 1.1em;   
   text-transform: normal;
   text-decoration: none; 
   letter-spacing: .1em;
   color: #fffffe;
   background-color: #0a42d7;
   border: 2px solid #0a42d7;
   border-radius: 4px;   
   cursor: pointer;
   -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
   display: inline-block;
   position: relative;
}
.btn-a:hover { 
   color: #fffffe;
   background-color: #1b55f5;  
   border-color: #1b55f5;      
}
.btn-a.medium { padding: 18px 18px 17px; font-size: 14px; }
.btn-a.little { padding: 13px 14px 12px; font-size: 13px; }
/*---*/
@media (max-width: 767px) { 
    .btn-a { font-size: 15px;}
	.btn-a.medium { font-size: 14px; }
    .btn-a.little { font-size: 12px; }
}
/*---*/
.btn-a.over-blue { color: #fffffe !important; background-color: #252e5d !important; border-color: #252e5d !important; }
.btn-a.over-blue:hover { color: #fffffe !important; background-color: #1b55f5 !important; border-color: #1b55f5 !important; }
.btn-a.grey-over-blue { color: #fffffe !important; background-color: #153aa5 !important; border-color: #153aa5 !important; }
.btn-a.grey-over-blue:hover { color: #fffffe !important; background-color: #1b55f5 !important; border-color: #1b55f5 !important; }
.btn-a.color-a { color: #2a3b6e !important; background-color: #face27 !important; border-color: #face27 !important; }
.btn-a.color-a:hover { color: #fff !important; background-color: #2a3b6e !important; border-color: #2a3b6e !important; }
.btn-a.color-b { color: #2a3b6e !important; background-color: #face27 !important; border-color: #face27 !important; }
.btn-a.color-b:hover { color: #2a3b6e !important; background-color: #fff !important; border-color: #fff !important; }
.btn-a.grey-a { color: #111 !important; background-color: #cccccc !important; border-color: #cccccc !important;}
.btn-a.grey-a:hover { color: #0058a7 !important; background-color: #ffc100 !important; border-color: #ffc100 !important;}
.btn-a.grey-b { color: #111 !important; background-color: #cccccc !important; border-color: #cccccc !important;;}
.btn-a.grey-b:hover { color: #0058a7 !important; background-color: #fff !important; border-color: #fff !important; }
/*---*/
.btn-a.border{ color: #0a42d7 !important; background-color: transparent !important; border-color: #0a42d7 !important; }
.btn-a.border:hover{ color: #fffffe !important; background-color: #1b55f5 !important; border-color: #1b55f5 !important; }
.btn-a.border.grey{ color: #cccccc !important; background-color: transparent !important; border-color: #cccccc !important; }
.btn-a.border.grey:hover{ color: #0058a7 !important; background-color: #ffc100 !important; border-color: #ffc100 !important; }
/*---*/
.btn-a.icon-left { padding-left: 40px;}
.btn-a.little.icon-left { padding-left: 37px;}
.btn-a.icon-left:before { position: absolute; top: 50%; left: 13px; transform: translate(0,-50%);}
.btn-a.icon-right { padding-right: 40px;}
.btn-a.little.icon-right { padding-right: 37px;}
.btn-a.icon-right:before { position: absolute; top: 50%; right: 13px; transform: translate(0,-50%);}
/*---*/
.btn-a.arrow:before { margin-top: 0; right: 16px; font-size: 110%; content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.btn-a.phone:before { margin-top: 0; font-size: 120%; content: "\f879"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.btn-a.cellphone:before { margin-top: 0; font-size: 120%; content: "\f3cd"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.btn-a.email:before { margin-top: 0; font-size: 120%; content: "\f0e0"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.btn-a.map:before { margin-top: 0; font-size: 120%; content: "\f3c5"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.btn-a.whatsapp:before { margin-top: 0; font-size: 140%; content: "\f232"; font-family: "Font Awesome 5 Brands"; font-weight: normal;}
.btn-a.whatsapp{ background-color: #1bd741; border-color: #1bd741 !important;}
.btn-a.whatsapp:hover { color: #fff; background-color: #18c13a; border-color: #18c13a !important;}




/* BTN sin marco */
.btn-b { 
   margin: 2px;
   padding: 0px;
   background-color: transparent;
   color: #0a42d7;
   font-family: 'poppins', sans-serif;
   font-size: 15px;
   font-weight: bold;
   font-style: normal;   
   line-height: 1.1em;   
   text-transform: none;
   text-decoration: underline !important; 
   letter-spacing: .08em;
   border-radius: 20px;
   border: 0px;
   cursor: pointer;
   -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
   display: inline-block;
   position: relative;
}
.btn-b:hover { 
   background: transparent; 
   text-decoration: none !important; 
   color: #1b55f5;
}
.btn-b.mini {font-size: 15px; font-weight: normal;}
/*---*/
@media (max-width: 767px) { 
    .btn-b { font-size: 15px; }
	.btn-b.mini {font-size: 14px;}
}

.btn-b.over-blue { color: rgba(255,255,255,.7);}
.btn-b.over-blue:hover { color: #ffffff;}
/*---*/
.btn-b .number { margin-right: 5px; font-style: italic; font-weight: bold; display: inline-block;}
/*---*/
.btn-b.icon-left { padding-left: 25px;}
.btn-b.icon-left:before { position: absolute; top: 50%; left: 0px; transform: translate(0,-50%);}
.btn-b.icon-right { padding-right: 25px;}
.btn-b.icon-right:before { position: absolute; top: 50%; right: 0px; transform: translate(0,-50%);}
.btn-b.icon-right.arrow { padding-right: 15px;}
.btn-b.arrow:before { margin-top: 0; font-size: 80%; content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.btn-b.phone:before { margin-top: 0; font-size: 120%; content: "\f879"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.btn-b.email:before { margin-top: 0; font-size: 120%; content: "\f0e0"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.btn-b.whatsapp:before { margin-top: 0; font-size: 170%; content: "\f232"; font-family: "Font Awesome 5 Brands"; font-weight: normal;}


/* BTN category*/
.btn-category { 
   margin: 4px;
   padding: 9px 16px;   
   font-family: 'title-a', sans-serif;   
   font-size: 14px;
   font-style: normal;
   font-weight: normal;
   line-height: 1.1em;   
   text-transform: none;
   text-decoration: none; 
   letter-spacing: .08em;
   color: #fffffe;
   background-color: #0058a8;
   border: 0px;
   border-radius: 5px;   
   cursor: pointer;
   -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
   display: inline-block;
   position: relative;
}
.btn-category:hover { 
   color: #0058a7;
   background-color: #ffc100;   
}
/*---*/
.btn-category .number { 
   margin-left: 8px; 
   color: #fffffe;
   font-size: 85%;
   font-style: italic;    
   font-weight: normal;  
}
.btn-category:hover .number{ 
    color: #0058a7;
}
/*---*/
.btn-category.little { padding: 5px 8px; font-size: 10px; text-transform: uppercase; letter-spacing: .15em; border-radius: 3px;}
/*---*/
@media (max-width: 767px) { 
    .btn-category { padding: 17px 18px; font-size: 15px;}
}



/* btn-meta-category */
.btn-meta-category{
	margin: 0 4px 0 0;
	padding: 5px 5px 5px 7px;
	color: #fff;
	font-size: 10px;
	letter-spacing: .2em;
	line-height: 1em;
	text-transform: uppercase;
	background: #0a42d7;
	border-radius: 3px;
	display: inline-block;
	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
}
.btn-meta-category:hover{
	color: #fff;
	background: #1b55f5;
} 


/*--------------------------------------------------------- 
  MENÚS
-----------------------------------------------------------*/

/* menu-a (principal white) */

/*.menu-a ul li a{ color: rgba( 255, 255, 255, .7) !important; }
.menu-a ul li a:hover{ color: #fff !important; }
.menu-a ul li.current_page_item a{ color: #fff !important; }
.menu-a ul li.current_page_item a.elementor-sub-item.elementor-item-active{ color: #0a42d7 !important; }
.menu-a ul li.current_page_ancestor a{ color: #fff !important; }
.menu-a ul li.current-page-ancestor a{ color: #fff !important; }*/
/*---*/
.archive.category ul li.menu-item-66 a{ color: #fff !important; } /* pestaña blog */
.single-post ul li.menu-item-66 a{ color: #fff !important; } /* pestaña blog */
/*-- SUBMENU --
.menu-a ul li ul.sub-menu{ border: 1px solid; border-top: 0; border-color: rgba(10,66,215,0.2);}
.menu-a ul li ul li a, .menu-a ul li.current_page_item ul li a, .menu-a ul li.current_page_ancestor ul li a{ color: #0a42d7 !important; }
.menu-a ul li ul li a:hover, .menu-a ul li.current_page_item ul li a:hover, .menu-a ul li.current_page_ancestor ul li a:hover{ color: #0a42d7 !important; }
*//*---*/
@media (max-width: 1024px){ 
    /*.menu-a ul li a{ color: #0a42d7 !important; }
    .menu-a ul li a:hover{ color: #0a42d7 !important; }
    .menu-a ul li.current_page_item a{ color: #0a42d7 !important; }
    .menu-a ul li.current_page_ancestor a{ color: #0a42d7 !important; }
    .menu-a ul li.current-page-ancestor a{ color: #0a42d7 !important; }
    ---*/
    .archive.category ul li.menu-item-66 a{ color: #0a42d7 !important; } /* pestaña blog */
    .single-post ul li.menu-item-66 a{ color: #0a42d7 !important; } /* pestaña blog */
}


@media (min-width: 1024px){ 

.menu-a .btn-menu-a a { 
   margin-top: 3px !important;
   padding: 16px 13px !important;
   background-color: #0a42d7 !important;
   color: #fff !important;
   line-height: 1em !important;   
   text-decoration: none; 
   border-radius: 3px;
   cursor: pointer;   
   display: inline-block;
   position: relative;
}
.menu-a .btn-menu-a a:hover { 
   color: #fff !important;
   background-color: #1b55f5 !important;
   text-decoration: none; 
}

.menu-b .btn-menu-a a { 
   margin-top: 3px !important;
   padding: 16px 13px !important;
   background-color: #252e5d !important;
   color: #fff !important;
   line-height: 1em !important;   
   text-decoration: none; 
   border-radius: 3px;
   cursor: pointer;   
   display: inline-block;
   position: relative;
}
.menu-b .btn-menu-a a:hover { 
   color: #fff !important;
   background-color: #1b55f5 !important;
   text-decoration: none; 
}
}



/*--------------------------------------------------------- 
  PAGINATION
-----------------------------------------------------------*/

/* pagination numbers */
.paginationnumbers { margin: 0; padding: 0; width: 100%; display: block;}
.paginationnumbers_container{ width: 100%;}
/*---*/
.paginationnumbers ul { width: 100%; position: relative;}
.paginationnumbers ul li { display: inline-block;}
/*---*/
.paginationnumbers ul li .page-numbers{ 
   margin: 0 0 .3em 0; padding: 1em 1em; width: .9em; font-size: .8em;
   color: #fff; font-weight: bold;
   line-height: 1em; text-transform: none; text-decoration: none; text-align: center; letter-spacing: .05em;
   border-radius: .2em;
   border: 0em; background-color: #a19064;
   display: block;   
   -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
}
.paginationnumbers ul li a.page-numbers{ color: #333; border: 0em; background-color: #fcfcfc; cursor: pointer;}
.paginationnumbers ul li a.page-numbers:hover{ color: #333; border-color: transparent; background-color: #f1f1f1;}
.paginationnumbers ul li a.prev{ margin-right: .5em; padding-right: 1em; padding-left: 1em; width: auto; }
.paginationnumbers ul li a.prev:hover{ }
.paginationnumbers ul li a.next{ margin-left: .5em; padding-right: 1em; padding-left: 1em; width: auto; }
.paginationnumbers ul li a.next:hover{ }



/* pagination page */
.pagination-page { margin: 0; padding: 0; width: 100%; display: block;}
/*---*/
.pagination-page .column-left{}
.pagination-page .column-right{}
/*---*/
.pagination-page ul li{ display: inline-block; position: relative; }
.pagination-page ul li .pagination-btn { padding: .6em 1.2em; color: #692335; font-family: 'readable'; font-size: 0.65em; font-weight: normal; text-transform: uppercase; letter-spacing: .1em; border: 1px solid #f9e6e0; position: relative; display: block; text-decoration: none; }
.pagination-page ul li a.pagination-btn:hover { color: #111; background: #f9e6e0; text-decoration: none;} 
/*---*/
@media (max-width: 800px) { 
    .pagination-page { text-align: center;}  
    .pagination-page .column-left{ padding-top: .5em;} 
}


/* pagination comments */
.pagination-comments { margin: 0 auto 60px; width: 100%; text-align: center; position: relative; display: block;}
.pagination-comments a { display: inline-block;}
.pagination-comments a.prev { text-align: left; position: absolute; top: 0; left: 0;}
.pagination-comments a.next { text-align: right; position: absolute; top: 0; right: 0;}



/*--------------------------------------------------------- 
  Controles de los ANCHOS
-----------------------------------------------------------*/

/* width */
.width-60 { padding-left: 20% !important; padding-right: 20% !important;}
.width-70 { padding-left: 15% !important; padding-right: 15% !important;}
.width-80 { padding-left: 10% !important; padding-right: 10% !important;}
.width-90 { padding-left: 7% !important; padding-right: 7% !important;}
.width-header { padding-left: 6% !important; padding-right: 6% !important;}
/*---*/
.width-60 > .elementor-container { max-width: 1000px; margin-right: auto; margin-left: auto;}
.width-70 > .elementor-container { max-width: 1100px; margin-right: auto; margin-left: auto;}
.width-80 > .elementor-container { max-width: 1250px; margin-right: auto; margin-left: auto;}
.width-90 > .elementor-container { max-width: 1350px; margin-right: auto; margin-left: auto;}
.width-header > .elementor-container { max-width: 1350px; margin-right: auto; margin-left: auto;}
/*---*/
@media (max-width: 1024px) and (min-width: 768px){ 
    .width-60 { padding-left: 15% !important; padding-right: 15% !important;}
	.width-70 { padding-left: 10% !important; padding-right: 10% !important;}
    .width-80 { padding-left: 8% !important; padding-right: 8% !important;}
	.width-90 { padding-left: 5% !important; padding-right: 5% !important;}
	.width-header { padding-left: 0% !important; padding-right: 0% !important;}
}
@media (max-width: 767px){ 
    .width-60 { padding-left: 5% !important; padding-right: 5% !important;}
	.width-70 { padding-left: 5% !important; padding-right: 5% !important;}
    .width-80 { padding-left: 5% !important; padding-right: 5% !important;}
	.width-90 { padding-left: 5% !important; padding-right: 5% !important;}
	.width-header { padding-left: 0% !important; padding-right: 0% !important;}
}



/*--------------------------------------------------------- 
  COLUMNAS LISTADOS
-----------------------------------------------------------*/

.columns-1 li.element_no-display,
.columns-2 li.element_no-display,
.columns-3 li.element_no-display,
.columns-4 li.element_no-display,
.columns-5 li.element_no-display,
.columns-6 li.element_no-display { display: none !important;}
/*---*/
@media (min-width: 1025px) { 
.columns-1 > li { width: 100%; float: none; clear: both; margin-right: 0;}
/*---*/
.columns-2 > li:nth-child(2n-1) { width: 50%; float: left; clear: both;}
.columns-2 > li:nth-child(2n) { width: 50%; float: right; clear: none;}
.columns-2.margin-thin > li { width: 48%;}
.columns-2.margin-wide > li { width: 46%;}
/*---*/
.columns-3 > li{ width: 33.33%; float: left; clear: none;}
.columns-3 > li:nth-child(3n+1),
.columns-3.margin-thin > li:nth-child(3n+1),
.columns-3.margin-wide > li:nth-child(3n+1) { clear: both;}
.columns-3.margin-thin > li{ margin-right: 2%; width: 32%;}
.columns-3.margin-thin > li:nth-child(3n) { margin-right: 0;}
.columns-3.margin-thin > li.element_desc{ width: 66% !important;}
.columns-3.margin-wide > li{ margin-right: 5%; width: 30%;}
.columns-3.margin-wide > li:nth-child(3n) { margin-right: 0;}
.columns-3.margin-wide > li.element_desc{ width: 65% !important;}
/*---*/
.columns-4 > li{ width: 25%; float: left; clear: none;}
.columns-4 > li:nth-child(4n+1),
.columns-4.margin-thin > li:nth-child(4n+1),
.columns-4.margin-wide > li:nth-child(4n+1) { clear: both;}
.columns-4.margin-thin > li{ margin-right: 2%; width: 23.5%;}
.columns-4.margin-thin > li:nth-child(4n) { margin-right: 0;}
.columns-4.margin-thin > li.element_desc{ width: 49% !important;}
.columns-4.margin-wide > li{ margin-right: 4%; width: 22%;}
.columns-4.margin-wide > li:nth-child(4n) { margin-right: 0;}
.columns-4.margin-wide > li.element_desc{ width: 48% !important;}
/*---*/
.columns-5 > li{ width: 20%; float: left; clear: none;}
.columns-5 > li:nth-child(5n+1),
.columns-5.margin-thin > li:nth-child(5n+1),
.columns-5.margin-wide > li:nth-child(5n+1) { clear: both;}
.columns-5.margin-thin > li{ margin-right: 2.5%; width: 18%;}
.columns-5.margin-thin > li:nth-child(5n) { margin-right: 0;}
.columns-5.margin-thin > li.element_desc{ width: 38.5% !important;}
.columns-5.margin-wide > li{ margin-right: 3.75%; width: 17%;}
.columns-5.margin-wide > li:nth-child(5n) { margin-right: 0;}
.columns-5.margin-wide > li.element_desc{ width: 37.75% !important;}
/*---*/
.columns-6 > li{ width: 16.66%; float: left; clear: none;}
.columns-6 > li:nth-child(6n+1),
.columns-6.margin-thin > li:nth-child(6n+1),
.columns-6.margin-wide > li:nth-child(6n+1) { clear: both;}
.columns-6.margin-thin > li{ margin-right: 2%; width: 15%;}
.columns-6.margin-thin > li:nth-child(6n) { margin-right: 0;}
.columns-6.margin-wide > li{ margin-right: 3.2%; width: 14%;}
.columns-6.margin-wide > li:nth-child(6n) { margin-right: 0;}
}
@media (max-width: 1024px) and (min-width: 768px) { 
.columns-2 > li:nth-child(2n-1) { width: 50%; float: left; clear: both;}
.columns-2 > li:nth-child(2n) { width: 50%; float: right; clear: none;}
.columns-2.margin-thin > li { width: 48%;}
.columns-2.margin-wide > li { width: 46%;}
/*---*/
.columns-3 > li:nth-child(2n-1) { width: 50%; float: left; clear: both;}
.columns-3 > li:nth-child(2n) { width: 50%; float: right; clear: none;}
.columns-3.margin-thin > li { width: 48%;}
.columns-3.margin-wide > li { width: 46%;}
.columns-3.margin-thin > li.element_desc,
.columns-3.margin-wide > li.element_desc{ width: 100% !important;}
/*---*/
.columns-4 > li{ width: 33.33%; float: left; clear: none;}
.columns-4 > li:nth-child(3n+1),
.columns-4.margin-thin > li:nth-child(3n+1),
.columns-4.margin-wide > li:nth-child(3n+1) { clear: both;}
.columns-4.margin-thin > li{ margin-right: 2%; width: 32%;}
.columns-4.margin-thin > li:nth-child(3n) { margin-right: 0;}
.columns-4.margin-thin > li.element_desc{ width: 66% !important;}
.columns-4.margin-wide > li{ margin-right: 5%; width: 30%;}
.columns-4.margin-wide > li:nth-child(3n) { margin-right: 0;}
.columns-4.margin-wide > li.element_desc{ width: 65% !important;}
/*---*/
.columns-5 > li{ width: 25%; float: left; clear: none;}
.columns-5 > li:nth-child(4n+1),
.columns-5.margin-thin > li:nth-child(4n+1),
.columns-5.margin-wide > li:nth-child(4n+1) { clear: both;}
.columns-5.margin-thin > li{ margin-right: 2%; width: 23.5%;}
.columns-5.margin-thin > li:nth-child(4n) { margin-right: 0;}
.columns-5.margin-thin > li.element_desc{ width: 49% !important;}
.columns-5.margin-wide > li{ margin-right: 4%; width: 22%;}
.columns-5.margin-wide > li:nth-child(4n) { margin-right: 0;}
.columns-5.margin-wide > li.element_desc{ width: 48% !important;}
/*---*/
.columns-6 > li{ width: 25%; float: left; clear: none;}
.columns-6 > li:nth-child(4n+1),
.columns-6.margin-thin > li:nth-child(4n+1),
.columns-6.margin-wide > li:nth-child(4n+1) { clear: both;}
.columns-6.margin-thin > li{ margin-right: 2%; width: 23.5%;}
.columns-6.margin-thin > li:nth-child(4n) { margin-right: 0;}
.columns-6.margin-wide > li{ margin-right: 4%; width: 22%;}
.columns-6.margin-wide > li:nth-child(4n) { margin-right: 0;}
/*---*/
.columns-2.splited-tablet > li:nth-child(1n) { width: 100% !important; float: none !important; clear: both !important; margin-right: 0 !important;}
/*---*/
.columns-3.splited-tablet > li:nth-child(1n) { width: 100% !important; float: none !important; clear: both !important; margin-right: 0 !important;}
/*---*/
.columns-4.splited-tablet > li:nth-child(2n-1) { width: 50% !important; float: left !important; clear: both !important;}
.columns-4.splited-tablet > li:nth-child(2n) { margin-right: 0 !important; width: 50% !important; float: right !important; clear: none !important;}
.columns-4.splited-tablet.margin-thin > li { width: 48% !important;}
.columns-4.splited-tablet.margin-wide > li { width: 46% !important;}
}
@media (max-width: 767px) { 
.columns-2 > li:nth-child(2n-1) { width: 50%; float: left; clear: both;}
.columns-2 > li:nth-child(2n) { width: 50%; float: right; clear: none;}
.columns-2.margin-thin > li { width: 48%;}
.columns-2.margin-wide > li { width: 46%;}
.columns-2 > li.element_desc{ width: 100% !important;}
.columns-2 > li.element_promo{ width: 100% !important;}
.columns-2:not(.splited-movil) > li.item-left{ float: left !important; clear: both !important;}
.columns-2:not(.splited-movil) > li.item-right{ float: right !important; clear: none !important;}
/*---*/
.columns-3 > li:nth-child(2n-1) { width: 50%; float: left; clear: both;}
.columns-3 > li:nth-child(2n) { width: 50%; float: right; clear: none;}
.columns-3.margin-thin > li { width: 48%;}
.columns-3.margin-wide > li { width: 46%;}
.columns-3 > li.element_desc{ width: 100% !important;}
.columns-3 > li.element_promo{ width: 100% !important;}
.columns-3:not(.splited-movil) > li.item-left{ float: left !important; clear: both !important;}
.columns-3:not(.splited-movil) > li.item-right{ float: right !important; clear: none !important;}
/*---*/
.columns-4 > li:nth-child(2n-1) { width: 50%; float: left; clear: both;}
.columns-4 > li:nth-child(2n) { width: 50%; float: right; clear: none;}
.columns-4.margin-thin > li { width: 48%;}
.columns-4.margin-wide > li { width: 46%;}
.columns-4 > li.element_desc{ width: 100% !important;}
.columns-4 > li.element_promo{ width: 100% !important;}
.columns-4:not(.splited-movil) > li.item-left{ float: left !important; clear: both !important;}
.columns-4:not(.splited-movil) > li.item-right{ float: right !important; clear: none !important;}
/*---*/
.columns-5 > li:nth-child(2n-1) { width: 50%; float: left; clear: both;}
.columns-5 > li:nth-child(2n) { width: 50%; float: right; clear: none;}
.columns-5.margin-thin > li { width: 48%;}
.columns-5.margin-wide > li { width: 46%;}
.columns-5 > li.element_desc{ width: 100% !important;}
.columns-5 > li.element_promo{ width: 100% !important;}
.columns-5:not(.splited-movil) > li.item-left{ float: left !important; clear: both !important;}
.columns-5:not(.splited-movil) > li.item-right{ float: right !important; clear: none !important;}
/*---*/
.columns-6 > li:nth-child(2n-1) { width: 50%; float: left; clear: both;}
.columns-6 > li:nth-child(2n) { width: 50%; float: right; clear: none;}
.columns-6.margin-thin > li { width: 48%;}
.columns-6.margin-wide > li { width: 46%;}
.columns-6 > li.element_desc{ width: 100% !important;}
.columns-6 > li.element_promo{ width: 100% !important;}
.columns-6:not(.splited-movil) > li.item-left{ float: left !important; clear: both !important;}
.columns-6:not(.splited-movil) > li.item-right{ float: right !important; clear: none !important;}
/*---*/
.columns-2.splited-movil > li:nth-child(1n),
.columns-3.splited-movil > li:nth-child(1n),
.columns-4.splited-movil > li:nth-child(1n),
.columns-5.splited-movil > li:nth-child(1n),
.columns-6.splited-movil > li:nth-child(1n) { width: 100% !important; float: none !important; clear: both !important; margin-right: 0 !important;}
}


/*--------------------------------------------------------- 
  Controles en MÓVIL / TABLET / PC
-----------------------------------------------------------*/

@media (min-width: 1025px){ 
    .no-pc{ display: none !important;}
	.center-pc{ text-align: center !important; margin-left: auto !important; margin-right: auto !important;}
	.right-pc{ text-align: right !important;}
}
@media (max-width: 1024px) and (min-width: 768px){ 
    .no-tablet{ display: none !important;}
	.center-tablet{ text-align: center !important; margin-left: auto !important; margin-right: auto !important;}
	.right-tablet{ text-align: right !important;}
}
@media (max-width: 767px) { 
    .no-movil{ display: none !important;}
    .center-movil{ text-align: center !important; margin-left: auto !important; margin-right: auto !important;}
}

.center { text-align: center !important; margin-left: auto !important; margin-right: auto !important;}
.right { text-align: right !important;}




/*--------------------------------------------------------- 
  IMAGENES
-----------------------------------------------------------*/

/* IMAGEN */
.imagen, .image{ margin: 0 auto; width: 100%; position: relative;}
.imagen .imagen_container, .image .image_container{}
.imagen .imagen_container img, .image .image_container img { width: 100%; height: 100%;}
/*---*/
.imagen.shadow .imagen_container{ -webkit-box-shadow: 4px 5px 0px 0px rgba(0,0,0,0.17); -moz-box-shadow: 4px 5px 0px 0px rgba(0,0,0,0.17); box-shadow: 4px 5px 0px 0px rgba(0,0,0,0.17);}
.imagen.circle img{ border-radius: 100%;}

/* COVER */
.cover img{ object-fit: cover; } /* indicar el height */
.fix-cover{ background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.fix-cover img{ opacity: 0;}

/* PROPORTION */
.proportion{ position: relative; width: 100%;}
.proportion:before{ content: ''; display: block; padding-top: 100%; } /* indicar el padding-top */
.proportion .proportion_container{ position: absolute; top: 0; left: 0;	bottom: 0; right: 0;}
.proportion .proportion_container .proportion_element{ height: 100%; }



/*--------------------------------------------------------- 
  EXTRAS (SEPARATOR, BOX, DECORATION)
-----------------------------------------------------------*/


/*-- loadingbar-a --*/
@keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 68px 0; }
}
@-moz-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 68px 0; }
}
@-webkit-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 68px 0; }
}
@-ms-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 68px 0; }
}
@-o-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 68px 0; }
}
.loadingbar-a { margin: 0 auto;}
.loadingbar-a .loadingbar { width: calc(100% - 90px); height: 1.8em; background-color: #f1f1f1; border-radius: 1.6em; float: left;}
.loadingbar-a .loadingbar-color { margin: .3em 0 0 .3em; width: 75%; height: 1.2em; border-radius: 1.3em; background-color: #3cd58a; background-image: url('../img/background-loader.png'); background-position: 0 0; -webkit-transition: background-position 3s; -moz-transition: background-position 3s; transition: background-position 3s;}
.loadingbar-a .loadingbar-color { 
    animation: animatedBackground 1s linear infinite;
    -moz-animation: animatedBackground 1s linear infinite;
    -webkit-animation: animatedBackground 1s linear infinite;
    -ms-animation: animatedBackground 1s linear infinite;
    -o-animation: animatedBackground 8s linear infinite;
}
.loadingbar-a .loadingbar-text { padding: 8px 0 0 0; width: 90px; font-size: 1.3em; letter-spacing: .05em; font-weight: normal; float: left; text-align: right;}
/*---*/
@media (max-width: 767px) { 
    .loadingbar-a .loadingbar { width: calc(100% - 75px); }
	.loadingbar-a .loadingbar-text { width: 75px; }
}


/* BG HOME */
.bg_home{ background-color: #0a42d7; background-image: url('../img/bg_home.jpg'); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}


/*--------------------------------------------------------- 
  COOKIES
-----------------------------------------------------------*/


.cdp-cookies-alerta.cdp-cookies-tema-azul .cdp-cookies-texto {
    background-color: #0a42d7 !important;
    border-top: 1px solid rgba(256,256,256,.1) !important;
    border-bottom: 0px !important;
	padding: 5px 0 15px;
}
.cdp-cookies-alerta .cdp-cookies-texto p {
    padding: 10px 5% !important;
    margin: 0 auto !important;
    text-align: center !important;
	font-family: 'poppins',sans-serif;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.3em !important;
    text-rendering: optimizeLegibility !important;
	max-width: 1100px !important;	
}
.cdp-cookies-alerta .cdp-cookies-texto p a {
    color: #fff !important;
    font-size: 15px !important;
    text-decoration: underline !important;	
	font-family: 'poppins',sans-serif;
}
.cdp-cookies-alerta .cdp-cookies-texto p a:hover {
    text-decoration: none !important;		
}
.cdp-cookies-alerta .cdp-cookies-texto a.cdp-cookies-boton-cerrar{
	padding: 5px 10px !important;
	text-transform: lowercase !important;
    background-color: rgba(256,256,256,.8) !important;
	font-size: 15px !important;
	color: #0a42d7 !important;
	font-family: 'poppins',sans-serif;
}
.cdp-cookies-alerta .cdp-cookies-texto a.cdp-cookies-boton-cerrar:hover{
    background-color: rgba(256,256,256,1) !important;
}