@import url("bootstrap.min.css"); 
@import url("fontawesome.min.css"); /* font-awesome */
@import url("solid.min.css"); /* font-awesome */
@import url("brands.min.css"); /* font-awesome */
@import url("jquery.fancybox.min.css");

@import url("animate.min.css");

@font-face{font-family:'Bureau'; src:url("fonts/font-bureau-stainless-bold.otf"); font-weight:600; font-style:bold; }
@font-face{font-family:"Bureau";src:url("fonts/font-bureau-stainless-light.otf");font-weight:200;font-style:bold}
@font-face{font-family:"Bureau";src:url("fonts/font-bureau-stainless-regular.otf");font-weight:400;font-style:bold}
@font-face{font-family:"RobotoImperial";src:url("fonts/roboto-light.ttf"),url("fonts/roboto-light.woff2") format("woff2");font-weight:200;font-style:normal}
@font-face{font-family:"robotoImperial";src:url("fonts/roboto-bold.ttf"),url("fonts/roboto-bold.woff2") format("woff2");font-weight:500;font-style:normal}
@font-face{font-family:"robotoImperial";src:url("fonts/roboto-medium.ttf");font-weight:400;font-style:normal}


body, html {  height: 100%;  margin: 0; }
body { font-family: 'Bureau', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.5; color: #453628;  overflow-y:scroll; overflow-x:hidden;   margin: 0;  min-height: 100vh; }

body.lock { height: 100%; overflow-y: hidden; }

p, li { color: #453628;   font-size: 16px;    line-height: 1.5em; font-family: "RobotoImperial"; font-weight: 200; }
header #desktop-nav li { font-size: 1.15em; }  

.wow { visibility:hidden; }
img { border-radius: 10px !important; }
input { font-family: "Helvetica Neue", Helvetica, Arial,sans-serif; }

a { color: #ff7321; text-decoration: none; font-family:"RobotoImperial";  }  
a p { color: #453628;  }  


.rounded-bottom-0 { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important }
a:hover { color: #ff7321; } 

.verif { display: none; }
.w100 { width: 100%; }
.semibold { font-weight: 600!important; }
.bold { font-weight: 700!important; }
.err { color:red; font-size: 14px; margin-top: 5px;}
.tx_peq { font-size: 14px; color: #414141;}

.cab { height: 250px; color: #FFFFFF; background: url('../../images/bg.jpg') no-repeat center center;   -webkit-background-size: cover;     -moz-background-size: cover;    -o-background-size: cover;    background-size: cover; }
.cab h1 { font-size: 50px; font-weight: 600; }

.btn-primary { background-color: #FFFFFF !important; color: #ff7321 !important; border-color: #ff7321 !important; border-radius: 35px; --bs-btn-padding-y: 0.475rem; --bs-btn-padding-x: 2rem; font-family:"RobotoImperial"; font-weight: 400;}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{ background-color:#FFFFFF !important; }
.btn-primary:hover { background-color: #ff7321 !important;  border-color: #ff7321 !important;  color: #FFFFFF!important;}



.btn-secondary { border-radius: 35px; --bs-btn-padding-y: 0.475rem; --bs-btn-padding-x: 2rem; font-family:"RobotoImperial"; font-weight: 400; }

.cp-hidden { display: none; }
.cp-notice * { box-sizing: border-box; }
.cp-notice { position: fixed; bottom: 0; left: 0;    right: 0;    z-index: 99999; }
.cp-bg {    background-color: black;    opacity: .90; padding: 20px; color:#FFFFFF; }
.cp-bg p  { color: #FFFFFF;  } 
.cp-bg a.enlace { color: #FFFFFF; text-decoration: underline; } 


.vertical-align {  display: flex;  align-items: center;  justify-content: center;  flex-direction: row; }

.config-bg { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }
.config-box { background: #FFFFFF; width: 70%; margin:0 auto; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.config-box .tit {font-size: 20px; font-weight: 700; }

.config-box .row {    margin-right: -15px;    margin-left: -15px; }
.config-box .btn-cookie1, .config-box .btn-cookie2 {   padding: 8px 25px; }
.config-box .panel {    background-color: #fff;    border:1px solid transparent;    border-radius: 0px;    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);    box-shadow: 0 0px 0px rgba(0, 0, 0, .05); }
.config-box .panel-default > .panel-heading {    color: #333;    background-color: #FFFFFF;    border-color: #FFFFFF; border-bottom:1px solid #ddd;  position:relative; padding: 10px 0;}
.config-box .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top: 0px solid #ddd; padding: 10px 0;}
.config-box .panel-title a { text-decoration:none; font-size: 15px; }
.config-box .panel-title i { margin-right:10px; }
.config-box .form-group { position:absolute; z-index:999; right: 60px; top: 15px; }
.config-box .s_activo { position:absolute; z-index:999; right: 60px; top:18px; font-weight: 600; font-size: 14px; }

.config-box .checkbox.checbox-switch label span::before, .checkbox-inline.checbox-switch span::before { top: 2px!important; } 

.config-box .table-cookies-tecnicas {
	width: 100%;
	margin-top: 1rem;
	border-collapse: collapse;
	font-size: 0.9rem;
	table-layout: fixed;
}
.config-box .table-cookies-tecnicas thead tr {
	background-color: #48A8D0;
}
.config-box .table-cookies-tecnicas thead tr th {
	padding: 10px 12px;
	text-align: left;
	color: #453628;
	font-weight: 600;
	border: 1px solid rgba(0, 0, 0, 0.08);
}
.config-box .table-cookies-tecnicas thead tr th:nth-child(3) {
	width: 35%;
}
.config-box .table-cookies-tecnicas thead tr th:nth-child(4) {
	width: 18%;
}
.config-box .table-cookies-tecnicas tbody tr:nth-of-type(odd) {
	background-color: #fff;
}
.config-box .table-cookies-tecnicas tbody tr:nth-of-type(even) {
	background-color: #f8f9fa;
}
.config-box .table-cookies-tecnicas tbody tr td {
	padding: 10px 12px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	vertical-align: top;
}

.help_phone {position: absolute; top: 25px; left:0; right:0; width: 300px; margin: 0 auto; font-weight: 500;}
.fa-phone { margin-left: 15px; color: #d6504f;}

.tx_white, .tx_white  a {color: #FFFFFF;}
.bg_brown { background-color: #453628; }

.footer { list-style: none; margin:0; padding:0; }
.footer li { display: inline-block; margin-right: 20px; font-size: 14px; padding: 15px 5px; color: #FFFFFF; font-size: 12px;}
.footer li a { text-decoration: none; font-size: 12px;  }

.footer-1 { border-top: 1px solid #453628; padding-top: 40px; margin-top: 48px; margin-bottom: 48px; }
.footer-1 p { font-size: 14px;} 
.footer-logo { max-width: 200px;}
.footer-1  h3 { font-size: 20px; font-weight: 700; color: #ff7321; }
.col-footer-1 { border-right: 1px solid #453628;}
.footer-1  ul { list-style: none; margin: 15px 0 0 0; padding:0; } 
.footer-1  ul li {  padding-top: 10px; }
.footer-1  ul li a { font-size: 14px; text-decoration: none; color:#453628; font-weight: 300;}
.ico-twitter { color: #ff7321; font-size: 20px; margin-top:20px; display: block;}
a.ico-twitter:hover { color: #ff7321; }


.texto { padding-top: 160px; }

.damvideo {    position: relative;    min-height: 40px;  }
.damvideo video {    width: 100%;    border-radius: 10px;    object-fit: cover;  }

#home .damvideo {    height: 100vh;  }
#home .damvideo video {    width: 100%;    height: 100%;    border-radius: 0;    object-fit: cover;  }
#home .textvideo {    position: absolute;    top: 50%;    width: 100%;    transform: translateY(-50%);  margin: 0 auto;   padding: 0 20px !important; }

#home .textvideo h2 {    max-width: 460px;    font-size: 2.5em;    text-transform: uppercase; color: white; margin-bottom: 20px; line-height: 1.3em; font-weight: 600; font-style:bold; }
#home .textvideo p {  font-size: 1.3em;     line-height: 1.5em;    font-weight: 200;  margin-bottom: 20px;    font-family: "RobotoImperial"; color: white;  max-width: 460px;}

.botonLink         { margin-top: 60px; }
.botonLink a       { text-decoration: none;    padding: 24px 95px 22px 25px;    display: inline-block;   position: relative;    border: 1px solid white;    background-color: rgba(0,0,0,0);    border-radius: 35px;    cursor: pointer;    transition: .4s;  font-size: 1em; margin-bottom: 20px; color: white;    font-weight: 600; text-transform: uppercase; }
.botonLink a::after{ content: "";    height: 100%;    width: 68px;    display: block;    top: 0;    right: -1px;    position: absolute;    background-color: white;    background-image: url(../images/icon-arrow-right-primary.svg);    background-size: 22px !important;    background-position: center;    background-repeat: no-repeat;    border-radius: 35px;  }
.botonLink a:hover { background-color:white; color:#ff7321; transition:.4s; }


.banner-subhome     { position:relative; background-size: cover; background-repeat: no-repeat;  background-position:center; height: 589px; border-radius: 10px;}
.botonDown  { position: absolute; bottom: 20px; width: 100%; }
.botonDown a { text-decoration: none; padding: 25px; display: inline-block;   position: relative;    border: 3px solid white;    background-color: rgba(0,0,0,0);    border-radius: 35px;    cursor: pointer;    transition: .4s;  }
.botonDown a::after { content: "";    height: 100%;    width: 56px;    display: block;    top: 0;    left: -3px;    position: absolute;    background-image: url(../images/icon-arrow-right-white.svg); background-size: 16px !important;    background-position: center;    background-repeat: no-repeat; transform: rotate(90deg);  }
.botonDown a:hover{ background-color:white;    }
.botonDown a:hover::after { background-image: url(../images/icon-arrow-right-primary.svg);    }


.arrow-on-title h2::after, .arrow-on-title h3::after, .arrow-on-title h4::after {
    height: 63px;
    width: 63px;
    position: absolute;
    content: "";
    top: 5px;
    right: -100px;
    display: block;
    background-image: url('../images/icon-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
  }

.tx_cab { margin-top: 300px; color: #FFFFFF; }
.tx_cab h1 {  font-family: "Bureau";  font-size: 50px; font-weight: 600; }
.tx_cab p {   color: #FFFFFF; font-size: 20px;  width: 490px; }

.arrow-on-title h2, .arrow-on-title h3, .arrow-on-title h4 {    font-family: "Bureau"; font-size: 30px; font-weight: 500; position: relative;    padding-top:25px; display: inline-block; margin-bottom: 25px; color:#ff7321; }
.gap-44 { gap:44px; }

.box .col-12:first-child { padding-right: 20px; }
.box .col-12:last-child  { padding-left:  20px; }

.grid-teaser { color: #fff!important; border-radius: 10px;    overflow: hidden;   }
.grid-teaser p {  color: #fff!important; }
.grid-teaser>.inner {    height:100%   }
.grid-teaser>.inner .image-container {     height:225px;    width:auto;    background-size:cover;    background-repeat:no-repeat;    background-position:center;    position:relative   }

    
   .grid-teaser>.inner .image-container a {
        height:58px;
        width:58px;
        display:block;
        font-size:0;
        content:"";
        cursor:pointer;
        position:absolute;
        background-image:url('../images/icon-arrow-right-white.svg');
        background-size:20px;
        background-repeat:no-repeat;
        background-position:center;
        bottom:20px;
        right:20px;
        border-radius:35px;
        border:4px solid #fff;
        transition:.4s
   }
   .grid-teaser>.inner .image-container a:hover {
        background-color:#fff;
        background-image:url('../images/icon-arrow-right-primary.svg');
        transition:.4s
   }
   .grid-teaser>.inner .information-container {
    margin:20px;
    height:calc(100% - 200px);
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    justify-content:space-between
   }
   .grid-teaser>.inner .information-container .information-container-inner      { width:79%; }
   .grid-teaser>.inner .information-container .information-container-inner h3   { font-size:1.6em;    margin-bottom:8px;    line-height:1.25em   }

   .grid-teaser > .inner .information-bottom {     bottom:15px; position: absolute; padding-left: 20px; width: 70%;}
   .grid-teaser.full > .inner .image-container a { position: relative; right:0; bottom:0; }
   .grid-teaser.full-12 > .inner .image-container a { position: relative; right:0; bottom:0; }
   .grid-teaser.full-12 > .inner .information-bottom {  position: absolute; padding-left: 30px; padding-bottom: 15px; width: 70%; bottom:0;}
   
   .grid-teaser>.inner .information-container .information-container-inner blockquote {
    font-size:20px;
    font-weight:700;
    margin-bottom:10px
   }
   .grid-teaser>.inner .information-container .information-container-inner p {    margin-bottom:7px;   margin-bottom:10px   }
   .grid-teaser>.inner .information-container__cta {
    display:none
   }
   .grid-teaser>.inner .information-container__img {
    margin-top:20px;
    margin-bottom:-10px
   }
   .grid-teaser>.inner .information-container__img img {
    max-width:150px;
    max-height:80px
   }
   .grid-teaser>.inner .video-modal-container {
    z-index:-20;
    display:block;
    opacity:0;
    position:fixed;
    top:0;
    left:0;
    height:0;
    width:0;
    z-index:-10;
    background-color:rgba(0,0,0,.75);
    transition:.4s
   }
   .grid-teaser>.inner .video-modal-container.visible {
    height:100%;
    width:100%;
    opacity:1;
    transition:.4s
   }
   .grid-teaser>.inner .video-modal-container>.modal-inner {
    display:block;
    max-width:1080px;
    margin:0 auto;
    height:100%;
    position:relative
   }
   .grid-teaser>.inner .video-modal-container>.modal-inner>.video-position-container {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    margin:0 60px
   }
   @media only screen and (max-width:767px) {
    .grid-teaser>.inner .video-modal-container>.modal-inner>.video-position-container {
     margin:0 20px
    }
   }
   .grid-teaser>.inner .video-modal-container>.modal-inner>.video-position-container>button {
    position:absolute;
    top:-30px;
    right:-30px;
    height:20px;
    width:20px;
    background-size:18px;
    border:0;
    outline:0;
    cursor:pointer;
    font-size:0;
    background-color:transparent;
    background-image:url(../images/icon-close-white.svg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center
   }
   @media only screen and (max-width:767px) {
    .grid-teaser>.inner .video-modal-container>.modal-inner>.video-position-container>button {
     top:-40px;
     right:0
    }
   }
   .grid-teaser>.inner .video-modal-container>.modal-inner>.video-position-container>video {
    max-width:100%
   }
   .grid-teaser>.inner.hasVideo .image-container a {
        background-color:#fff;
        background-image:url(../images/icon-play-primary.svg);
        background-size:12px
   }
   .grid-teaser>.inner.hasVideo .image-container a:hover {
        background-color:#ff7321;
        background-image:url(../images/icon-play-white.svg)
   }
   .grid-teaser .grid-modal-container {
    position:relative;
    padding:10px;
    display:none
   }
   

.grid-teaser, .grid-teaser.full >.inner .image-container { min-height:390px; }    
.full-12 { height: auto!important; min-height:auto!important; }    

   .grid-teaser.red {
    background-color:#ff384d
   }
   .grid-teaser.red-dark {
    background-color:#a3212d
   }
   .grid-teaser.blue {
    background-color:#48a8d0
   }
   .grid-teaser.blue-dark {
    background-color:#19698b
   }
   .grid-teaser.green {
    background-color:#adbe4a
   }
   .grid-teaser.green-dark {
    background-color:#24945d
   }
   .grid-teaser.purple {
    background-color:#775098
   }
   .grid-teaser.purple-dark {
    background-color:#4d1654
   }
   .grid-teaser.brown {
    background-color:#7a6455
   }
   .grid-teaser.brown-dark {
    background-color:#51443d
   }
   .grid-teaser.default {
    background-color:#ff7321
   }   


.desktop-media.dropdown-open {
    position: absolute!important;
    right: 155px!important;
    width: 196px;
    /*
    flex: 0 0 195px!important;
    
    */
}

#top-nav-desktop .image.dropdown-open { margin-right: 110px;  }

.imprensa-menu {    background-color: #f7f5f3;    list-style: none;    position: absolute;    width: 160px;    z-index: -5;    border-bottom-left-radius: 10px;    border-bottom-right-radius: 10px;    opacity: 0;    top: 20px;    margin-left: 0;
    transition: .2s;  }

.desktop-media ul {    opacity: 0; top: 50px; transition: .2s; margin:0; padding:0;  z-index: -1; }
.desktop-media.dropdown-open  ul {    opacity: 1;  z-index: 22; }
.desktop-media ul li {   padding: 8px 10px 0px 10px;     border-bottom: 1px solid transparent;    transition: .2s; }
.desktop-media ul li:last-child {   padding: 8px 10px 8px 10px;  }
.desktop-media ul li a {   color: #453628; font-size: 14px; text-decoration: none; z-index: 999;}
.desktop-media ul li a:hover{   text-decoration: underline; }
.dropdown-open .btn {
    width: calc(100% - 36px)!important;
    background-color: #f7f5f3!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-top-left-radius: 10px!important;
    border-top-right-radius: 10px!important;
    border-color: #f7f5f3!important;
    border-bottom-color: rgb(247, 245, 243)!important;
    border-bottom: 1px solid #ff7321!important;
    transition: .2s;
}
#desktop-media-open>div:hover {
    background-color:#ff7321!important;
    color:#fff;
    transition:.4s
   }



.bg-cabecera { background-color: #48A8D0; color:#FFFFFF; padding-bottom: 30px; }
.content-miga { padding-top: 150px; }
.content-cab { padding-right: 60px; }

.sep { padding-bottom: 30px; border:1px solid;}

.miga, .miga a { font-size: 14px; color:#FFFFFF; text-decoration: none; font-family:"RobotoImperial"; font-weight: 300;}
.miga-black, .miga-black a { font-size: 14px; color:#000000; text-decoration: none; font-family:"RobotoImperial"; font-weight: 300;}

.bg-cabecera h1 { font-family:"Bureau"; font-size: 37px; font-weight: 600; }
.bg-cabecera p { color:#FFFFFF; }

.tx_intro { font-family:"RobotoImperial"; font-size: 24px; font-weight: 300; color: #453628; }
.tx_texto { padding-right: 30px;  }

.socialsharewidget-content p { font-size: 16px; position: relative;    top: 3px; display: inline-block; }
.socialsharewidget-list {    display: inline-block;    list-style: none;    border-left: 1px solid #453628;    padding-left: 20px;    margin-left: 20px;    position: relative;    top: 4px;  }
.socialsharewidget-list li {    display: inline-block;    margin-left: 15px;  }
.socialsharewidget-list li a {    display: inline-block;    font-size: 20px; position: relative;  color:#ff7321;}

.valores-tit    { font-weight:bold; font-size: 34px; color: #000000; margin-top: 25px; margin-bottom: 5px;}
.valores-intro  { font-size: 20px;  font-weight: bold; margin-bottom: 5px;}
.valores-list   { padding-left: 15px; }
.valores-color-1 { color: #55a0cf;}   
.valores-color-2 { color: #e61e48;}   
.valores-color-3 { color: #b7be2d;} 
.valores-color-4 { color: #8a508e;} 
.valores-color-5 { color: #f07300;} 

.animated.delay-01s {-webkit-animation-delay:0.1s; animation-delay:0.1s; }
.animated.delay-02s {-webkit-animation-delay:0.2s; animation-delay:0.2s; }
.animated.delay-03s {-webkit-animation-delay:0.3s; animation-delay:0.3s; }
.animated.delay-04s {-webkit-animation-delay:0.4s; animation-delay:0.4s; }
.animated.delay-05s {-webkit-animation-delay:0.5s; animation-delay:0.5s; }


.animated{ -webkit-animation-duration:0.5s!important; animation-duration:0.5s!important; -webkit-transition-duration:0.5s!important; transition-duration:0.5s!important; -webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}
.fadeIn{ position:relative; -webkit-animation-name:fadeIn;animation-name:fadeIn }
@-webkit-keyframes fadeIn
{
    0% { opacity:0; top:-25px; }
    to { opacity:1; top: 0px; }
}
@keyframes fadeIn
{
    0% { opacity:0; top:-25px; }
    to { opacity:1; top: 0px; }
}.fadeIn{ -webkit-animation-name:fadeIn; animation-name:fadeIn }

@media all and (max-width: 991px) {
    .content-miga {padding-top: 100px; }
    .content-cab, .tx_texto { padding-right: calc(var(--bs-gutter-x) * .5); }
    .bg-cabecera h1 { font-size: 30px; }
}  



.link-l { color: #453628; font-size:15px; font-weight: 500; text-decoration: none;}
.link-l:after {	color: #ff7321; font-family: "Font Awesome 6 Free";      content: "\2192";  padding-left:8px;  display: inline-block; }
.link-l:hover:after  { 	-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 	-webkit-animation-name: animation-arrow-left !important; animation-name: animation-arrow-left !important; -webkit-transform-origin: center bottom !important; transform-origin: center bottom; }


.link-r { color: #453628; font-size:15px; font-weight: 400; text-decoration: none;}
.link-r:before {	color: #ff7321; font-family: "Font Awesome 6 Free";      content: "\2190";  padding-right:8px;  display: inline-block; }
.link-r:hover:before  { 	-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 	-webkit-animation-name: animation-arrow-right !important; animation-name: animation-arrow-right !important; -webkit-transform-origin: center bottom !important; transform-origin: center bottom; }

.download { color: #ff7321; font-size:15px; font-weight: 400; text-decoration: none;}
.download:after {	font-family: "Font Awesome 6 Free";      content: "\f063";  padding-left:8px;  display: inline-block; }
.download:hover:after  { 	-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 	-webkit-animation-name: animation-arrow-down !important; animation-name: animation-arrow-down !important; -webkit-transform-origin: center bottom !important; transform-origin: center bottom; }

.tx_black { color:#000000!important; }
.tx_naranja { color:#ff7321!important; }
.tx-14 { font-size: 14px;}
.semi-bold { font-weight: 400;}

#politica-de-cookies h2 { font-size: 18px;}


.accordion { /*margin-top: 15px;*/ }
.accordion > .accordion-item {    border: 1px solid #a3a3a3;    margin-bottom: 20px; border-radius: var(--bs-accordion-border-radius);  }
.accordion-button { border-radius: var(--bs-accordion-border-radius);  }
.accordion > .accordion-item > h2 button {    color: #ff7321;    cursor: pointer;  font-family: "Bureau";    font-size: 25px;    font-weight: 500; padding: 25px 30px;  }
.accordion > .accordion-item > h2 button:not(.collapsed)  {  background-color: #FFFFFF;    color:#ff7321; }

.accordion > .accordion-item > h2 button:hover {    background-color: #ff7321;    color:#FFFFFF;  }
.accordion > .accordion-item > h2 button::after {    height: 49px;    width: 49px;    background-color: #ff7321;    background-image: url(../images/icon-chevron-right-white.svg);    background-size: 10px;    background-repeat: no-repeat;
    background-position: center;    border-radius: 50%;    content: "";    display: block;    position: absolute;    right: 40px;    top: calc(50% - 24px);    transform: rotate(90deg); }
.accordion > .accordion-item > h2 button:not(.collapsed)::after { transform: rotate(-90deg);  }
.accordion > .accordion-item > h2 button:hover::after, .accordion > .accordion-item > h2 button:not(.collapsed)::after {   background-image:url(../images/icon-chevron-right-primary.svg);  background-color: #FFFFFF;    color:#ff7321;  }


#accordionCookies .accordion-header {     position: relative; }
#accordionCookies button:not(.collapsed)  {  background-color: #FFFFFF;    color:#ff7321; }


.legislacion { font-family: "RobotoImperial"; font-weight: 300;}
.legislacion th {  color: #ff7321; font-size: 24px; font-weight: 500;}
.legislacion td:first-child { min-width: 400px;}
.legislacion td a {  color:#453628; font-weight: 500;}

.titular { font-family: "Bureau"; font-weight: 500; font-size: 30px; color: #ff7321;   }

.estructura-directiva .bg_gris { border: 1px solid #E3E3E3; background-color: #fbfafa; border-radius: 10px !important; margin-bottom: 10px; display: inline-block;}
.estructura-directiva a.link-cargo { color: #453628; font-size: 13px; font-weight: 400; margin-top: 10px; }
.estructura-directiva .cargo { font-size: 18px; font-weight: 400;}

.card { border-radius: 10px; }
.noticias .card { padding: 15px 25px; min-height: 210px; border-radius: 0;}
.noticias .noticias_fecha { color: #ff7321; font-size: 18px; font-weight: 500; margin-bottom: 10px; }
.noticias .noticias_titular { margin-bottom: 0px; }
.noticias .card a { color:#453628; font-weight: 300; }

.te-puede-interesar .card {  min-height: 440px; }
.te-puede-interesar .card .link-l {  bottom: 20px; position: absolute; }

.noticias_detalle .noticias_fecha { color: #453628; font-size: 18px; font-weight: 500; margin-bottom: 10px; }

.doc { color: #453628; font-size: 16px;}
.doc i { color:#ff7321; margin-right: 12px; font-size: 22px; }

.marcas .card-body { padding: 25px; border-bottom-left-radius: 10px!important;     border-bottom-right-radius: 10px!important; }
.marcas .card-title { font-family: "Bureau"; font-size: 30px; font-weight: 500; }
.bg-red     { background-color: #DA2A3C; }
.bg-purple  { background-color: #44488B; } 
.bg-gold    { background-color: #BA924A; } 
.bg-A68F66  { background-color: #A68F66; }
.bg-20ACE5  { background-color: #20ACE5; }
.bg-BC7959  { background-color: #BC7959; }


.search-miga    { color: #453628; font-family:"RobotoImperial"; font-weight: 400; }
.search-titular { color: #453628; font-family:"Bureau"; font-weight: 300; font-size: 16px;}
.search-result-page {
    font-family: inherit;
    background-color: #ff7321;
    height: 40px; width: 40px;
    top: -6px;    right: 43px;    
    cursor: pointer;    
    position: relative;
    border: 0;
    outline: 0;
    font-size: 0;    
    background-image: url('../images/icon-search-white.svg');
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(0,0,0,.25);
    transition: .4s;
  }

.carousel { opacity: 0; position: relative; transition: .4s;height: calc(100vh - 20px);  }
.carousel.is-visible { opacity: 1; transition: .4s; }
.carousel > section {    height: 100%;  }
.carousel > section > [data-bscarousel-trackwrapper] {    height: 100%;  }
.carousel > section > [data-bscarousel-trackwrapper] > [data-bscarousel-trackmask] {    height: 100%;  }
.carousel > section > [data-bscarousel-trackwrapper] > [data-bscarousel-trackmask] > div {    height: 100%;  }
.carousel > section > [data-bscarousel-trackwrapper] > [data-bscarousel-trackmask] > div > div {    height: 100%;  }
.carousel > section > [data-bscarousel-trackwrapper] > [data-bscarousel-trackmask] > div > div > .__bscarousel__item {    height: 100%;    border: 0;    margin: 0;  }
.carousel > section > [data-bscarousel-trackwrapper] > [data-bscarousel-trackmask] > div > div > .__bscarousel__item > .banner {    height: 100%;  }
.carousel > section > [data-bscarousel-trackwrapper] > [data-bscarousel-trackmask] > div > div > .__bscarousel__item > .banner > div {    height: 100%;    width: 100%;    position: relative;  }
.carousel > section > [data-bscarousel-trackwrapper] > [data-bscarousel-trackmask] > div > div > .__bscarousel__item > .banner > div > .cmp-container { height: 100%; background-size: cover !important; background-position: center; background-repeat: no-repeat; transition: 5s !important; }

.carousel > section > [data-bscarousel-trackwrapper] > [data-bscarousel-trackmask] > div > div > .__bscarousel__item > .banner > div > .cmp-container > .inner {    
    position: absolute;    
    top: 50%;    
    transform: translateY(-50%);    
    z-index: 10;  
}

.carousel > section > [data-bscarousel-trackwrapper] > [data-bscarousel-trackmask] > div > div > .__bscarousel__item > .banner > div > .cmp-container .text {    z-index: 10;    position: relative;  }

.carousel > section > [data-bscarousel-trackwrapper] > [data-bscarousel-controlswrapper] {    display: none;  }

.carousel > section > [data-bscarousel-trackwrapper] > [data-bscarousel-trackmask] > div > div > .__bscarousel__item > .banner > div .background-zoom {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: none;
    background-position: center;
    max-width: 100%;
    padding: 0;
    margin: 0;
    z-index: 1;
}

.carousel > section > [data-bscarousel-navigationwrapper] {    position: relative;    bottom: 69px;    width: calc(100% - 40px);    max-width: 1280px;    margin: 0 auto;    display: block;  }
.carousel > section > [data-bscarousel-navigationwrapper] > ul {    display: flex!important;  }
.carousel > section > [data-bscarousel-navigationwrapper] > ul > li {  margin-right: 10px!important;   flex: 1!important;   transition: .2s!important;  }
.carousel > section > [data-bscarousel-navigationwrapper] > ul > li > button {  position: relative;       background-color: #ff7321;    border: 0;    outline: 0;    font-family: inherit;    color: #fff;    padding: 34px 40px 26px!important;    border-radius: 5px!important;    overflow: hidden;    font-size: 1.15em;     background-size: 34px;    background-position: center right 40px;    background-repeat: no-repeat;    transition: .2s;  }
.carousel > section > [data-bscarousel-navigationwrapper] > ul > li > button:hover { background-color: #ff7321; }
.carousel>section>[data-bscarousel-navigationwrapper]>ul>li>button:before {     display: block;    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 8px;    background-color: #ce6018;    content: ""; }
.carousel>section>[data-bscarousel-navigationwrapper]>ul>li>button .__bscarousel-pageindex {     display: none; }
.carousel>section>[data-bscarousel-navigationwrapper]>ul>li>button:after {    display: block;    position: absolute;    top: 0;    left: 0;    width: 0;    height: 8px;    background-color: #fff;    content: "";    transition: 0; }

[data-bscarousel] [data-bscarousel-dot].__bscarousel-active > button {    background-color: #ff7321;  }

/*****************/

.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.inner{outline:22px solid red}
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .text{z-index:10;position:relative}


.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .text h1,
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .text h2,
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .text h3 {
    max-width:670px;
    font-size:5.6em;
    line-height:1em;
    text-transform:uppercase;
    text-shadow:0 0 20px rgba(0,0,0,.15);
    position:relative;
    top:0;
    opacity:1;
    font-weight: 800;
}

@media only screen and (max-width:767px){
	.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .text h1,
    .carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .text h2,
    .carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .text h3 { font-size:3em;padding-bottom:200px }
}
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .button{ margin-top:20px }

.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .button a {
    font-size: 0;
    outline: 0;
    height: 68px;
    width: 68px;
    padding: 0;
    margin: 0;
    top: -100px;
    opacity: 0;
    transition: .8s;
    border:1px solid;
}



.carousel {height:calc(100vh - 20px)}

@media only screen and (max-width:767px) and (max-height:600px){
	.carousel{height:600px!important}
}
.carousel>section{height:100%}
.carousel>section>[data-bscarousel-trackwrapper]{height:100%}
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-controlswrapper]{display:none}
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]{height:100%}
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div{height:100%}
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div{height:100%}
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item{height:100%;border:0;margin:0}
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner{height:100%}

.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div{ height:100%; width:100%; position:relative; }

.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div .background-zoom{height:100%;width:100%;display:block;position:absolute;left:0;top:0;background-size:cover;background-repeat:none;background-position:center;max-width:100%;padding:0;margin:0;z-index:1}
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container{height:100%;background-size:cover!important;background-position:center;background-repeat:no-repeat;transition:5s!important}

.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .text{z-index:10;position:relative}

.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .text h1,
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .text h2,
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .text h3 { 
    max-width:670px; 
    font-size:5.6em;
    line-height:1em; 
    text-transform:uppercase; 
    text-shadow:0 0 20px rgba(0,0,0,.15); 
    position:relative; 
    top:-100px; 
    opacity:0; 
    padding-bottom:0!important; 
    font-weight: 800;
}

@media only screen and (max-width:767px){
	.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .text h1,
    .carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .text h2,
    .carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .text h3 { font-size:3em; }
}
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .button{ margin-top:20px; }

@media only screen and (max-width:767px){
	.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .button{padding-bottom:200px}
}


@media only screen and (max-width:767px){
	.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .button a{ background-color:#fff;border-radius:50%; }
}

@media only screen and (max-width:767px){
	.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item>.banner>div>.cmp-container .button a:after{height:15px;width:30px;display:inline-block;position:absolute;right:calc(50% - 15px)!important;top:calc(50% - 8px)!important;content:"";background-image:url('../images/icon-arrow-right-primary.svg');background-size:contain;background-repeat:no-repeat;background-position:center;transition:.4s}
}

.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item.__bscarousel-active>.banner>div .background-zoom,.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item.start>.banner>div .background-zoom{ transform:scale(108%); transition:5s!important; }

.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item.__bscarousel-active>.banner>div>.cmp-container .text h1,
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item.start>.banner>div>.cmp-container .text h1,
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item.__bscarousel-active>.banner>div>.cmp-container .text h2
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item.start>.banner>div>.cmp-container .text h2,
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item.__bscarousel-active>.banner>div>.cmp-container .text h3,
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item.start>.banner>div>.cmp-container .text h3 { 
    top:0; opacity:1; transition:.8s; transition-delay:.8s; }

.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item.__bscarousel-active>.banner>div>.cmp-container .button a,
.carousel>section>[data-bscarousel-trackwrapper]>[data-bscarousel-trackmask]>div>div>.__bscarousel__item.start>.banner>div>.cmp-container .button a { top:0; opacity:1; transition:.8s; transition-delay:.8s; }
.carousel>section>[data-bscarousel-navigationwrapper] { position:relative; bottom:69px; width:calc(100% - 40px); max-width:1280px; margin:0 auto;display:block; }

@media only screen and (max-width:767px){
	.carousel>section>[data-bscarousel-navigationwrapper]{bottom:210px}
}
.carousel>section>[data-bscarousel-navigationwrapper]>ul{display:flex}

@media only screen and (max-width:767px){
	.carousel>section>[data-bscarousel-navigationwrapper]>ul{flex-wrap:wrap}
}
.carousel>section>[data-bscarousel-navigationwrapper]>ul>li{margin-right:10px;flex:1;transition:.2s}

@media only screen and (max-width:767px){
	.carousel>section>[data-bscarousel-navigationwrapper]>ul>li{flex:0 0 100%;margin-right:0;margin-bottom:5px}
}
.carousel>section>[data-bscarousel-navigationwrapper]>ul>li:last-of-type{margin-right:0}
.carousel>section>[data-bscarousel-navigationwrapper]>ul>li>button{position:relative;background-color:#ff7321;border:0;outline:0;font-family:inherit;color:#fff;padding:34px 40px 26px;border-radius:5px;overflow:hidden;font-size:1.15em;background-size:34px;background-position:center right 40px;background-repeat:no-repeat;transition:.2s}

@media only screen and (max-width:767px){
	.carousel>section>[data-bscarousel-navigationwrapper]>ul>li>button{padding:24px 40px 16px;background-position:top 15px right 40px}
}
.carousel>section>[data-bscarousel-navigationwrapper]>ul>li>button .__bscarousel-pageindex{display:none}
.carousel>section>[data-bscarousel-navigationwrapper]>ul>li>button:before{display:block;position:absolute;top:0;left:0;width:100%;height:8px;background-color:#ce6018;content:""}
.carousel>section>[data-bscarousel-navigationwrapper]>ul>li>button:after{display:block;position:absolute;top:0;left:0;width:0;height:8px;background-color:#fff;content:"";transition:0}
@media only screen and (min-width:768px){
	.carousel>section>[data-bscarousel-navigationwrapper]>ul>li:hover{flex:1.2;padding:0 30px;transition:.2s}
	.carousel>section>[data-bscarousel-navigationwrapper]>ul>li:hover button{transform:scale(1.1);cursor:pointer;transition:.4s}
}
.carousel>section>[data-bscarousel-navigationwrapper]>ul>li.__bscarousel-active button:after{width:100%;transition:5s}

/************/

.banner>div>div>div{ background-size:0 !important; position:absolute; top:50%; transform:translateY(-50%); width:100%;  }
.banner>div>div>div>div{ margin:0 auto; padding:0 20px; display:block; margin-bottom:20px; max-width:1180px }
.banner>div>div>div>div:first-of-type{ padding-top:120px; }
@media only screen and (max-width:767px){
	.banner>div>div>div>div:first-of-type{ padding-top:150px; }
}
.banner>div>div>div .text{ margin-bottom:20px}
.banner>div>div>div .text h1,.banner>div>div>div .text h2,.banner>div>div>div .text h3,.banner>div>div>div .text h4,.banner>div>div>div .text h5,.banner>div>div>div .text h6,.banner>div>div>div .text p{max-width:460px;font-size:2.5em;color:white}
.banner>div>div>div .text p{font-size:1.3em;line-height:1.5em;font-weight:200}
.banner>div>div>div .text ul{list-style:none;margin-left:0 !important}
.banner>div>div>div .text ul li{display:inline-block;margin-right:10px;margin-bottom:10px}
.banner>div>div>div .text ul li a{font-size:1em;color:#ff7321;padding:11px 17px 8px 19px;border:1px solid #ff7321;display:inline-block;border-radius:35px;background-color:rgba(0,0,0,0);text-decoration:none;transition:.4s;margin-right:0;margin-bottom:0;color:white;border-color:white}
.banner>div>div>div .text ul li a:hover{background-color:#ff7321 !important;color:white;transition:.4s}

@media only screen and (max-width:767px) {
	.banner>div>div>div .text ul li a{margin-right:0;margin-bottom:0}
}
.banner>div>div>div .button{ margin-top:60px; }
.banner>div>div>div .button a,.banner>div>div>div .button button{ background-color:rgba(0,0,0,0); border:0 }
.banner>div>div>div .button a:after,.banner>div>div>div .button button:after{ height:68px;top:0 !important;background-image:url(../images/icon-arrow-right-primary.svg) !important}
@media only screen and (min-width:768px){.banner>div>div>div .button a,.banner>div>div>div .button button{text-decoration:none;padding:28px 95px 23px 25px;color:white;font-weight:600;display:inline-block;text-transform:uppercase;position:relative;border:1px solid white;background-color:rgba(0,0,0,0);border-radius:35px;cursor:pointer;transition:.4s}
.banner>div>div>div .button a:after,.banner>div>div>div .button button:after{content:"";height:100%;width:68px;display:block;top:0;right:-1px;position:absolute;background-color:white;background-image:url(../images/icon-arrow-right-primary.svg);background-size:22px !important;background-position:center;background-repeat:no-repeat;border-radius:35px}
.banner>div>div>div .button a:hover,.banner>div>div>div .button button:hover{background-color:white;color:#ff7321;transition:.4s}
.banner>div>div>div .button a:hover:after,.banner>div>div>div .button button:hover:after{right:-1px !important}
}
@media only screen and (max-width:767px){
    .banner>div>div>div .button a, .banner>div>div>div .button button { font-size:1em;color:#453628;text-transform:uppercase;font-weight:600;text-decoration:none;display:inline-block;position:relative;padding-right:45px;margin-bottom:20px;cursor:pointer;transition:.4s;color:white }
    .banner>div>div>div .button a:after,.banner>div>div>div .button button:after{height:15px;width:30px;display:inline-block;position:absolute;right:0;top:calc(50% - 8px);content:"";background-image:url(../images/icon-arrow-right-primary.svg);background-size:contain;background-repeat:no-repeat;background-position:center;transition:.4s}
    .banner>div>div>div .button a:hover:after,.banner>div>div>div .button button:hover:after{right:-10px;transition:.4s}
    .banner>div>div>div .button a:after,.banner>div>div>div .button button:after{background-color:rgba(0,0,0,0) !important}
}
.banner.intro-banner>div>div>div .button { height:auto !important}
@media only screen and (min-width:768px){.banner.intro-banner>div>div>div .button a:after{height:68px !important}
}
.banner>div>div{border-radius:10px}
.banner.text-dark>div>div>div .text h1,.banner.text-dark>div>div>div .text h2,.banner.text-dark>div>div>div .text h3,.banner.text-dark>div>div>div .text h4,.banner.text-dark>div>div>div .text h5,.banner.text-dark>div>div>div .text h6,.banner.text-dark>div>div>div .text p{color:#453628}
.banner.text-dark>div>div>div .button button,.banner.text-dark>div>div>div .button a{border-color:#453628;color:#453628}
.banner.text-dark>div>div>div .button button:after,.banner.text-dark>div>div>div .button a:after{background-image:url(../images/icon-arrow-right-white.svg) !important;background-color:#453628}
.banner.text-dark>div>div>div .button button:hover,.banner.text-dark>div>div>div .button a:hover{background-color:#453628;color:white}
@media only screen and (min-width:768px){.banner.text-right>div>div>.inner>div{margin-left:calc(50%);min-width:calc(50% - 20px)}
}
.banner .white-heading h1,.banner .white-heading h2,.banner .white-heading h3,.banner .white-heading h4,.banner .white-heading h5,.banner .white-heading h6{color:white !important}
.home-page>.root>.aem-Grid>.responsivegrid>.aem-Grid>div:first-of-type.banner>div>div{height:100vh}
.home-page>.root>.aem-Grid>.responsivegrid>.aem-Grid>div:first-of-type.banner>div>div>div{margin-top:60px}
@media only screen and (min-width:768px){.content-page>.root>.aem-Grid>.responsivegrid>.aem-Grid>div:first-of-type.banner{margin-bottom:60px}
}
.content-page>.root>.aem-Grid>.responsivegrid>.aem-Grid>div:first-of-type.banner>div>div{height:400px}
.two-col-50-50 .banner>div>div>div>div,.two-col-20-80 .banner>div>div>div>div,.two-col-80-20 .banner>div>div>div>div,.two-col-40-60 .banner>div>div>div>div,.two-col-60-40 .banner>div>div>div>div,.two-col-33-66 .banner>div>div>div>div,.two-col-66-33 .banner>div>div>div>div,.two-col-75-25 .banner>div>div>div>div,.two-col-25-75 .banner>div>div>div>div,.three-col-33-33-33 .banner>div>div>div>div,.four-col-25-25-25-25 .banner>div>div>div>div{padding:0 60px}
@media only screen and (max-width:1200px){
.two-col-50-50 .banner>div>div>div>div,.two-col-20-80 .banner>div>div>div>div,.two-col-80-20 .banner>div>div>div>div,.two-col-40-60 .banner>div>div>div>div,.two-col-60-40 .banner>div>div>div>div,.two-col-33-66 .banner>div>div>div>div,.two-col-66-33 .banner>div>div>div>div,.two-col-75-25 .banner>div>div>div>div,.two-col-25-75 .banner>div>div>div>div,.three-col-33-33-33 .banner>div>div>div>div,.four-col-25-25-25-25 .banner>div>div>div>div{padding:0 20px}
}


@media only screen and (max-width: 767px) {
    .carousel > section > [data-bscarousel-navigationwrapper] > ul > li {  flex: 0 0 100%!important;  margin-right: 0!important;  margin-bottom: 5px!important;  }
    .carousel > section > [data-bscarousel-navigationwrapper] > ul > li > button {      padding: 24px 40px 16px!important;      background-position: top 15px right 40px!important;    }
}
/************/


.search2 { width:400px; }

@media (min-width: 992px)
{
    .pe-lg-5 {  padding-right: 40px !important; }
}



@media only screen and (min-width: 1100px)
{
    #mobile-nav { display: none; }    

    header #desktop-nav { background: white; width: calc(100% - 40px); max-width: 1280px; margin: 0 20px; display: block; top: 0; position: fixed; left: 50%; transform: translate(calc(-50% - 20px),0);
        z-index: 10;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        box-shadow: 0 0 10px rgba(0,0,0,0.25);
        height: 123px;
        transition: .4s;
    }
    header #desktop-nav > div { width: calc(100% - 40px); max-width: 1180px; padding-top: 12px; margin: 0 auto; transition: .2s; }  

    header #desktop-nav.open {
        width: 100%;
        max-width: 100%;
        height: 90vh;
        backface-visibility: hidden;
        transition: .4s;
      }


    header #desktop-nav > div.mainnavpanel { padding-top: 0;  }    
    header #desktop-nav > div.mainnavpanel > .navigation { width: 100%; }    
    header #desktop-nav.scrolling { top: -80px; padding-bottom: 10px; transition: .2s; }    

    #top-nav-desktop { display: flex; flex-wrap: wrap; margin-bottom: 18px; }
    #top-nav-desktop a img { margin: 0 auto; display: inline-block; height: 60px; }    

    #hamburger-button { margin-top: 15px; height: 100%;width: 100%;font-size: 0;cursor: pointer;border: 0;outline: 0;background: rgba(0,0,0,0); padding: 0; }
    #hamburger-button span { background-color: #ff7321; width: 28px; height: 2px; top: -1px; content: ""; display: block; position: relative; transition: .2s; }
    #hamburger-button span::before { background-color: #ff7321; width: 28px; height: 2px; content: ""; display: block; top: -12px; position: relative; transition: .2s; }    
    #hamburger-button span::after {  background-color: #ff7321; width: 28px; height: 2px; content: ""; display: block; bottom: -10px; position: relative; transition: .2s; }   

    
    #top-nav-desktop > div:first-of-type { flex: 0 0 28px; height: 24px; width: 28px; order: 1; margin-right: 199px; }
    #top-nav-desktop > .image {  flex: 1;  order: 1;}
    #top-nav-desktop > div:nth-child(3) { height: 37px; width: 37px; flex: 0 0 37px; order: 5; }
    #top-nav-desktop > div:nth-child(4) { order: 9; flex: none; position: absolute; background: #FFFFFF; right: 50px; top: 27px; opacity: 0; z-index: -200; transition: .2s; }
    
    #top-nav-desktop > div:nth-child(5) { order: 3; flex: 0 0 75px; margin-right: 15px; position: relative; }
    #top-nav-desktop > div:nth-child(6) { order: 4; margin-right: 15px; }    

    #top-nav-desktop .btn { margin-top: 15px; background-color: white; font-size: 1em; color: #ff7321; padding: 6px 17px 6px 19px; border: 1px solid #ff7321; display: inline-block; border-radius: 35px; background-color: rgba(0,0,0,0);
        text-decoration: none; transition: .4s; cursor: pointer; z-index: 10; transition: .2s; }    
    #top-nav-desktop .btn:hover { background-color: #ff7321; color: #FFFFFF;}

    .search { margin-top: 15px; height: 100%; width: 100%; font-size: 0; cursor: pointer; background-image: url(../images/icon-search-primary.svg); background-size: 16px; background-repeat: no-repeat; background-position: center; border: 1px solid #ff7321; border-radius: 50%; background-color: white; outline: 0; transition: .4s; }
    .search:hover { background-color: #ff7321; color: #FFFFFF; background-image: url(../images/icon-search-white.svg); }
    .input-search { padding: 8px 17px 8px 19px; font-size: 1.1em; font-family: inherit; border-radius: 35px; border: 0; width: 260px; font-weight: 200; box-shadow: 0 5px 10px rgba(0,0,0,0.25); }
    #btn-search { height: 38px !important; width: 38px !important; margin-top: 0;
        font-size: 0;
        background-image: url(../images/icon-search-white.svg);
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid #ff7321;
        border-radius: 50%;
        background-color: #ff7321;
        outline: 0;
        position: absolute;
        right: 0;
        cursor: pointer;
        transition: .4s;      
     }


    #top-nav-desktop > .image > a { display: block; text-align: center; position: relative; }

    header #desktop-nav.open #hamburger-button span { background-color: rgba(0,0,0,0); transition: .2s; }
    header #desktop-nav.open #hamburger-button span::before { transform: rotate(-45deg); top: -1px; transition: .2s; }
    header #desktop-nav.open #hamburger-button span::after  { transform: rotate(45deg); top: -3px; transition: .2s; }    

    header #desktop-nav > .mainnavpanel > ul {  display: flex; list-style: none; position: relative; top: -7px; margin:0px; padding:0;}
    header #desktop-nav > .mainnavpanel > ul li { flex: 3; position: relative; margin-right: 0px; top: 8px; text-align: center; }
    header #desktop-nav > .mainnavpanel > ul li:first-child { text-align: left; }
    header #desktop-nav > .mainnavpanel > ul li:last-child { text-align: right; }    
    header #desktop-nav > .mainnavpanel > ul li a { display: inline-block; font-size: .9em; text-decoration: none; font-weight: 500; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 10px; color: #ff7321; border-bottom: 2px solid rgba(0,0,0,0); }
    header #desktop-nav > .mainnavpanel > ul li a.active::after { display: block; border-radius: 5px; height: 10px; width: 100%; background-color: #ff7321; content: "";  }

    header #desktop-nav > .mainnavpanel > ul li > .submenupanel { height: 0; overflow: hidden; flex: 1; }
    header #desktop-nav > .mainnavpanel > ul li > .submenupanel > ul { list-style: none; margin:0; padding:0; }
    header #desktop-nav > .mainnavpanel > ul li > .submenupanel > ul li { margin-bottom: 0px; opacity: 0; transition: .2s; }

    header #desktop-nav > .mainnavpanel > ul li > .submenupanel  ul li a { color: #453628; font-weight: 400; text-transform:none; text-decoration: none; font-size: 0.8em; padding-bottom: 0px; border-bottom: 2px solid white; transition: .2s; }
    header #desktop-nav > .mainnavpanel > ul li > .submenupanel  ul li a:hover  { border-bottom:2px solid #453628; transition:.2s }    
    
    #top-nav-desktop > div:nth-child(4).open { opacity: 1; transition: .2s; z-index: 10; }    
    header #desktop-nav.open > .mainnavpanel > ul li a { border-bottom: 2px solid #ff7321; transition: .2s; }
    header #desktop-nav.open > .mainnavpanel > ul li a.active { border-bottom: 0px; transition: .2s; margin-bottom: 0px; }
    header #desktop-nav.open > .mainnavpanel > ul li { flex: 1 !important; text-align: left !important; }
    header #desktop-nav.open > .mainnavpanel > ul li > .submenupanel { height: 100%; overflow: visible; transition: .2s; }
    header #desktop-nav.open > .mainnavpanel > ul li > .submenupanel > ul li { opacity: 1; transition: .2s; }
}

@media only screen and (max-width: 1099px) {

    .legislacion td:first-child { min-width: 120px;}
    .content-miga {padding-top: 100px; }
    .content-cab { padding-right: calc(var(--bs-gutter-x) * .5); }
    .bg-cabecera h1 { font-size: 30px; }

    #desktop-nav { display: none; }
    #mobile-nav { position: fixed; display: flex; flex-wrap: wrap; background: white; width: 100%; padding: 0; z-index: 20; box-shadow: 0 0 10px rgba(0,0,0,0.25); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }   
    #mobile-nav > .image { order: 2; flex: 1; text-align: center; padding-top: 17px;}
    #mobile-nav > .image a img { height: 45px; }

    #mobile-nav > div:nth-child(2) { order: 1; flex: 0 0 37px; padding-left: 20px; }
    #mobile-nav > div:nth-child(2) button { margin: 26px 0; padding:0; height: 28px; width: 28px; font-size: 0; background-color: white; border: 0; outline: 0; }
    #mobile-nav > div:nth-child(2) button span          { background-color: #ff7321; width: 28px; height: 2px; top: -1px; content: ""; display: block; position: relative; transition: .2s; }
    #mobile-nav > div:nth-child(2) button span::before  { background-color: #ff7321; width: 28px; height: 2px; content: ""; display: block; top: -12px; position: relative; transition: .2s; }
    #mobile-nav > div:nth-child(2) button span::after   { background-color: #ff7321; width: 28px; height: 2px; content: ""; bottom: -10px; display: block; position: relative; transition: .2s; }    
    
    #mobile-nav.open > div:nth-child(2) button span         { background-color: rgba(0,0,0,0); transition: .2s; }
    #mobile-nav.open > div:nth-child(2) button span::before { transform: rotate(-45deg); top: -1px; transition: .2s; }
    #mobile-nav.open > div:nth-child(2) button span::after  { transform: rotate(45deg); top: -3px; transition: .2s; }    

    #mobile-nav > div:nth-child(3) { order: 3; padding-right: 20px; flex: 0 0 37px; }
    #mobile-nav > div:nth-child(3) button { margin: 21px 0; height: 37px; width: 37px; font-size: 0; outline: 0; border: 1px solid #ff7321; border-radius: 50%; background-color: white; background-image: url(../images/icon-search-primary.svg); background-size: 16px; background-repeat: no-repeat; background-position: center; }    
    #mobile-nav > div:nth-child(3) button::before { background-color: rgba(0,0,0,0); width: 20px; height: 2px; content: ""; display: block; position: relative; transform: rotate(-45deg); left: 3px; top: 0; transition: .2s; }
    #mobile-nav > div:nth-child(3) button::after  { background-color: rgba(0,0,0,0); width: 20px; height: 2px; content: ""; display: block; position: relative; transform: rotate(45deg);  left: 3px; top: -2px; transition: .2s; }

    #mobile-nav > div:nth-child(4) { order: 3; flex: 0 0 100%; height: 0; overflow: hidden; transition: .2s; }    
    #mobile-nav.open > div:nth-child(4) { height: calc(100vh - 80px); transition: .4s; }

    #mobile-nav > div:nth-child(4) > .navigation > ul { list-style: none; margin-left: 0; padding: 0; border-top: 2px solid #ff7321; font-size: 1em; }   
    #mobile-nav > div:nth-child(4) > .navigation > ul li { position: relative; margin-left: 0; box-sizing: border-box; }   
    #mobile-nav > div:nth-child(4) > .navigation > ul li a { padding: 20px 20px 20px 20px; font-size: 16px; font-weight: 400; color: #ff7321; border-bottom: 1px solid #dad6d4; display: block; text-decoration: none; }  
    
    #mobile-nav > div:nth-child(4) > .navigation > ul li > ul { z-index: 20; height: calc(100vh - 70px); top: 82px; position: fixed; list-style: none; overflow: scroll; width: 100%; left: 100%; transition: .4s; display: block; background-color: white; padding:0; }
    #mobile-nav > div:nth-child(4) > .navigation > ul li > ul li a { padding: 18px 20px 19px 20px; }
    #mobile-nav > div:nth-child(4) > .navigation > ul li > ul.opened { left: 0; transition: .4s; }

    .openSubMenu { display: block; border: 0; border-left-color: currentcolor; border-left-style: none; border-left-width: 0px; position: absolute; background-color: white; outline: 0; border-left: 1px solid #dad6d4; right: 0; height: 62px; width: 70px; top: 0; font-size: 0; transition: .4s; cursor: pointer; }
    .openSubMenu::after { top: 20px; left: 20px; height: 30px; width: 30px; position: absolute; content: ""; background-color: white; background-image: url(../images/icon-chevron-right-primary.svg); background-size: 11px; background-repeat: no-repeat; background-position: center; transition: .4s; }
    
    .backToPrevious { width: 100%; text-align: left; border: 0; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; padding: 18px 20px 19px 50px; font-family: inherit; font-weight: 400; color: #ff7321;        background-color: white; border-bottom: 1px solid #dad6d4; display: block; font-size: 1.05em; outline: 0; text-transform: inherit; text-decoration: none; background-image: url(../images/icon-chevron-left-primary.svg); background-size: 11px; background-repeat: no-repeat; background-position: 15px 47%; transition: .4s; }    

    #mobile-nav > div:nth-child(5) { order: 3; flex: 0 0 100%; display: block; height: 0; opacity: 0; overflow: hidden; transition: .2s; }
    #mobile-nav.open-search > div:nth-child(5) { height: 58px; opacity: 1; transition: .4s; }
    #mobile-nav.open-search > div:nth-child(3) button { background-image: none; transition: .2s; }
    #mobile-nav.open-search > div:nth-child(3) button::after, #mobile-nav.open-search > div:nth-child(3) button::before { background-color: #ff7321; transition: .2s; }    

    #search-mobile form { padding: 0 20px; margin-bottom: 20px; }

    .input-search { padding: 10px 17px 8px 19px; /*font-size: 1.1em;*/ font-family: inherit; border-radius: 35px; outline: 0; border: 0; /*width: calc(100% - 38px);*/ width:100%; font-weight: 200; box-shadow: 0 5px 10px rgba(0,0,0,0.25); }
    #search-mobile form input[type="submit"] { height: 38px !important; width: 38px !important; margin-top: 0; font-size: 0; background-image: url(../images/icon-search-white.svg); background-size: 16px; background-repeat: no-repeat;        background-position: center; border: 1px solid #ff7321; border-radius: 50%; background-color: #ff7321; outline: 0; position: absolute; right: 20px; cursor: pointer; transition: .4s; }

}

@media only screen and (max-width: 1340px)
{
    #top-nav-desktop > div:nth-child(4) {  right: 20px; }

}


/* --------------------------------------------------
Project : CSS Checkbox Switch
---------------------------------------------------- */
.checkbox.checbox-switch {    padding-left: 0;  }
.checkbox.checbox-switch label, .checkbox-inline.checbox-switch { display: inline-block;    position: relative;    padding-left: 0; }
.checkbox.checbox-switch label input, .checkbox-inline.checbox-switch input { display: none; }
.checkbox.checbox-switch label span, .checkbox-inline.checbox-switch span { width: 35px; border-radius: 20px; height: 22px; border: 1px solid #dbdbdb; background-color: rgb(180, 182, 183); border-color: rgb(223, 223, 223); box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s; display: inline-block;    vertical-align: middle;    margin-right: 5px; }
.checkbox.checbox-switch label span:before, .checkbox-inline.checbox-switch span:before {    display: inline-block;    width: 16px;    height: 16px;    border-radius: 50%;    background: rgb(255,255,255);    content: " ";    top: -13px;    position: relative;    left: 0;    transition: all 0.3s ease;    box-shadow: 0 1px 4px rgba(0,0,0,0.4);    cursor:pointer; }
.checkbox.checbox-switch label > input:checked + span:before, .checkbox-inline.checbox-switch > input:checked + span:before { left: 17px; }

/* Switch Danger */
.checkbox.checbox-switch.switch-danger label > input:checked + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked + span {
    background-color: rgb(194, 29, 48);
    border-color: rgb(194, 29, 48);
    box-shadow: rgb(194, 29, 48) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
    background-color: rgb(216, 119, 129);
    border-color: rgb(216, 119, 129);
    box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}




@media (min-width: 576px) {

}

@media all and (max-width: 991.98px) {

}  

@media all and (max-width: 801.98px) {


}

@media all and (max-width: 767.98px) {
    .box .col-12:first-child { padding-right: calc(var(--bs-gutter-x) * .5); }
    .box .col-12:last-child  { padding-left: calc(var(--bs-gutter-x) * .5);  }

    .footer {  margin-top: 20px; margin-bottom: 20px; }
    .footer li {  margin-right: 15px;  padding: 5px;  }
    .tx_cab p { width: auto; }
    .grid-teaser.full-12 > .inner .information-bottom { padding-left: 20px; width: 95%; }
    .tx_intro { font-size: 20px; }
    .grid-teaser > .inner .information-container .information-container-inner { width: 100%; }
    .arrow-on-title h2::after, .arrow-on-title h3::after, .arrow-on-title h4::after { right: -65px; }
    .noticias .card {        min-height: auto;      }
    .te-puede-interesar .card { min-height: auto; }
    .card-text { padding-bottom: 35px;      }
    .accordion > .accordion-item > h2 button { font-size: 16px; padding: 25px 95px 25px 15px; }

    .search2 { width:85%; }
}  

@media all and (max-width: 575.98px) {

}


@keyframes animation-arrow-left {
    0%  { transform: translate3d(0, 0px, 0); }
    20% { transform: translate3d(5px, 0, 0); }
    40% { transform: translate3d(0, 0px, 0); }
    60% { transform: translate3d(5px, 0, 0); }
}

@-webkit-keyframes animation-arrow-left {
    0%  { -webkit-transform: translate3d(0, 0px, 0); }
    20% { -webkit-transform: translate3d(5px, 0, 0); }
    40% { -webkit-transform: translate3d(0, 0px, 0); }
    60% { -webkit-transform: translate3d(5px, 0, 0); }
}

@keyframes animation-arrow-right {
    0% { transform: translate3d(0, 0px, 0); }
    20% { transform: translate3d(5px, 0, 0); }
    40% { transform: translate3d(0, 0px, 0); }
    60% { transform: translate3d(5px, 0, 0); }
}
  
@-webkit-keyframes animation-arrow-right {
    0% { -webkit-transform: translate3d(0, 0px, 0); }
    20% { -webkit-transform: translate3d(5px, 0, 0); }
    40% { -webkit-transform: translate3d(0, 0px, 0); }
    60% { -webkit-transform: translate3d(5px, 0, 0); }
}

@keyframes animation-arrow-down {
    0%  { transform: translate(0, 0); }
    20% { transform: translate(0, 5px); }
    40% { transform: translate(0, 0); }
    60% { transform: translate(0, 5px); }
}

@-webkit-keyframes animation-arrow-down {
    0%  { transform: translate(0, 0); }
    20% { transform: translate(0, 5px); }
    40% { transform: translate(0, 0); }
    60% { transform: translate(0, 5px); }
}