/*************************/
/*  CDN GESTOAPP V2      */
/*  JULIO 2025           */
/*************************/
/** RESET **/
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset,figure{margin:0;padding:0}html,body,div,header,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}img,fieldset{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}span{display:inline-block}img{max-width:100%;height:auto}

/**  GENERAL STYLING  **/
html { scroll-behavior: smooth; }
html, body { height: 100%; margin: 0; padding: 0 }
body { font-display: fallback; color: var(--negro); background: var(--blanco); font-family: var(--font-body), sans-serif; font-size: var(--font-size); height: 100% }
body.noscroll { overflow: hidden }
a { color: var(--negroalt); text-decoration: none; outline: none }
hr { border-bottom: 1px solid var(--gris); border-top: 0; height: 0 }
a:hover { text-decoration: underline }
:focus { box-shadow: 0 0 2px var(--gris) }
p { margin: 0 0 1.2em; padding: 0; font-weight: normal; line-height: 140% }
small { font-size: 90% }
blockquote { font: italic 110%/130% "Times New Roman", Times, serif; padding: 8px 30px 15px }
body.noscroll { overflow: hidden }
#content { }

/* LIST */
ul, ol { margin: 0px 0 1.4em 22px; padding: 0; line-height: 140% }
li { margin: 0 0 .5em 0; padding: 0 }
ul.no-dots { list-style: none; margin: 0; margin-bottom: 30px }
ul.list-border { list-style: none; margin: 0; margin-bottom: 30px }
ul.list-border li { border-bottom: 1px solid var(--gris); margin: 0; padding: 10px 0 }
ul.list-border li > a { display: block }
ul.list-border li > a:hover, ul.list-border li > a:focus { background: #f7f7f7; text-decoration: none }
ul.fsize20 li { padding-left: 1.3em }
li.li-with-actions, li.li-with-actions-fixed { padding-right: 120px !important; position: relative; overflow: auto }
.li-actions, .li-actions-fixed { position: absolute; top: 6px; right: 5px; text-align: right }

/* HEADINGS AND TEXTS */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { 
	font-family: var(--font-title); line-height: 130%; margin: 0; margin-bottom: 10px; font-weight: 600; }
h1, .h1 { font-size: 2.2em }
h2, .h2 { font-size: 1.9em }
h3, .h3 { font-size: 1.6em }
h4, .h4 { font-size: 1.4em }
h5, .h5 { font-size: 1.2em }
h6, .h6 { font-size: 1em }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { color: inherit }

.fsize18 { font-size: 18px }
.fsize20 { font-size: 20px }
.fsize25 { font-size: 25px }
.fsize30 { font-size: 30px }
.fsize35 { font-size: 35px }
.fsize40 { font-size: 40px }
.fsize60 { font-size: 60px }

.light, .textlight { font-weight: 300!important; }
.textnormal { font-weight: 400!important; }
.bold, .textbold { font-weight: 600!important; } 

p:empty { display: none } 

.colorwhite, .colorwhite a { color: #fff; } 

.colorprimary { color: var(--corporativo1) }
.colorsecondary { color: var(--corporativo2) }
.colorterciary { color: var(--corporativo3) }

.colorerror { color: #cb1f1b; }
.colorsuccess { color: #39b000 }
.colorlight { color: var(--grisclaro) }
.colorgray { color: var(--gris) }
.colorblackalt { color: var(--negroalt) }
.colorgrayalt { color: var(--grisalt) }

.sep_title { border-bottom: 4px solid var(--corporativo1); width: 100px; margin: 30px 0 }
.sep_title.white { border-bottom: 4px solid var(--blanco) }

/** FORMULARIOS **/
input, textarea, select, input[type=search], button { margin: 0; box-sizing: border-box; font-family: var(--font-title) }
input[type=text], input[type=email], input[type=password], input[type=date], textarea, select, input[type=search], input[type=tel], input[type=number], input[type=time] { padding: 6px 6px; font-size: 15px; line-height: 15px; font-weight: 400; font-family: var(--font-title); width: 100%; box-sizing: border-box; margin-bottom: 0px; border-radius: 5px; color: var(--negro); font-weight: 400; border: 2px solid var(--negro); background: #fbfeff; color: var(--negro); }
input[type=color] { width: 100% }
input[type=text], input[type=email], input[type=search], input[type=tel], input[type=date], input[type=number], input[type=time] { width: 100%; box-sizing: border-box }
input[type=date] { padding: 8px 6px }
textarea { }
select { padding: 6px 6px }
textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=number]:focus, input[type=time]:focus { outline: none }
input[type=reset], input[type=submit], button { cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-appearance: none; background: #000000; color: #fff; border: none; margin: 0 !important; cursor: pointer; border-radius: 3px }
input[type=reset]:hover, input[type=submit]:hover, button:hover, input[type=reset]:focus, input[type=submit]:focus, button:focus { background: var(--negro) }
label { display: block; line-height: 130%; font-size: 105%; margin-bottom: 5px }
.pointer { cursor: pointer }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset }
input:-webkit-autofill { -webkit-text-fill-color: var(--negro) !important }
@supports (-webkit-overflow-scrolling:touch) {
	input[type=date], select { padding: 8.5px }
	input, textarea, select, input[type=search], button { -webkit-appearance: none }
	.input_half { }
}
input[type=checkbox], input[type=radio] { -webkit-appearance: initial !important; -moz-appearance: initial !important; appearance: initial !important; border: 2px solid var(--negro); width: 25px; height: 25px; border-radius: 3px; vertical-align: middle }
input[type=checkbox]:checked, input[type=radio]:checked { }
input[type=checkbox]:checked::before, input[type=radio]:checked:before { content: '\2713'; font-size: 18px; padding-left: 3px; line-height: 22px }
input[type=file] { background: #fffdec; display: block; width: 100%; padding: 20px; box-sizing: border-box; border: 2px dashed #cabf51; border-radius: 10px }

.icon_float_input { opacity: 0.4; position: absolute; right: 20px; top: 10px; font-size: 22px !important }
.input_full { width: 100%; font-size: 15px; margin-bottom: 8px; position: relative }
.input_full.nm { margin-bottom: 0 }
.input_half { width: 50%; display: inline-flex; font-size: 15px; position: relative }
.input_quarter { width: 25%; display: inline-flex; font-size: 15px; vertical-align: top }
.input_3quarter { width: 75%; display: inline-flex; font-size: 15px; vertical-align: top }
.input_full > .input_half { width: calc(50% - 7px); vertical-align: top }
.input_full > .input_half:first-child { margin-right: 5px }
.input_full > .input_half:last-child { margin-left: 5px }
.input_full > .input_quarter:first-child { margin-left: 0 }
.input_full > .input_quarter:last-child { margin-right: 0px }
.input_full > .input_3quarter { width: calc(75% - 10px) }
.input_full > .input_3quarter:first-child { margin-left: 0 }
.input_full > .input_3quarter:last-child { margin-right: 0px }
.acepto_lopd { font-size: 13px; margin: 0 15px; line-height: 16px !important }
.acepto_lopd a { font-size: 13px; line-height: 16px !important }
.input_full.radio { line-height: 35px; margin-bottom: 10px }
.input_full.radio input { visibility: hidden; display: none }
.input_full.radio * { vertical-align: middle; line-height: 35px }
.input_full.radio i { font-size: 25px; margin: 0 10px }
.input_for { cursor: pointer; display: inline-block; width: 30px; height: 30px; background: #FFF; border: 1px solid }
input[type="radio"]:checked+label, input[type="checkbox"]:checked+label { }
.input_full .input_estrecho { background: #D9D9D9; padding: 2px 5px; border: 1.5px solid var(--corporativogris) }
.input_full .input_blanco { background: #FFF; text-align: center; padding: 2px 5px; border: 1px solid transparent }
.input_full .input_blanco:focus { border: 1px solid #ccc }
.label_radio_check { display: inline-block; width: 22px; height: 22px; margin-top: 5px; border: 1px solid var(--corporativogris) }
.radio_check_label { display: none }
.radio_check_label:checked+label { text-align: center; line-height: 20px }
.radio_check_label:checked+label:before { content: '✔' }
::-webkit-input-placeholder { color: var(--corporativogris) }
:-moz-placeholder { color: var(--corporativogris); opacity: 1 }
::-moz-placeholder { color: var(--corporativogris); opacity: 1 }
:-ms-input-placeholder { color: var(--corporativogris) }

/*=========== Estructura =========== */
.container { width: 96%; max-width: 1440px; margin: 0 auto; position: relative }
.container.min { width: 80%; max-width: 980px }
.container.max { max-width: 100%; width: 90% }
.container.full { max-width: 100%; width: 100% }

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden }

section { overflow: initial }
.bg_image { background-clip: border-box; background-color: var(--negro); background-origin: padding-box; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative }
.bg_image.parallax { -webkit-transition: all 0.05s linear; -o-transition: all 0.05s linear; transition: all 0.05s linear; background-attachment: fixed; background-size: cover; background-position: center 55%; transform: translateZ(0); will-change: transform }
.bg_image.overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--negro); opacity: 0.92 }

.bg_image.overlay.over_corp1:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--corporativo1) }
.bg_image.overlay.over_corp2:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--corporativo2) }

.bg_image.overlay.over_success:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #39b000 }
.bg_image.overlay.over_error:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #cb1f1b }

.bg_image.overlay.over_deg:before { opacity: 0.98; background: linear-gradient(45deg, var(--corporativo1) 30%, var(--corporativo2) 100%) }
.bg_image.overlay.over_deg_up_down:before { opacity: 0.98; background: linear-gradient(180deg, var(--corporativo1) 30%, var(--corporativo2) 100%) }
.bg_image.overlay.over_deg_up_down_reverse:before { opacity: 0.98; background: linear-gradient(180deg, var(--corporativo2) 50%, var(--corporativo1) 100%) }
.bg_image.overlay.over_white:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--blanco) }

.bg_image.overlay.opacity09:before { opacity: 0.9 }
.bg_image.overlay.opacity08:before { opacity: 0.8 }
.bg_image.overlay.opacity075:before { opacity: 0.75 }
.bg_image.overlay.opacity07:before { opacity: 0.7 }
.bg_image.overlay.opacity06:before { opacity: 0.6 }
.bg_image.overlay.opacity05:before { opacity: 0.5 }
.bg_image.overlay.opacity04:before { opacity: 0.4 }
.bg_image.overlay.opacity03:before { opacity: 0.3 }
.bg_image.overlay.opacity02:before { opacity: 0.2 }
.bg_image.overlay.opacity01:before { opacity: 0.1 }

.bg_image.overlay > * { position: relative }
a.bg_image, a.bg_image * { -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear }
a.bg_image { display: block }
a.bg_image:hover, a.bg_image:focus { opacity: 0.85; display: block; text-decoration: none }
@supports (-webkit-overflow-scrolling:touch) {
	.bg_image.parallax { background-attachment: initial }
}

.bg_primary, .bg_corp1 { background: var(--corporativo1) }
.bg_secondary, .bg_corp2 { background: var(--corporativo2) }
.bg_secondaryalt, .bg_corp2alt { background: var(--corporativo2alt) }
.bg_corp3 { background: var(--corporativo3) }
.bg_corp4 { background: var(--corporativo4) }
.bg_black, div.bg_black { background: var(--negro) }
.bg_green, .bg_success { background: #39b000 }
.bg_red, .bg_error { background: #cb1f1b }
.bg_white { background: #fff }
.bg_lime { background: #ecefba }
.bg_blue { background: #0073b0 }
.bg_corp_gray { background: var(--gris) }
.bg_gray { background: #9da0a7 }
.bg_lgray, .bg_cardholder { background: #f4f6f8 }
.bg_orange { background: #e49500 }
.bg_lightblue { background: #0093A0 }
.bg_yellow { background: #d8bb45 }
.bg_cream { background: #fffaeb }


.sec_pagina { }
.sec_pagina article { font-size: 0 }
.sec_pagina article > div { font-size: initial }


.bg_cardholder { min-height: 80vh }
.bg_cardholder.minheight100vh { min-height: 100vh }
.offsettop20vh { margin-top: -20vh }

.border-radius-5 { border-radius: 5px }
.border-radius-10 { border-radius: 10px }
.border-radius-15 { border-radius: 15px }
.border-radius-20 { border-radius: 20px }
.border-radius-25 { border-radius: 25px }
.border-radius-30 { border-radius: 30px }

/*=========== GRID =========== */
.col{position:relative;margin-bottom:20px;float:left;box-sizing:border-box;padding:10px}.col.one{width:6.25%}.col.two{width:12.5%}.col.three{width:18.75%}.col.onefive{width:20%}.col.four{width:25%}.col.five{width:31.25%}.col.six{width:37.5%}.col.seven{width:43.75%}.col.eight{width:50%}.col.nine{width:56.25%}.col.ten{width:62.5%}.col.eleven{width:68.75%}.col.twelve{width:75%}.col.thirteen{width:81.25%}.col.fourteen{width:87.5%}.col.fiveteen{width:93.75%}.col.sixteen{width:100%}.col.third{width:33.333334%}.col.twothird{width:66.666667%}.col.onesix{width:16.666667%}.np{padding:0}.npt{padding-top:0}.npb{padding-bottom:0}.npl{padding-left:0}.npr{padding-right:0}.nm{margin:0}.nmt{margin-top:0}.nmb{margin-bottom:0}.nml{margin-left:0}.nmr{margin-right:0}.col.npl{padding-left:0;padding-right:20px}.col.npr{padding-left:20px;padding-right:0px}.col.nplr{padding-left:0;padding-right:0px}.col.nptb{padding-top:0;padding-bottom:0px}

/*=========== EMBEBIDOS =========== */
.google-maps { position: relative; overflow: hidden; height: 400px }
.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden }
.embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
#map { height: 33vh; min-height: 400px; position: relative }
#map  iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important }

/*=========== BOTONES =========== */
input.btn { border: none; color: #fff !important; font-weight: normal; }
.btn { font-family: var(--font-title); vertical-align: middle; font-weight: 600; background: #000000; color: #fff !important; padding: 10px; min-width: 40px; border-radius: 5px; text-align: center; display: inline-block; margin: 5px 0px; margin-right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 1; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear }
.btn.square { border-radius: 0px }
.btn:hover { background: #222222; color: #fff; text-decoration: none }
.btn.wfull { width: 100%; margin: 5px 0px }
.btn.bold { font-weight: bold }
.btn.light { font-weight: 300 }
.btn.min300 { min-width: 300px }
.btn.min200 { min-width: 200px }
.btn.right { float: right; margin-left: 5px; margin-right: 0; max-width: 100% }
.btn.center { clear: both; float: none; margin: 5px auto; display: block; max-width: 250px }
.btn.h60 { padding: 18px }
.btn.h80 { padding: 28px }
.btn.nmr { margin-right: 0 !important }
.btn.border { background: none !important; border: 2px solid #000; color: #000 !important; padding: 8px 25px }
.btn.border:hover, .btn.border.big:hover { background: #000 !important; color: #fff !important }
.btn.headercall { font-size: 15px; line-height: 18px; padding: 10px 15px; vertical-align: middle; margin: 0 5px }
.btn.big { font-size: 20px; line-height: 25px; padding: 10px 20px }
.btn.large { font-size: 20px; line-height: 26px; padding: 10px 12px }
.btn.big.border { background: none !important; border: 2px solid #000; color: #000 !important; padding: 8px 20px }
.btn.medium { font-size: 14px; line-height: 20px; padding: 5px 15px }
.btn.nomargin { margin: 0 }
.btn.bigger { }
.btn.small { padding: 5px; margin: 0; font-size: 14px; line-height: 18px }
.btn.gray { background: var(--gris); color: #FFF !important }
.btn.gray:hover { background: var(--negro) }
.btn.border.gray { border-color: var(--gris); color: var(--gris); color: var(--gris) !important }
.btn.border.gray:hover { background: var(--gris) !important; color: #FFF !important }
.btn.white { background: #FFF; color: #000 !important }
.btn.white.colorprimary { color: var(--corporativo1) !important }
.btn.white.colorsecondary { color: var(--corporativo2) !important }
.btn.white:hover { background: #ECEEF5 }
.btn.border.white { border-color: #FFF; color: #FFF; color: #FFF !important }
.btn.border.white:hover { background: #FFF !important; color: #000000 !important }
.btn.warning { background: #FAC205; color: #fff !important }
.btn.warning:hover { background: #ffd030 }
.btn.border.warning { border-color: #FAC205; color: #FAC205 !important }
.btn.border.warning:hover { background: #FAC205 !important; color: #fff !important }
.btn.lightgray { background: #EEE; color: #000 !important }
.btn.lightgray:hover { background: #ccc; color: #000 }
.btn.border.lightgray { border-color: #EEE; color: #000 !important }
.btn.border.lightgray:hover { background: #EEE !important; color: #444 !important }
.btn.error { background: #cb1f1b; color: #fff !important }
.btn.error:hover { background: #f9241f }
.btn.border.error { border-color: #cb1f1b; color: #cb1f1b !important }
.btn.border.error:hover { background: #cb1f1b !important; color: #fff !important }
.btn.success { background: #39b000; color: #fff !important }
.btn.success:hover { background: #41b808 }
.btn.border.success { border-color: #39b000; color: #39b000 !important }
.btn.border.success:hover { background: #39b000 !important; color: #fff !important }
.btn.black { background: var(--negro); color: #fff !important }
.btn.black:hover { background: var(--negroalt) }
.btn.border.black { border-color: var(--negro); color: var(--negro) !important }
.btn.border.black:hover { background: var(--negro) !important; color: #fff !important }
.btn.primary { background: var(--corporativo1); color: #fff !important }
.btn.primary:hover { background: var(--corporativo1alt) }
.btn.border.primary { border-color: var(--corporativo1); color: var(--corporativo1) !important }
.btn.border.primary:hover { background: var(--corporativo1) !important; color: #fff !important }
.btn.secondary { background: var(--corporativo2); color: #fff !important }
.btn.secondary:hover { background: var(--corporativo2alt) }
.btn.border.secondary { border-color: var(--corporativo2); color: var(--corporativo2) !important }
.btn.border.secondary:hover { background: var(--corporativo2) !important; color: #fff !important }
.btn.terciary { background: var(--corporativo3); color: #FFF !important }
.btn.terciary:hover { background: var(--corporativo3alt) }
.btn.border.terciary { border-color: var(--corporativo3); color: var(--corporativo3) !important }
.btn.border.terciary:hover { background: var(--corporativo3) !important; color: #FFF !important }
.btn.transparent { background: transparent; color: #000 !important }
.btn.transparent.colorwhite { color: #fff !important }
.btn.transparent:hover { background: transparent; background: #f7f7f7 }
.btn.border.transparent { border-color: transparent; color: #000 !important }
.btn.border.transparent:hover { background: #f7f7f7 !important; color: var(--corporativo1) !important }
.btn.transparent.colorwhite:hover { color: #000 !important; background: #f7f7f7 }
.btn.disabled { opacity: 0.20 }
.btn.cursornone { cursor: auto !important }
.btn.round { border-radius: 30px }
.btn:focus { box-shadow: 0px 0px 4px #595153 }
.btn.circle { border-radius: 50%; width: 45px; height: 45px; line-height: 1.8; font-size: 25px; padding: 0 }
.btn.big.circle { width: 60px; height: 60px; line-height: 60px; font-size: 32px }
.btn.small.circle { width: 32px; height: 32px; line-height: 32px; font-size: 17px }
.btn.round.small { padding-left: 10px; padding-right: 10px }
a.btn.small.border { padding: 3px 10px } 
.btn.social { padding: 12px }
.btn.twitter { background: #00aced }
.btn.instagram { background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%) }
.btn.facebook { background: #3b5998 }
.btn.whatsapp { background: #25d366 }
.btn.youtube { background: #e52d27 }
.btn.linkedin { background: #0e76a8 }
.btn.twitter:hover, .btn.twitter:focus { background: #42b6e2 }
.btn.facebook:hover, .btn.facebook:focus { background: #4F6DAC }
.btn.whatsapp:hover, .btn.whatsapp:focus { background: #128c7e }
.btn.youtube:hover, .btn.youtube:focus { background: #f1534e }
.btn.instagram:hover, .btn.instagram:focus { background: #000000 }
.btn.linkedin:hover, .btn.linkedin:focus { background: #0b5e86; }  


/*HELPERS*/
.small_size { font-size: 80% }
.uppercase { text-transform: uppercase }
.clear { clear: both }
.left { float: left }
.right { float: right }
.textleft { text-align: left }
.textright { text-align: right }
.textcenter { text-align: center }
.dblock { display: block }
.inline-block { display: inline-block }
.nomargin { margin: 0 !important }
.nopadding { padding: 0 !important }
.margin0auto { margin: 0 auto }
.overflowvisible { overflow: visible }
.lh_100p { line-height: 100% }
.lh_120p { line-height: 120% }
.lh_120p { line-height: 140% }
.lh_10px { line-height: 10px }
.lh_20px { line-height: 20px }
.lh_30px { line-height: 30px }
.lh_40px { line-height: 40px }
.lh_50px { line-height: 50px }
.lh_60px { line-height: 60px }
.lh_70px { line-height: 70px }
.lh_80px { line-height: 80px }
.lh_90px { line-height: 90px }
.lh_100px { line-height: 100px }
.lh_120px { line-height: 120px }

.pt10 { padding-top: 10px }
.pb10 { padding-bottom: 10px }
.pt20 { padding-top: 20px }
.pb20 { padding-bottom: 20px }
.pt30 { padding-top: 30px }
.pb30 { padding-bottom: 30px }
.pt40 { padding-top: 40px }
.pb40 { padding-bottom: 40px }
.pb80 { padding-bottom: 80px }
.pt80 { padding-top: 80px }
.pb100 { padding-bottom: 100px }
.pt100 { padding-top: 100px }
.pt140 { padding-top: 140px }
.pt200 { padding-top: 200px }
.pt45vh { padding-top: 45vh }
.pt25vh { padding-top: 25vh }
.pt12vh { padding-top: 12vh }
.pb12vh { padding-bottom: 12vh }
.pt16vh { padding-top: 16vh }
.pb16vh { padding-bottom: 16vh }
.pt8vh { padding-top: 8vh }
.pb8vh { padding-bottom: 8vh }
.pb10vh { padding-bottom: 10vh }
.pt10vh { padding-top: 10vh }
.pt4vh { padding-top: 4vh }
.pb4vh { padding-bottom: 4vh }
.pb25vh { padding-bottom: 25vh }
.minheight50vh { min-height: 50vh; box-sizing: border-box }
.minheight75vh { min-height: 75vh; box-sizing: border-box }
.minheight100vh { min-height: 100vh; box-sizing: border-box }
.p3 { padding: 3px }
.p4 { padding: 4px }
.p5 { padding: 5px }
.p10 { padding: 10px }
.p20 { padding: 20px }
.p30 { padding: 30px }
.p50 { padding: 50px }
.p8vh { padding: 8vh }
.p12vh { padding: 12vh }

.pb5 { padding-bottom: 5px } 
.pb15 { padding-bottom: 15px }
.pb20 { padding-bottom: 20px }
.pb25 { padding-bottom: 25px }
.pb30 { padding-bottom: 30px }
.pb35 { padding-bottom: 35px }
.pb40 { padding-bottom: 40px }
.pb50 { padding-bottom: 50px }
.pb60 { padding-bottom: 60px }
.pb70 { padding-bottom: 70px }
.pb80 { padding-bottom: 80px }
.pb90 { padding-bottom: 90px }
.pb100 { padding-bottom: 100px }
.pb120 { padding-bottom: 120px }
.pr20 { padding-right: 20px }
.pl20 { padding-left: 20px }
.pr10 { padding-right: 10px }
.pl10 { padding-left: 10px }
.pt5 { padding-top: 5px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.pt20 { padding-top: 20px }
.pt25 { padding-top: 25px }
.pt30 { padding-top: 30px }
.pt35 { padding-top: 35px }
.pt40 { padding-top: 40px }
.pt50 { padding-top: 50px }
.pt60 { padding-top: 60px }
.pt70 { padding-top: 70px }
.pt80 { padding-top: 80px }
.pt90 { padding-top: 90px }
.pt100 { padding-top: 100px }
.pt120 { padding-top: 120px }
.pt5vh { padding-top: 5vh }
.pt10vh { padding-top: 10vh }
.pt25vh { padding-top: 25vh }
.pb25vh { padding-bottom: 25vh }
.mt3 { margin-top: 3px !important }
.mt5 { margin-top: 5px !important }
.mt10 { margin-top: 10px !important }
.mt15 { margin-top: 15px !important }
.mt20 { margin-top: 20px !important }
.mt25 { margin-top: 25px !important }
.mt30 { margin-top: 30px !important }
.mt35 { margin-top: 35px !important }
.mt40 { margin-top: 40px !important }
.mt80 { margin-top: 80px !important }
.mb0 { margin-bottom: 0px !important }
.mb5 { margin-bottom: 5px !important }
.mb10 { margin-bottom: 10px !important }
.mb15 { margin-bottom: 15px !important }
.mb20 { margin-bottom: 20px !important }
.mb25 { margin-bottom: 25px !important }
.mb30 { margin-bottom: 30px !important }
.mb35 { margin-bottom: 35px !important }
.mb40 { margin-bottom: 40px !important }
.mb60 { margin-bottom: 60px !important }
.mr5 { margin-right: 5px !important }
.mr10 { margin-right: 10px !important }
.mr20 { margin-right: 20px !important }
.ml10 { margin-left: 10px !important }
.ml15 { margin-left: 15px !important }
.ml20 { margin-left: 20px !important }

.padding_portada { padding: 30px }
.forzar_100p { width: 100% }
.height_100p { height: 100% }
.margin10negativo { margin: 0 -10px }
.margin14 { margin: 14px !important }
.displayinline { display: inline }
.displayblock { display: block }

.border-radius-5 { border-radius: 5px; overflow: hidden }
.border-radius-10 { border-radius: 10px; overflow: hidden }
.border-radius-15 { border-radius: 15px; overflow: hidden }
.border-radius-20 { border-radius: 20px; overflow: hidden }
.border-radius-50 { border-radius: 50px; overflow: hidden }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }

.pchide { display: none }
.scroll .scrollhide { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear }

.border-box { box-sizing: border-box }

table { border-collapse: collapse; width: 100% }
table td, table th { border: 1px solid #ddd; padding: 8px }
table.table-responsive tr:nth-child(even) { background-color: #f2f2f2 }
table.table-responsive tr:hover { background-color: #ddd }
table th { padding-top: 12px; padding-bottom: 12px; text-align: left }
.table-striped { border-collapse: collapse; width: 100% }
.table-striped th, .table-striped  td { padding: 0.25rem; text-align: left; border: 1px solid #ccc; text-align: center; max-width: 340px }

/* Responsive fijos */
.container.flex{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}@media screen and (max-width:1600px){.container,.container.max{max-width:1480px}}@media screen and (max-width:1330px){.container,.container.max{max-width:1180px}.col.full1330{width:100%}.col.hide1330{display:none}.col.ten1330{width:62.5%}.col.six1330{width:37.5%}.col.third1330{width:33.33334%}}@media screen and (max-width:1200px){.container,.container.max{max-width:960px}.col.third.t_two{width:50%}.col.full1200{width:100%}.col.four.t_two{width:50%}.col.onesix{width:33.33334%}}@media screen and (max-width:1030px){header{}header .col{width:auto!important;padding:0 10px}header .col.tabletfull{width:100%!important}.header_vertical{max-height:100vh;overflow-y:scroll}.tablettextleft{text-align:left}.tablettextright{text-align:right}.tablettextcenter{text-align:center}.container{max-width:calc(100% - 15px)}.container.min{max-width:calc(100% - 15px);width:96%}.container.max{max-width:calc(100% - 15px);width:96%}.col.one{width:33%}.col.two,.col.onesix{width:33.33334%}.col.three,.col.four,.col.five,.col.six{width:50%}.col.eight,.col.nine,.col.ten,.col.eleven,.col.twelve,.col.thirteen,.col.fourteen,.col.fiveteen,.col.sixteen,.col.tabletfull,.col.third.t_two{width:100%}.col.third,.col.twothird,.col.tablethalf{width:50%}.col.tabletfull.third{width:100%}.col.tabletthird{width:33.33334%}.col.tablettwothird{width:66.66667%}.tablethide{display:none}.pchide{display:block}.pchide.initial{display:initial}.npl,.npr{padding:10px!important}.col > .npl,.col >  .npr{padding:0px!important}.col > .tabletthird.npl,.col >  .tabletthird.npr{padding-top:10px!important}.pttablet0{padding-top:0px}.pttablet30{padding-top:30px}.pttablet80{padding-top:80px}.pttablet120{padding-top:120px}.pbtablet30{padding-bottom:30px}.pbtablet10{padding-bottom:10px}.pttablet60{padding-top:60px}.pttablet80{padding-top:80px}.pbtablet60{padding-bottom:60px}.mttablet20{margin-top:20px!important}.btn.min300{width:300px;max-width:100%;min-width:initial}.t_center{text-align:center;display:block;margin:0 auto;max-width:250px}.t_textleft{text-align:left}.tablet_padding_60{padding:60px 0}.tablet_padding_80{padding:80px 0}.tablet_padding_120{padding:120px 0}.tablet_padding_30{padding:30px 0}.tablet_padding_10{padding:10px 0}.tabletnp{padding:0!important}.tabletnm{margin:0!important}.small_size{font-size:95%}.tablet_10padding{padding:10px}.offsetminus60{margin-top:0px}.tabletmargin0auto{margin:0 auto}.tabletoffsettop0vh{margin-top:0vh}.tabletminheight100vh{min-height:100vh}.tableminheight75vh{min-height:75vh}.tstiljumbo{font-size:50px!important}}@media screen and (max-width:760px){.col.onesix{width:50%}.col.third,.col.twothird,.col.t768full,.col.tablethalf,.col.tabletthird,.col.tablettwothird,.col.s768full{width:100%}.col.s768half,.col.third.s768half{width:50%}.col.only_pt{padding:0;padding-top:10px}.col.nmb{margin-bottom:0}.mobilenp{padding:0!important}h1,.h1{font-size:1.7em}h2,.h2{font-size:1.4em}h3,.h3{font-size:1.3em!important}h4,.h4{font-size:1.2em!important}h5,.h5{font-size:1em!important}.fsize60{font-size:45px!important}.fsize30{font-size:22px!important}.input_full > .input_half{width:100%}.input_full > .input_half:first-child{margin-right:0px;margin-bottom:10px}.input_full > .input_half:last-child{margin-left:0px}.smartphonehide{display:none}}@media screen and (max-width:480px){html{-webkit-text-size-adjust:none}.col.one,.col.two,.col.three,.col.four,.col.five,.col.six,.col.seven,.col.eight,.col.nine,.col.ten,.col.eleven,.col.twelve,.col.thirteen,.col.fourteen,.col.fiveteen,.col.sixteen,.col.third,.col.twothird{width:100%}.col.s768half,.col.third.s768half{width:100%}.col.s480half,.col.third.s480half{width:50%}.jumbotitle_4{font-size:4vh!important}.jumbotitle_6{font-size:6vh!important}.jumbotitle_7{font-size:7vh!important}.jumbotitle_8{font-size:8vh!important}.tstiljumbo{font-size:6vh!important}.jumbotitle_12{font-size:12vh!important}.smartphonehide{display:none}}@media screen and (max-width:410px){}@media screen and (max-width:340px){}

.lopd_cont, .rgpd_cont { position: fixed; text-align: center; width: 600px; max-width: 80%; max-width: calc(100% - 40px); right: 20px; bottom: 20px; padding: 10px; background: var(--blanco); box-sizing: border-box; z-index: 99999; border-radius: 10px; border: 3px dotted var(--corporativo1) }

/* CABECERA */
header { width: 100%; z-index: 1005; background: #FFFFFF; padding-top: 10px; padding-bottom: 10px }
header.jumbo { padding-top: 30px; padding-bottom: 30px }
header.fixed { position: fixed; top: 0 }
header.absolute { position: absolute; top: 0 }
header.relative { position: relative }
header.transparent_header { background: RGBA(255, 255, 255, 0) }
header.filter_header { background-color: rgba(255, 255, 255, .7); color: #000; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
header.filter_header.bg_primary { background: var(--corporativo1)55; }
header.opacity_header { background: RGBA(255, 255, 255, 0.9) }
header.transparent_header.scroll, header.opacity_header.scroll { background: var(--corporativo1) }
header.transparent_header.scroll.absolute { background: RGBA(255, 255, 255, 0); }
header.jumbo.scroll { padding-top: 10px; padding-bottom: 10px }
header.bordered_header, header .bordered_header { border-bottom: 1px solid var(--grisclaro) }
header, .cover_open, nav:after { -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out }
#logo { line-height: 0; display: block; font-weight: bold; max-width: 200px }
header.scroll.fixed  #logo { max-width: 140px }
.header_vertical { padding-top: 5px; background: var(--corporativo2); height: 100vh; width: 70px; padding-left: 5px; padding-right: 5px; box-sizing: border-box; z-index: 9999; position: fixed; left: 0; top: 0 }
.header_vertical a { position: relative }
.header_vertical a .header_vertical_text { width: 150px; background: var(--negro); color: var(--blanco); display: inline-block; font-size: 20px; padding: 8px 12px; line-height: 20px; border-radius: 10px; position: absolute; top: 12px; left: -120px; opacity: 0 }
.header_vertical a:hover .header_vertical_text, .header_vertical a:focus  .header_vertical_text { left: 60px; opacity: 1 }
.trigger_header_vertical { position: fixed; top: 20px; left: 12px; z-index: 99999; color: #fff; background: var(--corporativo1alt); display: inline-block; width: 45px; text-align: center; font-size: 20px; height: 45px; border-radius: 50%; line-height: 45px }
#logo:hover, #logo:focus { opacity: 0.9; text-decoration: none }
#logo img { }
.line { position: absolute; height: 80vh; border-right: 1px solid #fff; right: 0; top: -40px }
.scroll .line { top: -100vh }
.trigger_menu, .trigger_menu_action { display: none; position: fixed; right: 20px; border: 2px solid #fff; color: #fff; padding: 0 10px; text-align: center; font-size: 16px; line-height: 30px; border-radius: 3px; z-index: 1000; top: 10px; font-weight: bold; font-family: var(--font-title) }
.trigger_menu_action { right: 55px }
.trigger_menu.primary, .trigger_menu_action.primary { border: 2px solid var(--corporativo1); color: var(--corporativo1) }
.trigger_menu.secondary, .trigger_menu_action.secondary { border: 2px solid var(--corporativo2); color: var(--corporativo2) }
.trigger_menu.clean, .trigger_menu_action.clean { border: 2px solid transparent }
.jumbo .trigger_menu, .jumbo .trigger_menu_action { top: 30px }
.scroll .trigger_menu, .scroll .trigger_menu_action { top: 10px }
header.absolute .trigger_menu, header.relative .trigger_menu { position: absolute; top: 5px; right: 10px }
header.absolute .trigger_menu, header.relative .trigger_menu_action { position: absolute; top: 5px; right: 10px }
.trigger_menu.opened { background: var(--corporativo1); border-color: var(--corporativo1) }
.trigger_menu_vertical { box-shadow: 0px 1px 3px #5f5f5f; position: fixed; padding: 0 10px; text-align: center; font-size: 16px; line-height: 30px; z-index: 1000; font-weight: bold; font-family: var(--font-title); display: block; left: 0; right: initial; height: 100vh; margin: 0; background: white; color: #000; top: 0; width: 20px; border-radius: 0 }
.trigger_menu_vertical span { transform: rotate(-90deg) translateX(-35px) translateY(-15px) }
.trigger_menu_vertical:hover span, .trigger_menu_vertical:focus span { color: var(--corporativo1) }
.trigger_menu_vertical.opened { transform: none }
nav#navigation { }
header.scroll nav { margin-top: 0px }
nav#navigation ul { margin: 0; list-style: none; width: 100%; text-align: right; }
nav#navigation.textcenter ul, nav#navigation ul.textcenter { text-align: center }
nav#navigation.textleft ul { text-align: left }
nav#navigation ul li { display: inline-block; margin: 0 }
nav#navigation ul li a { display: block; padding: 4px 15px; padding-top: 6px; font-family: var(--font-title); color: var(--negro); font-weight: bold; font-size: 16px; border-bottom: 2px solid transparent }
nav#navigation ul li a.btn.border { border-bottom-color: initial }
nav#navigation ul li a:not(.btn):hover, nav#navigation ul li a:not(.btn):focus { text-decoration: none; border-bottom: 2px solid var(--corporativo1) }
nav#navigation.colorwhite ul li a:not(.btn):hover, nav#navigation.colorwhite ul li a:not(.btn):focus { border-bottom: 2px solid var(--blanco) }
nav#navigation ul li.current_page_item a { background: var(--corporativo1); border-bottom: 2px solid var(--corporativo1); color: white }
nav#navigation.colorwhite ul li.current_page_item a { border-bottom: 2px solid var(--blanco); color: white }
nav#navigation ul li.current_page_item_down a { text-decoration: none; border-bottom: 2px solid var(--corporativo1); }
nav#navigation.colorwhite a { color: white }
.transparent_header nav#navigation li a { color: var(--blanco) }
.menu_vertical { z-index: 999; position: fixed; height: 100vh; overflow-y: scroll; background: white; left: -102%; top: 0; padding: 5vh; text-align: left; width: 100%; box-sizing: border-box }
.menu_vertical.opened { left: 20px }
nav#navigation_vertical { }
nav#navigation_vertical ul { margin: 0; list-style: none }
nav#navigation_vertical ul li { margin: 0 }
nav#navigation_vertical ul  li a { font-size: 30px; line-height: 45px; font-family: var(--font-title); font-weight: bold; display: block }
nav#navigation_vertical ul li a:hover, nav#navigation_vertical ul li a:focus { color: var(--corporativo1); text-decoration: none }
nav#navigation_vertical ul li.current_page_item a { color: var(--corporativo1) }
header .scrollmenumargin { margin-top: 10px }
header.scroll .scrollmenumargin { margin-top: 00px }
ul.sub-menu { display: block; position: absolute; left: 0; margin: 0; padding-top: 20px; z-index: 999; background-color: var(--corporativo2); padding: 10px !important; width: 100%; text-align: left; opacity: 0; height: 0px; width: 220px; }
.menu-item-has-children { position: relative; padding-right: 15px; }
.menu-item-has-children:after { content: '▼'; position: absolute; top: 5px; font-size: 12px; }
ul.sub-menu li a { display: block !important }
#navigation .menu-item-has-children:hover > ul.sub-menu, #navigation ul.sub-menu:hover, #navigation ul.sub-menu li a:focus { opacity: 1; height: initial }
#navigation ul.sub-menu li { width: 100%; box-sizing: border-box; text-align: left; margin: 0; height: 0; display: none }
#navigation  .menu-item-has-children:hover > ul.sub-menu li, #navigation  ul.sub-menu:hover li { height: initial; display: block }
#navigation ul.sub-menu li:hover { background-color: RGBA(0, 0, 0, 0.2); }
#navigation ul.sub-menu li:hover a, #navigation li:hover ul.sub-menu li a { color: #FFF; border: none !important }
li.menu-item-has-children:after { }
#navigation ul.sub-menu li a { font-size: 14px; padding: 5px; color: #FFF; opacity: 1 }
#header_notification, #header_notification * { -webkit-transition: all 0.15S linear; -o-transition: all 0.15S linear; transition: all 0.15S linear }
#header_notification { position: absolute; border: 3px solid var(--corporativo2); background: var(--blanco); right: 0; top: 80px; max-height: 80vh; overflow-y: scroll; padding: 20px; border-radius: 10px; width: 400px; box-sizing: border-box; max-width: 80%; z-index: 999 }
.item_notification { position: relative; border-bottom: 1px solid var(--gris); width: 100%; display: block; border-radius: 5px; padding: 10px 10px; font-weight: bold; box-sizing: border-box }
.item_notification:hover, .item_notification:focus { background: var(--gris); text-decoration: none }
.swipe-left-info { position: absolute; right: 10px; bottom: 0px; font-size: 15px; opacity: 0.85; color: #fff; font-weight: bold }
.swipe-left-info.left { right: initial; left: 10px }
.swipe-left-info.top { bottom: initial; top: 0px }
.swipe-left-info.black { color: #000 }

/* MODALES Y ALERTAS */
.modal_overlayer, .modal_overlayer * { -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear }
.modal_overlayer { position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; min-height: 100vh; height: 100vh; max-height: 100vh; visibility: hidden; opacity: 0; overflow-y: scroll; background-repeat: no-repeat; background-size: cover; background-position: center }
.modal_overlayer:before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #FFF; opacity: 1 }
.modal_overlayer.image:before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--corporativo1); opacity: 0.75 }
.modal_overlayer:before { background: rgba(0, 0, 0, 0.7) }
.modal_overlayer.open { visibility: visible; opacity: 1 }
.modal_cont { margin: 80px auto; position: relative; width: 90%; box-sizing: border-box }
.close_modal { padding: 0; text-align: center; width: 55px; height: 55px; line-height: 55px; font-size: 40px; box-sizing: border-box; position: absolute; right: 10px; top: 10px; border-radius: 50% }
.close_modal.white { color: white }
.close_modal:hover, .close_modal:focus { background: var(--corporativo1) }
div#notificacion_flotante { position: fixed; bottom: 00px; z-index: 9999; left: 0; width: 100% }
.alerta, .alert { background: #444; color: #fff; position: relative; padding: 20px; text-align: center; font-size: 20px; box-sizing: border-box; width: 100%; font-weight: 400 }
.alerta-ok, .alert-ok, .alert-success { background: #009713 }
.alerta-error, .alert-error { background: #970000 }
.alerta i { position: absolute; left: 30px; font-size: 90px; width: 115px; bottom: 5px; background: #444; border-radius: 50%; height: 115px; line-height: 115px }
.alerta-ok i { background: #009713 }
.alerta-error i { background: #970000 }
.flickity-enabled:focus { box-shadow: none }
.cont_chevron { position: relative; width: 24px; height: 24px; margin: 20px auto }
.chevron { position: absolute; width: 28px; height: 8px; opacity: 0; transform: scale3d(0.5, 0.5, 0.5); animation: move 3s ease-out infinite }
.chevron:first-child { animation: move 3s ease-out 1s infinite }
.chevron:nth-child(2) { animation: move 3s ease-out 2s infinite }
.chevron:before, .chevron:after { content: ' '; position: absolute; top: 0; height: 100%; width: 51%; background: var(--corporativo1) }
.chevron:before { left: 0; transform: skew(0deg, 30deg) }
.chevron:after { right: 0; width: 50%; transform: skew(0deg, -30deg) }
@keyframes move {
	25% { opacity: 1 }
	33% { opacity: 1; transform: translateY(30px) }
	67% { opacity: 1; transform: translateY(40px) }
	100% { opacity: 0; transform: translateY(55px) scale3d(0.5, 0.5, 0.5) }
}
.textchevron { display: block; margin-top: 70px; margin-left: -30px; font-size: 17px; color: var(--corporativo1); text-transform: uppercase; white-space: nowrap; opacity: .25; animation: pulse 2s linear alternate infinite }
@keyframes pulse {
	to { opacity: 1 }
}

/*CARDS*/
.card { position: relative; box-sizing: border-box; border-radius: 5px; background: #fff; padding: 30px; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); overflow: auto }
.card.border { border-left: 5px solid var(--negro) }
.card.border.state_ { border-left-color: var(--negro) }
.card.border.state_primary { border-color: var(--corporativo1) }
.card.border.state_secondary { border-color: var(--corporativo2) }
.card.border.state_0 { border-left-color: var(--gris) }
.card.border.state_1 { border-left-color: #00b08b }
.card.border.state_2 { border-left-color: #0073b0 }
.card.border.state_3 { border-left-color: #39b000 }
.card.border.state_4 { border-left-color: #cb1f1b }
.card.strech { padding: 15px }
.card.p20 { padding: 20px }

h3 .label, .h3 .label { font-size: 18px; line-height: 100%; vertical-align: bottom }
.label.state_all, .label.state_ { background: var(--negro) }
.label.state_0 { background: var(--gris) }
.label.state_primary { background: var(--corporativo1) }
.label.state_secondary { background: var(--corporativo2) }
.label.state_1 { background: #00b08b }
.label.state_2 { background: #0073b0 }
.label.state_3, .label.success { background: #39b000 }
.label.state_4, .label.error { background: #cb1f1b }
.label.small { padding: 2px 10px; font-size: 14px }
.label.big { font-size: 20px; line-height: 20px; padding: 10px 20px }
.label.large { font-size: 16px; line-height: 16px; padding: 10px 15px }
.label.wfull { display: block; text-align: center }
.card-post h3 a:hover, .card-post h3 a:focus { text-decoration: none; color: var(--corporativo1) }
.list_post_image { display: block; font-size: 0; margin-bottom: 15px; overflow: hidden; border-radius: 10px }
.label { background: var(--corporativo2); font-weight: bold; color: #fff; padding: 5px 15px; font-size: 14px; vertical-align: middle; border-radius: 20px }
.label.uppercase { text-transform: uppercase }
.image_page img { width: 100% }
.image_page.max25vh { max-height: 25vh }

.avatar-badge { border-radius: 50% } 


.masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; column-gap: 1em }
.item_masonry { background-color: #eee; display: inline-block; margin: 0 0 1em; width: 100% }
.masonry { margin: 1.5em 0; padding: 0; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; font-size: .85em }
.item_masonry { display: inline-block; background: #fff; margin: 0 0 1.5em; width: 100%; -webkit-transition: 1s ease all; box-sizing: border-box; -moz-box-sizing: border-box }
.item_masonry img { max-width: 100% }
@media only screen and (min-width:400px) {
	.masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2 }
}
@media only screen and (min-width:700px) {
	.masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3 }
}
@media only screen and (min-width:900px) {
	.masonry { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4 }
}
@media only screen and (min-width:1100px) {
	.masonry { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5 }
	.masonry.starts4 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4 }
}
@media only screen and (min-width:1280px) {
	 
}

h1.page-title.offset { margin-top: -20vh; color: #fff; font-size: 5vh }

.list_border, .list_border * { -webkit-transition: all 0.12s ease; -o-transition: all 0.12s ease; transition: all 0.12s ease }
.list_border { padding: 10px 30px; border-bottom: 1px solid var(--grisclaro); line-height: 1.5; font-size: 18px; position: relative; display: block; color: var(--negro) }
.list_border:hover, .list_border:focus { text-decoration: none; background: var(--grisclaro); padding-left: 40px }

.item_block_border { border: 1px solid var(--gris); padding: 25px; border-radius: 5px; position: relative }
.item_block_border.p5 { padding: 5px }
.item_block_border.p10 { padding: 10px }
.item_block_border.p15 { padding: 15px }
.item_block_border.p20 { padding: 20px }

@media screen and (max-width:1600px) { }
@media screen and (max-width:1330px) { }
@media screen and (max-width:1200px) { }
@media screen and (max-width:1030px) {
	header.fixed.scroll #logo { max-width: 100px }
	header.fixed.scroll #logo.logo_tablet_130 { max-width: 130px }
	header.fixed.scroll #logo.logo_tablet_170 { max-width: 170px }
	header.transparent_header { }
	header.opacity_header { background: RGBA(255, 255, 255, 1) }
	header.header_768_strech { padding: 2px 0 }
	nav#navigation { position: fixed; right: -260px; top: 0; background: var(--corporativo1); width: 240px; padding: 20px; height: 100%; padding-top: 80px; box-sizing: border-box; z-index: 999; -webkit-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out }
	nav#navigation.full { width: 100%; right: -100% }
	nav#navigation.white { background: var(--blanco) }
	nav#navigation.secondary { background: var(--corporativo2) }
	nav#navigation:before { content: ''; position: fixed; background: RGBA(0, 0, 0, 0.8); left: -100vh; top: 0; height: 100vh; display: block; z-index: 998; width: calc(100%); opacity: 0; visibility: hidden }
	nav#navigation:before { -webkit-transition: opacity 0.55s ease-in; -o-transition: opacity 0.55s ease-in; transition: opacity 0.55s ease-in; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s }
	nav#navigation.opened { right: 0px; margin: 0 }
	nav#navigation.opened:before { width: calc(100% - 240px); visibility: visible; opacity: 1; left: 0 }
	nav#navigation.opened.full:before { left: -150% }
	nav#navigation ul li { display: block; margin-bottom: 5px }
	nav#navigation ul li.tablethide { display: none !important }
	nav#navigation ul li a { padding: 10px 10px; color: #fff; border-radius: 0px }
	nav#navigation.tabletbiglinks > ul  li a { font-size: 140%; }
	nav#navigation.textleft ul { text-align: left }
	.tabletcolorwhite { color: white }
	.menu_scroll_swipe_out { overflow-x: scroll; -webkit-overflow-scrolling: touch }
	.menu_scroll_swipe_in { width: 900px }
	.btn_tab_cont { padding: 8px }
	#header_notification { width: 100%; min-width: 100%; left: 0; right: 0; bottom: 0; top: initial; position: fixed; border: none; border-radius: 0; border-top: 2px solid var(--corporativo2alt); height: 60vh; padding-top: 60px; z-index: 10000 }
	.menu_tablet_hide { display: none !important }
	.trigger_menu, .trigger_menu_action { display: block !important }
	header.header_768_strech .trigger_menu, header.header_768_strech .trigger_menu_action { top: -3px }
	.trigger_menu_vertical { display: none !important }
	.menu_vertical { padding-top: 80px }
	.menu_vertical.opened { left: 0 }
	.alerta { padding: 10px; font-size: 16px }
	.alerta i { left: 2%; font-size: 50px; width: 60px; bottom: 5px; height: 60px; line-height: 60px }
	.line { left: -5px; right: initial }
	.image_cont_page { max-height: initial; overflow: initial; min-height: initial; padding-top: 60px }
	.image_cont_page img { margin-top: 0 }
	h1.page-title.offset { margin-top: 0; color: initial; font-size: 36px; margin-bottom: 0px }
	.overlay_page_image.tabletnooverlay img { opacity: 0.8 }
	.btn_tablet_full { width: 100%; margin: 0; margin-bottom: 5px; }
	.btn_tablet_normal { font-size: 16px !important; padding: 5px !important; }
	.btn_tab_cont.tabletvertical { padding: 0; overflow: auto; }
	ul.sub-menu { background: transparent; position: relative; opacity: 1; left: initial; height: initial; }
	.menu-item-has-children { padding: 0; }
	.menu-item-has-children:after { content: ''; position: absolute; top: 5px; font-size: 12px; }
	#navigation ul.sub-menu li, #navigation ul.sub-menu li:hover { width: 100%; box-sizing: border-box; opacity: 1; line-height: 18px; height: initial; display: block; text-align: right; }
	#navigation li:hover ul.sub-menu li a { border-bottom: 2px solid transparent !important; }
}
@media screen and (max-width:760px) { }
@media screen and (max-width:480px) {
	li.li-with-actions { padding-right: 0 !important; }
	.li-actions { margin-top: 8px; position: initial; top: initial; right: initial; text-align: right; }
}
@media screen and (max-width:410px) { }
@media screen and (max-width:340px) { }

/*=========== WP GEENRAL =========== */
span.wpcf7-list-item { margin: 0 !important; margin-right: 10px !important; line-height: 1 }
span.wpcf7-list-item input { line-height: 25px; vertical-align: middle; margin: 0; text-align: center; margin-right: 10px }
#searchsubmit { text-align: center; display: block; clear: none; width: 100%; margin: 10px 0; margin-bottom: 30px }
#wp-submit, #submit { display: block; width: 100% }
.sec_pagina { }
.sec_pagina article { font-size: 0 }
.sec_pagina article > div, .sec_pagina article > section { font-size: initial }
ul#crumbs { margin: 0; color: #FFF; background-color: rgba(255, 255, 255, 0.15); line-height: 30px; display: inline-block; padding: 5px 15px; border-radius: 5px; margin-bottom: 15px }
#crumbs li { display: inline-block; margin: 0 }
#crumbs li  a { margin-right: 20px }
#crumbs li a:after { content: " ›" }
.post { }
.post-content { min-width: 120px }
.post-title { font-size: 26px; margin: 0 0 5px; padding: 0; font-weight: 600; color: var(--corporativo1); margin-bottom: 10px }
.post-title a { color: var(--corporativo1) }

.post-image { margin: 0 0 5px }
.post-image.left { float: left; margin-right: 15px }
.post-image.right { float: right; margin-left: 15px }
.post-meta { font-size: 15px; margin-bottom: 20px; font-family: monospace }
.post-meta .post-author { padding: 2px 0 2px 0px; width: 100% }
.post-meta .post-category { padding: 2px 0 2px 0px; width: 100% }
.post-meta .post-tag { padding: 2px 0 2px 0px; width: 100% }
.post-meta .post-comment a { padding: 2px 0 2px 0px }
.post-meta i { }
.list_post_date { font-weight: 800; letter-spacing: 0; padding-bottom: 0; color: var(--corporativo2); margin-bottom: 20px; font-size: 93%; border-top: 2px solid var(--corporativo2); border-bottom: 2px solid var(--corporativo2); display: inline-block; padding: 5px }
.list_post_date.h2 { font-size: 120% }
.post-video, .embed-youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 15px }
.post-video iframe, .post-video object, .post-video embed, .embed-youtube iframe, .embed-youtube video { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.pagenav { clear: both; padding-bottom: 20px; text-align: right }
.pagenav a, .pagenav span { line-height: 100%; margin: 0 2px; vertical-align: middle; display: inline-block; zoom: 1; min-width: 40px; min-height: 40px; line-height: 40px; font-weight: 600; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #000000; color: #fff; padding: 0 }
.pagenav a { background: #000; color: #fff; text-decoration: none }
.pagenav a:hover { background-color: #000 }
.pagenav .current { text-decoration: none }
.post-nav { margin: 0 0 30px; padding: 15px 0; clear: both }
.post-nav span { width: 47%; position: relative }
.post-nav a { text-decoration: none; display: block }
.post-nav a:hover { text-decoration: none }
.post-nav .prev { float: left }
.post-nav .next { float: right; text-align: right }
.post-nav span span { background: #333; color: #fff; font: normal 20px/100% "Times New Roman", Times, serif; display: block; width: auto; float: left; width: 32px; height: 28px; padding: 4px 0 0; text-align: center; margin: -8px 10px 17px 0; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em }
.post-nav .next span { float: right; margin-left: 10px; margin-right: 0 }
.post-nav a:hover span { background: #000 }
span.wpcf7-not-valid-tip, .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { visibility: visible; border: none; background: #ff4c57; border: 2px solid #ffffff; margin-bottom: 15px; text-align: center; color: #FFF !important; display: block; margin: 10px auto; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; clear: both; padding: 10px; border-radius: 30px; font-weight: bold }
span.wpcf7-form-control-wrap { display: block; width: 100% }
span.wpcf7-form-control-wrap.lopd, span.wpcf7-form-control-wrap.acepto_comercial { display: inline-block; width: initial }
div.wpcf7-mail-sent-ok { visibility: visible; border: none; background: #25bc43; border: 2px solid #10a12d; margin-bottom: 15px; text-align: center; color: #FFF !important; display: block; margin: 10px auto; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; clear: both; padding: 10px; border-radius: 30px; font-weight: bold }
.widget { margin: 0 0 30px; word-wrap: break-word }
.widgettitle { margin: 0 0 10px; padding: 0; font-size: 19px; line-height: 20px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.16); font-family: 'PT Sans', sans-serif }
.widget ul { margin: 0; padding: 0 }
.widget li { margin: 0; padding: 6px 0; list-style: none; clear: both; border-bottom: solid 1px #eee }
.widget ul ul { margin: 6px 0 -6px 0px; padding: 0; border-top: none }
.widget ul ul li { margin: 0; padding-left: 10px }
#footer .widget { margin-bottom: 0 }
img.maximg300 { max-width: 300px }
img.maximg200 { max-width: 200px }
img.alignleft, img.aligncenter, img.alignright, img.alignnone { }
.alignleft { float: left; margin-right: 30px }
.alignright { float: right; margin-left: 30px }
.aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto }
.wp-caption { text-align: center; margin-bottom: 15px; max-width: 100% }
.wp-caption-text { font-style: italic; font-size: 95%; line-height: 120%; margin: 6px 0 }
#body .gallery { margin: 5px 0 20px 0 }
#body .gallery img { border: none }
#body .gallery dl { margin: 0 8px 8px 0; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: auto; float: none; text-align: center }
#body .gallery dd { width: 140px; line-height: 120%; font-size: 90%; text-align: center; margin: 5px 0 0 }
.gallery br { display: none }
.image_border { font-size: 0; line-height: 1; overflow: hidden; border-radius: 5px; box-shadow: 0px 2px 6px #999 }
/*=========== WP GEENRAL =========== */