/*  
Theme Name: BoschApi 2025
Theme URI: https://codeados.com/
Version: 1.0.0
Author: Codeados 
Author URI: https://codeados.com/
Description:  BoschApi 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: .card-glass%; 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.28em;
    padding: 0;
    font-weight: normal; 
    line-height: 160%;
    font-size: var(--font-size); }
small { font-size: 90% }
blockquote { font: italic 110%/130% "Times New Roman", Times, serif; padding: 8px 30px 15px }
body.noscroll { overflow: hidden }
#content { }
#page { }

/* 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 }


    ul.list-footer { list-style: none; margin: 0; margin-bottom: 00px }
ul.list-footer li {  margin: 0;  }
ul.list-footer li > a { display: block; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear ; padding:6px 0;  border-radius: 6px;}
ul.list-footer li > a:hover, ul.list-border li > a:focus { background: none; text-decoration: none;
padding-left: 12px;     background: RGBA(255, 255, 255, 0.12); }

/* HEADINGS AND TEXTS */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .fonttitle { 
    font-family: var(--font-title); 
    line-height: 120%; 
    margin: 0;
    margin-bottom: 10px; font-weight: 400;
    font-optical-sizing: none;
}
.fonttitle {  font-family: var(--font-title)!important;  } 
h1, .h1 { font-size: 3.2em }
h2, .h2 { font-size: 2.8em }
h3, .h3 { font-size: 2.5em }
h4, .h4 { font-size: 2.2em }
h5, .h5 { font-size: 1.9em }
h6, .h6 { font-size: 1.6em }
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 }
 

.fsize10 { font-size: 10px }
.fsize12 { font-size: 12px }
.fsize16 { font-size: 16px }
.fsize18 { font-size: 18px }
.fsize20 { font-size: 20px }
.fsize22 { font-size: 22px }
.fsize24 { font-size: 24px }
.fsize25 { font-size: 25px }
.fsize30 { font-size: 30px }
.fsize35 { font-size: 35px }
.fsize40 { font-size: 40px }
.fsize50 { font-size: 50px }
.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) }

.colorprimaryalt { color: var(--corporativo1alt) }
.colorsecondaryalt { color: var(--corporativo2alt) }
.colorterciaryalt { color: var(--corporativo3alt) }

.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-body) }
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-body); 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 }

.lopd_check { text-align:left;  }
.lopd_check  input { border-color:black; color: black; } 
.lopd_check { line-height: 18px;
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    width: 100%;     padding-left: 40px;  position:relative;     box-sizing: border-box; }
 
 
.lopd_check > span.wpcf7-form-control-wrap {
    display: inline !important;
    float: left;
    width: initial;
    margin-top: -3px;     position: absolute;
    left: 0;
}

.form_white input,  .form_white .lopd_check span.wpcf7-list-item input { background: white;  border: 2px solid #FFF;  }


::-webkit-input-placeholder { color: var(--gris) }
:-moz-placeholder { color: var(--gris); opacity: 1 }
::-moz-placeholder { color: var(--gris); opacity: 1 }
:-ms-input-placeholder { color: var(--gris) }

/*=========== Estructura =========== */
.container { position: relative; margin: 0 auto;  width: 96%; max-width: 1440px;  }

.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 }

.bg_primary, .bg_corp1 { background: var(--corporativo1) }
.bg_secondary, .bg_corp2 { background: var(--corporativo2) }
.bg_secondaryalt, .bg_corp2alt { background: var(--corporativo2alt) }
.bg_terciary { background: var(--corporativo3) } 
.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_corp_gray { background: var(--gris) }
.bg_gray { background: #9da0a7 }
.bg_lgray, .bg_cardholder { background: #f4f6f8; background: var(--grisclaro); }

.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-28 { border-radius: 28px }
.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}

/*=========== BOTONES =========== */
input.btn { border: none; color: var(--blanco)!important; font-weight: normal }
.btn {    letter-spacing: 1px;  font-family: var(--font-body); vertical-align: middle; font-weight: 500; 
    background: var(--negro); color: var(--blanco)!important; padding: 10px 20px; 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: 15px; line-height: 16px; -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: var(--negroalt); color: var(--blanco); text-decoration: none }
.btn.wfull { width: 100%;}
.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 var(--negro); color: var(--negro)!important; padding: 8px 16px; }
.btn.border:hover, .btn.border.big:hover { background: var(--negroalt)!important; color: var(--blanco)!important }
.btn.medium { font-size: 17px;  line-height: 22px;   padding: 8px 24px; }
.btn.large {    font-size: 19px;    line-height: 20px;    padding: 10px 18px; }
.btn.large.border { padding: 8px 16px }
.btn.big { font-size: 20px; line-height: 24px; padding: 14px 28px }
.btn.big.border { padding: 12px 26px }
.btn.nomargin { margin: 0 } 
.btn.small { padding: 6px 10px;    margin: 0;    font-size: 15px;    line-height: 20px; }
.btn.gray { background: var(--gris); color: var(--blanco)!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: var(--blanco)!important }
.btn.white { background: var(--blanco); color: var(--negro)!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: var(--blanco); color: var(--blanco); color: var(--blanco)!important }
.btn.border.white:hover { background: var(--blanco)!important; color: var(--negro)!important }
.btn.warning { background: #FAC205; color: var(--blanco)!important }
.btn.warning:hover { background: #ffd030 }
.btn.border.warning { border-color: #FAC205; color: #FAC205 !important }
.btn.border.warning:hover { background: #FAC205 !important; color: var(--blanco)!important }
.btn.lightgray { background: #EEE; color: var(--negro)!important }
.btn.lightgray:hover { background: #ccc; color: var(--negro) }
.btn.border.lightgray { border-color: #EEE; color: var(--negro)!important }
.btn.border.lightgray:hover { background: #EEE !important; color: #444!important }
.btn.error { background: #cb1f1b; color: var(--blanco)!important }
.btn.error:hover { background: #f9241f }
.btn.border.error { border-color: #cb1f1b; color: #cb1f1b !important }
.btn.border.error:hover { background: #cb1f1b !important; color: var(--blanco)!important }
.btn.success { background: #39b000; color: var(--blanco)!important }
.btn.success:hover { background: #41b808 }
.btn.border.success { border-color: #39b000; color: #39b000 !important }
.btn.border.success:hover { background: #39b000 !important; color: var(--blanco)!important }
.btn.black { background: var(--negro); color: var(--blanco)!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: var(--blanco)!important }
.btn.primary { background: var(--corporativo1); color: var(--blanco)!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: var(--blanco)!important }
.btn.secondary { background: var(--corporativo2); color: var(--blanco)!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: var(--blanco)!important }
.btn.terciary { background: var(--corporativo3); color: var(--blanco)!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: var(--blanco)!important }
.btn.transparent { background: transparent; color: var(--negro)!important }
.btn.transparent.colorwhite { color: var(--blanco)!important }
.btn.transparent:hover { background: transparent; background: #f7f7f7 }
.btn.border.transparent { border-color: transparent; color: var(--negro)!important }
.btn.border.transparent:hover { background: #f7f7f7 !important; color: var(--corporativo1) !important }
.btn.transparent.colorwhite:hover { color: var(--negro)!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}.p15{padding:15px}.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}.mt50{margin-top:50px!important}.mt60{margin-top:60px!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} 

.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!important; 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 */
@media screen and (max-width:1330px) {
    .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) {
    .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 } 

    .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: 2.5em }
    h2, .h2 { font-size: 2.2em }
    h3, .h3 { font-size: 1.9em !important }
    h4, .h4 { font-size: 1.7em !important }
    h5, .h5 { font-size: 1.4em !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% }  
    .smartphonehide { display: none }
}
@media screen and (max-width:410px) { }
@media screen and (max-width:340px) { }
 

/* CABECERA */
header, header > *, .trigger_menu , #lang_switch { -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear }
header { width: 100%; z-index: 1005; background: #FFFFFF; padding-top: 18px; padding-bottom: 12px; position: fixed; top: 0 }
.is_home header { background: transparent; padding-top: 30px; padding-bottom: 30px; }
header.scroll { background: #FFFFFF; box-shadow: 0px 0px 3px #00000026; padding-top: 10px; padding-bottom: 10px; }
#logo { line-height: 0; display: block; font-weight: bold; max-width: 180px; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear }
#logo:hover, #logo:focus { opacity: 0.6 }
header.scroll  #logo { max-width: 126px }
#logo:hover, #logo:focus { opacity: 0.9; text-decoration: none }
#logo img { }
.trigger_menu { float: right; width: 40px; line-height: 0; height: 36px; text-align: center; font-size: 21px; 
    padding: 3px 0px; padding-top: 5px; box-sizing: border-box; border-radius: 0; margin-top: 0; 
    display: block; margin-left: initial !important; z-index: 9999;  margin-top: 8px; }
.is_home .trigger_menu {  margin-top: 0px; }
header.scroll .trigger_menu { margin-top: 0px;  }
.trigger_menu span { height: 2px; width: 40px; background: var(--corporativo2); margin-top: 5px; margin-bottom: 5px; display: block; border-radius: 2px; }
.trigger_menu:focus { box-shadow: none; }
.is_home .trigger_menu span{ background: var(--blanco); }
header.scroll .trigger_menu span { background: var(--corporativo2); }
.trigger_menu.opened { position: fixed; top: 20px; right: 20px; }
.trigger_menu.opened span.b1 { transform: rotate(45deg) translate(1px, 2px); background: #fff; margin-top: 10px; margin-left: 2px; }
.trigger_menu.opened span.b2 { transform: rotate(-45deg) translate(4px, -3px); margin-top: 0px; margin-bottom: 0px; background: #fff; }
.trigger_menu.opened span.b3 { background: transparent; }
.trigger_menu:hover { opacity: 0.9; text-decoration: none; }
nav#navigation { }
nav#navigation { position: fixed; right: -70%; top: 0; background: #214050eb; width: 70%; padding: 48px; height: 100%; padding-top: 120px; border-radius: 28px 0 0 28px; 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:before { content: ''; position: fixed; background: #2140505e; left: -100vh; top: 0; height: 100vh; display: block; z-index: 998; width: calc(100%); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.25s ease-in; -o-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in; -webkit-transition-delay: 0.10s; -o-transition-delay: 0.10s; transition-delay: 0.10s }
nav#navigation.opened { right: 0px; margin: 0 }
nav#navigation.opened:before { width: calc(100%); visibility: visible; opacity: 1; left: 0 }
nav#navigation ul { margin: 0; list-style: none; width: 100%; text-align: left; z-index: 9999; position: absolute; left: 40px; top: 120px; width: calc(100% - 40px); }
nav#navigation ul li { display: block; margin-bottom: 0; padding: 18px 10px; }
nav#navigation ul li.tablethide { display: none !important }
nav#navigation ul li a { font-family: var(--font-title); font-weight: 400; font-optical-sizing: none; text-decoration: none; font-size: 38px; line-height: 42px; display: block; }
nav#navigation ul li a:hover, nav#navigation ul li a:focus { opacity: 0.88; }
nav#navigation ul li.current_page_item a, nav#navigation ul li.current-menu-item a { font-style: italic; }
nav#navigation ul li.current_page_item_down a { text-decoration: none; border-bottom: 2px solid var(--corporativo1); }
#lang_switch { display: inline-block; margin-top: 8px; }
.is_home #lang_switch, header.scroll #lang_switch {  margin-top: 0px;  }
header.scroll #lang_switch {  margin-top: 00px;  }
#lang_switch ul { margin: 0; }
.wpml-ls-item { list-style: none; margin: 0; display: inline-block; }
#lang_switch li {    display: inline-block;
    margin-top: 4px;
    margin-bottom: 4px; }
#lang_switch li a {    padding: 2px 7px;
    font-size: 13px;
    background: transparent;
    color: var(--corporativo1);
    margin: 3px 0px;
    vertical-align: middle;
    border-right: 1px solid var(--corporativo1);
    line-height: 28px; }
.is_home #lang_switch li a { color: var(--blanco); border-right: 1px solid  var(--blanco); }



header.scroll #lang_switch li a { color: initial; border-right: 1px solid var(--negro); }
#lang_switch li.wpml-ls-current-language a { }
#lang_switch  li a:hover, #lang_switch  li a:focus { opacity: 0.86 }

#lang_switch li:last-child a { border: none!important;  }

/*=========== 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 }


/*=========== WP GEENRAL =========== */
span.wpcf7-list-item { margin: 0 !important; margin-right: 0px !important; line-height: 1 }
span.wpcf7-list-item input { line-height: 25px; vertical-align: middle; margin: 0; text-align: center; margin-right: 10px }
#wp-submit, #submit { display: block; width: 100% }
.post-image { margin: 0 0 5px }
.post-image.left { float: left; margin-right: 15px }
.post-image.right { float: right; margin-left: 15px }

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 }
/*=========== WP GEENRAL =========== */

@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 { }  
    .tabletcolorwhite { color: white }   
    .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 } 
    .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; } 

    nav#navigation {
        width: 96%;
        right: -100%;
    }

    .col.logocol { width: 145px !important;}
    .col.langcol { width: calc(100% - 210px)!important; }
    .col.menucol { width: 65px !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) { }
 
#navigationfooter { padding: 10px; box-sizing: border-box; }
#navigationfooter ul { text-align: center; margin: 0; list-style: none; }
#navigationfooter ul li { text-align: center; margin-bottom: 15px; display: inline-block; }
#navigationfooter ul li a { color: white;  border-radius: 30px; text-align: center; margin-bottom: 0; padding: 8px 10px; font-size: 16px; font-weight: 500; }
#navigationfooter ul li a:hover { text-decoration: none; background: RGBA(255, 255, 255, 0.2); }


.img_height { width: 100%; height: 390px; overflow: hidden; }
.img_height.h240 { height: 240px; }
.img_height img { width: 100%; height: 100%; object-fit: cover; object-position: center; }


@media screen and (max-width:760px) {
    .img_height { width: 100%; height: 450px; overflow: hidden; }
    .img_height.h240 { height: 200px; }
}
.bg_home h1 { font-size: 68px; line-height: 120%; }
.bg_home { padding-top: 18vh;     background-position: center; padding-bottom: 40vh; position: relative; z-index: 0;  border-radius: 0 0 28px 28px; } 
.bg_footer { border-radius: 28px 28px 0 0;  }
.overlay_page_image { }
.overlay_page_image img { opacity: 0.7 }
@media only screen and (max-width:700px) { }
.bg_animate { background: #084700; height: 10px; opacity: 0.85; margin-top: -10px; background: linear-gradient(79deg, #084700, #084700, #17a404, #0c6600); background-size: 300% 300%; animation: gradient-animation 6s ease infinite; }
@keyframes gradient-animation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
@media screen and (max-width:1030px) {
    .bg_home {         padding-top: 22vh;
        padding-bottom: 32vh;   background-position: center bottom; }
    .bg_home h1 { font-size: 48px !important; }
    .tabletmb20 { margin-bottom: 20px !important; }
}
@media screen and (max-width:480px) {
    h1, .h1 { font-size: 32px !important; }
}