@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fadeInUp {from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp {from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; }.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInDown {from {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown {from {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; }.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp {-webkit-animation-name: bounceInUp; animation-name: bounceInUp; }@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:visible !important;}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;animation:unset!important;-webkit-transition:none!important;transition:none!important;visibility:visible;}} @keyframes zoom {from {opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } 50% {opacity: 1; } } .zoom {-webkit-animation-name: zoom; animation-name: zoom; }
.delay1{animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-delay:.2s}.delay2{animation-delay:.3s;-moz-animation-delay:.3s;-webkit-animation-delay:.3s}.delay3{animation-delay:.5s;-moz-animation-delay:.5s;-webkit-animation-delay:.5s}.delay4{animation-delay:.7s;-moz-animation-delay:.7s;-webkit-animation-delay:.7s}.delay5{animation-delay:.9s;-moz-animation-delay:.9s;-webkit-animation-delay:.9s}.delay6{animation-delay:1.1s;-moz-animation-delay:1.1s;-webkit-animation-delay:1.1s}.delay7{animation-delay:1.3s;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s}.delay8{animation-delay:1.5s;-moz-animation-delay:1.5s;-webkit-animation-delay:1.5s}.delay9{animation-delay:1.7s;-moz-animation-delay:1.7s;-webkit-animation-delay:1.7s}.delay10{animation-delay:1.9s;-moz-animation-delay:1.9s;-webkit-animation-delay:1.9s}html.👁 body {color: #000}
html.👁 #carousel .carousel-caption {background-color: rgba(0, 0, 0, 0.8)}
html.size2, html.size2 body {font-size: 24px;}
html.size3, html.size3 body {font-size: 26px;}

body.▲ #menu {background-color: #fff;}
body.⯆ #menu #logo, body.▲ #menu #logo {margin:0; margin-top: 10px}
body.⯆ #menu #logo img, body.▲ #menu #logo img{width: 180px; height: auto;}
#logo img {transition: all 0.2s linear;}

body.🍔 {overflow: hidden;}
body.🍔 #🍔 .toggle-nav {width: 64px; height: 64px; top: auto; left: auto; right: 30px; bottom: 30px;}
body.🍔 .toggle-nav span, body.🍔 .toggle-nav span:before, body.🍔 .toggle-nav span:after{background-color: #fff;}
body.🍔 #🍔 .toggle-nav span {transform: rotate(45deg); top: 26px; }
body.🍔 #🍔 .toggle-nav span:before {background-color: transparent; }
body.🍔 #🍔 .toggle-nav span:after {top: 0; transform: rotate(-90deg); }

body > div, body > header {position: relative;}
h3{font-size: 1.1rem; font-weight: 700; letter-spacing: -0.4px}
a.unstyled {color:var(--main)}
a.unstyled:hover {text-decoration: none}

ul.unstyled {list-style-type: none; margin:0; padding:0;}
ul.unstyled li > i {color: var(--color2); margin-right: 5px;}
ul.list a {color: #000; text-decoration: underline;}
ul.list a:hover {color: var(--color);}
.text-big {font-size: 1.2rem;}
.text-small {font-size: 0.9rem;}
.text-xsmall {font-size: 0.75rem;}
.text-dark {color: var(--main) !important}

.overlay:before{content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);}

.cl {cursor: pointer;}

.ovh {overflow:hidden;}
.w-100{height: auto;}
.underline {text-decoration: underline;}
.zindex {z-index: 1}

.btn-big {padding:.75rem;}
.btn-xs {padding:.25rem 0.5rem; font-size:0.7rem;}
.btn:active{box-shadow:none;}
.btn-default:hover, .btn-color:hover {color: #fff;}
.btn-color{background-color: var(--color); color: #fff;}
.btn-border {background-color: transparent; color: #fff; border: 3px solid #fff; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%); font-weight: 700; padding-left: 3rem; padding-right: 3rem;}
.btn-border:before{content: ""; transition: all 0.25s ease-in-out; width: 31px; height: 31px; transform: rotate(45deg); position: absolute; right: -17px; bottom: -17px; border-left: 3px solid #fff;}
.btn-border:hover {background-color: #fff;}
.btn-border i {transition: all 0.2s linear;}
.btn-border:hover i {transform: translateX(10px);}
.btn-border-color {color:var(--color); border-color:var(--color)}
.btn-border-color:before {border-color:var(--color)}
.btn-border-color:hover {background-color:var(--color)}

.bg-color {background-color: var(--color);}

.close {position: absolute; right: 32px; top: 32px; width: 40px; height: 40px; opacity: 0.3; border: 3px solid #fff !important; border-radius: 50%; z-index: 99; color: fff;}
.close:hover {opacity: 1; }
.close:before, .close:after {position: absolute; left: 16px; top: 3px; content: ' '; height: 28px; width: 3px; background-color: #000; }
.close:before {transform: rotate(45deg); }
.close:after {transform: rotate(-45deg); }

.modal {font-size: 0.8rem;}
.modal-title  {font-size: 1rem !important;}
.modal-content {width: 100% !important;}
.modal-header {display: block; padding: 10px 20px; background-color: var(--color); color: #fff;}
.modal-header button {position: absolute; right: 20px; top: 20px;}
.modal-header .close {padding: 10px 20px; color: #fff;}
.modal-footer {padding: 0.5rem;}
.modal .error {display: none;}

.grecaptcha-badge {display: none;}

table.table {width: 100%; font-size: 0.85rem;}
table.table th, table.table td {vertical-align: middle;}
table.table td {font-size: 85%;}
table.table thead th {color: #fff; background-color: var(--color2); font-weight: 400; padding: 5px 20px;}

div.table {display: table; height: 100%;}
div.table > div, div.table > article {display: table-cell; vertical-align: middle;}

#accessibility {position: fixed; top: 0; left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #37572b; z-index: 9999; padding: 10px; font-size: 0.9rem; font-weight: 500}
#accessibility hr {margin:0.5rem 0}
#accessibility a {color:#000; text-decoration: underline;}

.list-doc.doc1 li {background:url(../img/ic-doc1.png) no-repeat;}
.list-doc.doc2 li {background:url(../img/ic-doc2.png) no-repeat;}
.list-doc li {padding-left: 40px}

#menu {z-index: 999; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
#menu div.sc ul li, #menu #logo{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
#menu li ul{position: relative; padding:0 10px; display: none; top:70px}
#menu li ul li a {font-size:0.9rem; font-weight: 300; text-transform: none}
#menu li.submenu > a {position: relative;}
#menu li.submenu > a:after {content:""; border: solid #000; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -webkit-transform: translateY(-48%) rotate(45deg); transform: translateY(-48%) rotate(45deg); margin-left: 8px;}
#menu div.sc ul li.submenu ul li {display: block; margin:0; line-height: 1.2rem; margin:5px; padding: 5px 15px; text-align: left;}
#menu div.sc ul li.submenu ul li:first-child {margin-top:0;}
#menu div.sc ul li.submenu ul li a {color: #000; font-size: 0.8rem;}

.toggle-nav {cursor: pointer;}
.toggle-nav span, .toggle-nav span:before, .toggle-nav span:after {transition: background-color 0.3s ease-in-out, transform 0.5s ease-in-out, top 0.5s ease-in-out}

#news article {margin-top: 120px;}
#news article span {
    background-color: var(--color);
    border-radius: 50%;
    display: block;
    height: 60px;
    justify-content: center;
    position: absolute;
    right: 100px; top: 30%;
    width: 60px;
    color: #fff;
    padding:17px 20px;
    opacity: 0;
    transition: all 0.2s ease-in;
}
#news article:hover span{opacity: 1;}
#news article span:hover {transform: scale(1.1); background-color: #e0670b}
#news article a{background-color: #fff; padding:66px; display: block;}
#news article h3:hover {color:var(--color);}
#news article div {display: block; width: 100%; height: 400px; margin-top: -140px}
#news article div img {object-fit:cover}
#news article p{margin-bottom: 0}

table.table {font-size: 0.8rem; height: auto;}
table.table th {background-color: var(--bg-color);}
table.table th.bg-color {background-color: var(--color);}

#empresas {overflow: visible; margin: 100px 0}

#empresas {padding:200px 0;}
#empresas .bg {background-image: url(../img/bg-empresas.jpg); transform:rotate(357deg); width: 110%; margin-left: -5%}
#empresas .bg:before {content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0) 15%, rgba(167,68,0,0.5) 85%);}

.entidades article {height: 320px; width: 100%; border-radius: 15px; position: relative; overflow: hidden;}
.entidades article div.abs.overlay{opacity: 0; transition: opacity 0.2s linear;}
.entidades article:hover div.abs.overlay {opacity: 1}
.entidades article h3 {position: absolute; left: 0; width: 100%; text-align: center; bottom: -20px; padding:0 20px; color: #fff; font-size: 1rem; transition: all 0.2s linear;}
.entidades article:hover h3 {bottom:20px;}
.entidades article span.btn {opacity: 0; transition: all 0.2s linear;}
.entidades article:hover span.btn {opacity: 1;}
.entidades article a {position: relative; display: block; width: 100%; height: 100%;}

section {overflow: hidden;}

footer {padding:80px 0; padding-bottom: 20px; font-size: 0.8rem; line-height: 1.3; background-color: #333333; color: #fff; font-weight: 200}
footer a {color:#fff !important;}

@media (max-width: 1200px){
	body.⯆ #menu div > ul {top: 70px;}
}

@media (max-width: 1150px){
	#news article div {height: 350px}
	#news article a {padding:40px}
}

@media (max-width: 900px){
	#menu div.sc {padding:20px 0; background: var(--color); width: 100%; height: 100vh; min-height: 100%; top:0; display: block; overflow-y: auto; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
	body.🍔 #menu div.sc{left: 0;}
	#menu div.sc ul li {display: block; text-align: center; line-height: 60px; margin-right: 0;}
	#menu div.sc ul li ul {display: none; top: 0}
	#menu div.sc ul li a{font-size: 1.5rem; color: #fff !important;}
	#menu div.sc ul li:last-child {margin-right: 0;}

	#menu div.sc ul li ul {display: none;}
	#menu div.sc ul li a{font-size: 1.5rem; color: #fff !important;}
	#menu li.submenu > a:after {border-color: #fff;}
	#menu div.sc ul li.submenu ul li {margin-bottom: 0; text-align: center; line-height: 1.5;}
	#menu div.sc ul li.submenu ul li:last-child {margin-bottom: 10px;}
	#menu div.sc ul li.submenu ul li a {font-size: 1.1rem;}
	#menu div.sc ul li.submenu ul.open {display:block;}

	body.⯆ #menu {background-color: #fff;}

	#logo {text-align: left; }
}

@media (max-width: 767px){
	#news article {margin-top: 160px}
	#news article a {padding:30px}
}

@media (max-width: 576px){
	#news article div {height: 300px}
	footer{padding:40px 0;}
	footer .logo {width: 80px; margin-bottom: 30px;}
	footer .row > div {margin-bottom: 0;}
}

@media (min-width: 590px){
	.modal-content {width:inherit;} 
}

@media (min-width: 901px) {
	body.⯆ #menu {margin-top: -72px}
	#menu li ul {position: absolute; left: -10px; width: 340px; overflow-y: hidden; padding: 0px 5px 5px 5px; z-index: 2; background:none;}
	#menu li ul:before {content: ""; position: absolute; z-index: -1; top: -5px; right: 5px; bottom: 5px; left: 5px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5); background-color: #fff;} 
	#menu li ul li:hover {background-color: #eaeaea;}
}

@media (min-width: 1200px){
	body.⯆ #menu {margin-top: -83px}
	#menu li ul {top:80px}
}

@media (min-width: 1400px) {
	#news article:nth-child(odd) {padding-right: 40px}
	#news article:nth-child(even) {padding-left: 40px}
}
