/*========== VARIABLES CSS ==========*/
:root {
--transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
--shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
--header-height: 3.5rem;
--title-color: #19181B;
--text-color: #A1AABF;
--normal-font-size: 1rem;
--medium-font-size: 0.9em;
--small-font-size: .80rem;
--smaller-font-size: .75rem;
--mini-font-size: .70rem;
--nvsname-font-size:.80rem;
--font-medium: 700;
--font-semi-bold: 700;
--z-fixed: 100;
--body-font: "Cal Sans", sans-serif;
}
.theme-light {
--clr-prm: #dce3f3; /*Primario */
--clr-scn: #00246aff; /*Secundario */
--clr-hdr: #dce3f3; /*Header */
--container-color: #353962; /*Contenedor */
--fnt-color: #343254; /*Texto */
--fnt-colorscn: #343254; /*Texto Secundario */
--bg-tble: #b9cedf; /*Fondo Tabla */
--bg-tblo: #d4d4d4; /*Fondo Tabla */
--brd-pnl:#343254; /*Borde Panel */
--bgpln-color:#dce3f3; /*Panel */
--bg-hdrtbl: #939bad; /*Fondo Encabezado Tabla */
}
.theme-dark {
--clr-prm: #212337ff;
--clr-scn: #00246aff;
--clr-hdr: #353962;
--container-color: #343254;
--fnt-color: #dce3f3;
--fnt-colorscn: #24263a;
--bg-tble: #d5dfe7; /*Fondo Tabla */
--bg-tblo: #e4edf9; /*Fondo Tabla */
--brd-pnl:#dce3f3;
--bgpln-color:#343254;
--bg-hdrtbl: #343254; /*Fondo Encabezado Tabla */
}
*, *:before, *:after{box-sizing: border-box;padding: 0; margin: 0;text-decoration: none;text-rendering: optimizeLegibility;outline: 0;}
html, body{font-family:var(--body-font);font-size:var(--normal-font-size);background:var(--clr-prm);color:var(--fnt-color);box-sizing: border-box;scroll-behavior: smooth;line-height: 100%;padding: 5px;overflow-x: hidden !important;margin:0 auto;overflow-y: scroll;}
html{width: 100%!important;max-width: 100% !important;}
body{width: 100% !important;max-width: 100% !important;min-height: 100vh;}
.monda{font-family: "Monda", sans-serif;font-optical-sizing: auto;font-style: normal;}
.monda700{font-family: "Monda", sans-serif;font-optical-sizing: auto;font-style: normal;font-weight: 700;}
.pops400{font-family: "Poppins", sans-serif;font-optical-sizing: auto;font-style: normal;font-weight: 400;}
.pops700{font-family: "Poppins", sans-serif;font-optical-sizing: auto;font-style: normal;font-weight: 700;}
.pops900{font-family: "Poppins", sans-serif;font-optical-sizing: auto;font-style: normal;font-weight: 900;}
article{padding: 15px 95px 15px 15px;}
a {text-decoration: none;outline: 0!important;}
.clear{clear: inline-end;}
a{color:#4D99E0;outline:0; font-weight:normal;}
a:active{color:inherit;}
a img{border:0;}
a [class^="icon-"]{color:inherit;text-decoration:none;outline: 0;}
strong,b{font-weight:bold;font-size: inherit;}
.hide{display:none;}
.show{display:block;}
/*---------------------------------
GRID
-----------------------------------*/
.m0{margin: 0px!important;}
.pd0{padding: 0px!important;line-height: 130%;}
.pd5{padding: 5px!important;line-height: 130%;}
.pd10{padding: 10px!important;}
.pd15{padding: 15px!important;}
.pd30{padding: 30px!important;}
.pd60{padding: 60px!important;}
.pd10b{padding: 10px 0;}
.pd15t{padding: 15px 0 0 0;}
.pd20b{padding: 20px 0;}
.mh80{min-height: 80px;}
.mh100{min-height: 100px;}
.mh120{min-height: 120px;}
.redonda{border-radius: 8px;}
.redonda10{border-radius: 10px;}
.redonda20{border-radius: 20px;padding: 30px;}
.redonda-top{ border-top-right-radius:8px;border-top-left-radius: 8px;}
.redonda-bottom{ border-bottom-right-radius:8px;border-bottom-left-radius: 8px;}
.redonda-left{ border-top-left-radius:8px;border-bottom-left-radius: 8px;}
.redonda-right{ border-top-right-radius:8px;border-bottom-right-radius: 8px;}
.txtd{text-align: right;}
.txti{text-align: left;}
.txtj{text-align: justify;}
.txtc{text-align: center;}
.brde-rg{border-right: 1px dotted #75ae60;}
.brde-lf{border-left: 1px dotted #75ae60;}
.brde-bo{border-bottom: 1px dotted #9eceaf;}
.brde-to{border-top: 1px dotted #9eceaf;}
.icn{top: 4px;position: relative;}
.icn2{top: 2px;position: relative;}
/*---------------------------------
ICONOS
-----------------------------------*/
.material-icons {font-family: 'Material Symbols Outlined';font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 50, 'opsz' 48;font-size: 24px;line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block;white-space: nowrap;word-wrap: normal;direction: ltr;font-feature-settings: 'liga';-moz-osx-font-smoothing: grayscale;}
.material-icons.md-12 { font-size: 14px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-72 { font-size: 72px; }
.gd-cntr {max-width: 100%;padding:5px;margin: 0 auto;}
@media screen and (max-width: 1980px) {
.gd-wpr {display: grid;grid-gap:0.5em;grid-template-columns: repeat(12, 1fr);justify-items:stretch;align-items:stretch;margin: 0 auto;width: 100%;}
.gd-wpr16 {display: grid;grid-gap:0.5em;grid-template-columns: repeat(16, 1fr);justify-items:stretch;align-items:stretch;margin: 0 auto;width: 100%;}
.gd-center{justify-items:center;}
.col-1 { grid-column: span 1; min-width: calc(100% / 1);}
.col-2 { grid-column: span 2; min-width: calc(100% / 2);}
.col-3 { grid-column: span 3; min-width: calc(100% / 3);}
.col-4 { grid-column: span 4; min-width: calc(100% / 4);}
.col-5 { grid-column: span 5; min-width: calc(100% / 5); }
.col-6 { grid-column: span 6; min-width: calc(100% / 6); }
.col-7 { grid-column: span 7; min-width: calc(100% / 7);}
.col-8 { grid-column: span 8; min-width: calc(100% / 8);}
.col-9 { grid-column: span 9; min-width: calc(100% / 9);}
.col-10 { grid-column: span 10; min-width: calc(100% / 10);}
.col-11 { grid-column: span 11; min-width: calc(100% / 11);}
.col-12 { grid-column: span 12; min-width: calc(100% / 12);}
.col-13 { grid-column: span 13; min-width: calc(100% / 13);}
.col-14 { grid-column: span 14; min-width: calc(100% / 14);}
.col-15 { grid-column: span 15; min-width: calc(100% / 15);}
.col-16 { grid-column: span 16; min-width: calc(100% / 16);}
.logo{width: 300px;}
}
@media screen and (max-width: 1280px) {
.material-icons.md-36 { font-size: 26px; }
.material-icons.md-48 { font-size: 30px; }
.widget p {font-size: 0.9em;text-align: right;}
.gd-wpr {display: grid;grid-gap:0.5em;grid-template-columns: repeat(12, 1fr);justify-items:stretch;align-items:stretch;margin: 0 auto;width: 100%;}
.col-1 { grid-column: span 1; min-width: calc(100% / 1);}
.col-2 { grid-column: span 2; min-width: calc(100% / 2);}
.col-3, .col-4 { grid-column: span 4; min-width: calc(100% / 4);}
.col-5 { grid-column: span 5; min-width: calc(100% / 5); }
.col-8 { grid-column: span 8; min-width: calc(100% / 8);}
.col-10 { grid-column: span 10; min-width: calc(100% / 10);}
.col-11 { grid-column: span 11; min-width: calc(100% / 11);}
.col-6,.col-12 { grid-column: span 12; min-width: calc(100% / 12);}
.logo{width: 180px;}
}
@media screen and (max-width: 860px) {
.material-icons.md-36 { font-size: 26px; }
.material-icons.md-48 { font-size: 30px; }
.widget p {font-size: 0.9em;text-align: right;}
.gd-wpr {display: grid;grid-gap:0.5em;grid-template-columns: repeat(12, 1fr);justify-items:stretch;align-items:stretch;margin: 0 auto;width: 100%;}
.col-1 { grid-column: span 1; min-width: calc(100% / 1);}
.col-2 { grid-column: span 2; min-width: calc(100% / 2);}
.col-3, .col-4 { grid-column: span 6; min-width: calc(100% / 6);}
.col-5 { grid-column: span 5; min-width: calc(100% / 5); }
.col-8 { grid-column: span 8; min-width: calc(100% / 8);}
.col-10 { grid-column: span 10; min-width: calc(100% / 10);}
.col-11 { grid-column: span 11; min-width: calc(100% / 11);}
.col-6,.col-12 { grid-column: span 12; min-width: calc(100% / 12);}
.logo{width: 180px;}
}
@media screen and (max-width: 420px) {
.material-icons.md-36 { font-size: 26px; }
.material-icons.md-48 { font-size: 30px; }
.widget p {font-size: 0.9em;text-align: right;}
.gd-wpr {display: grid;grid-gap:0.5em;grid-template-columns: repeat(12, 1fr);justify-items:stretch;align-items:stretch;margin: 0 auto;width: 100%;}
.col-1 { grid-column: span 1; min-width: calc(100% / 1);}
.col-2 { grid-column: span 2; min-width: calc(100% / 2);}
.col-5 { grid-column: span 5; min-width: calc(100% / 5); }
.col-8 { grid-column: span 8; min-width: calc(100% / 8);}
.col-10 { grid-column: span 10; min-width: calc(100% / 10);}
.col-11 { grid-column: span 11; min-width: calc(100% / 11);}
.col-3, .col-4, .col-5, .col-7, .col-6,.col-12 { grid-column: span 12; min-width: calc(100% / 12);}
.logo{width: 180px;}
}
/*---------------------------------
HR
-----------------------------------*/
hr{clear:both;border-bottom:0;border-top:1px dashed #24263a;border-right:0;border-left:0;margin:1px 0;min-height: 0;height:1px;}
hr.alt1{border-top: 1px #ccc solid;}
hr.alt2{border-top: 2px #2e47aa dotted;margin:5px 5px;}
hr.alt3{border-top: 1px #e5e5e5 solid;}
hr.alt4{border-top: 1px #2e47aa dashed;margin:30px 0px;}
hr.alt5{border-top: 1px #2e47aa dashed;margin:10px 0px;}
hr.faded {clear: both;float: none;width: 100%;height: 2px;margin:0px;border: none;background:#12AEF7;
background-image: -webkit-gradient( linear, left bottom, right bottom,color-stop(0, rgb(180,180,180)),color-stop(0.1, rgb(66,66,66)),color-stop(0.9, rgb(66,66,66)),color-stop(1, rgb(0,0,0)));
background-image: -moz-linear-gradient(left center,rgb(18,174,247) 0%,rgb(18,174,247) 30%,rgb(18,174,247) 70%,rgb(18,174,247) 100%);
}
.footer {position: relative;right: 0;bottom: 0;left: 0;padding: 1rem;text-align: center;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,section {display:block;}
/*---------------------------------
TITULOS
-----------------------------------*/
h1,h2,h3,h4,h5,h6{font-family:var(--body-font);font-weight:700;line-height: 110%;letter-spacing: 0px;}
h1{font-size:2.5em;}
h1.big{font-size:3.5em;}
h2{font-size:2em;}
h3{font-size:1.5em;}
h4{font-size:1.3em;}
h5{font-size:1.2em;letter-spacing: -0.55px;}
h6{font-size:.85em;letter-spacing: -0.35px;}
@media screen and (max-width: 840px) {
h1{font-size:1.8em;}
h2{font-size:1.4em;}
h3{font-size:1.15em;}
h4{font-size:1em;}
}
/*---------------------------------
PARRAFOS
-----------------------------------*/
p{margin:20px 0;font-weight:normal;text-align:justify;font-size: 1.1em;line-height: 130%;text-indent: 20px;}
/*---------------------------------
CITAS
-----------------------------------*/
blockquote p{font-size:1.25em;line-height:1.15em;font-style: italic;margin:30px 30px 30px 0;padding:0 0 0 20px;border-left:2px solid #ccc;}
blockquote span{font-size:0.75em;display:block;color:#ccc; }
blockquote.small p{font-size:1em!important;color: #A83159;}
datalist{visibility: hidden;}
/*---------------------------------
LISTAS
-----------------------------------*/
ul, ol{padding:0;}
/*li{padding:3px 0;margin:0;}*/
ul.list-unstyled{padding:0;margin:0 0 20px 0;}
ul.list-unstyled li{padding:5px 0;margin:0;list-style-type:none;}
ul.alt{padding:0;margin:0 0 20px 0;}
ul.alt li{list-style-type:none;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;margin:0 0 -1px 0;background:url(img/icon-arrow-right.png) no-repeat 5px 0.7em;padding-left:20px;}
/*---------------------------------
BOTONES
-----------------------------------*/
button,a.btn,a.btn:visited,a.button,a.button:visited,input[type="submit"],input[type="reset"],input[type="button"]{position:relative;top:0;left:0;margin:0 0 3px 2px;border: none;cursor: pointer;width:auto;overflow:hidden;font-family: inherit;font-weight:bold;font-size:13px;text-decoration:none;vertical-align: middle;display:inline-block;background:#2E47AA;border-radius:5px;color:#fff;}
button[disabled],.disabled:active{-webkit-box-shadow:none;box-shadow:none;}
button.small, a.btn.small, a.button.small{font-size:11px;padding:5px 10px; font-weight:normal;}
button.large, a.btn.large, a.button.large{font-size:14px;padding:8px 12px;font-weight: bold;}
button:hover,a.btn:hover,a.button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{border:none;}
a.isDisabled {cursor: not-allowed;color: currentColor;display: inline-block;pointer-events: none;text-decoration: none;}
/*---------------------------------
BARRA
-----------------------------------*/
ul.button-bar{display:inline-block;margin:0;padding:0;font-size:0;position:relative;top:0;left:0;border:0;background:0;}
ul.button-bar li{display:inline-block;position:relative;top:0;left:0;margin:0 -1px 0 0;padding:0;line-height:100%;font-size:0px;border:1px solid #ccc;background: rgb(252,252,252);}
ul.button-bar li a{margin:0;display:inline-block;padding:7px 10px;position:relative;top:0;left:0;font-weight:normal;font-size:14px;text-shadow:0 1px 0 #fff;color:#666;text-decoration:none;vertical-align: middle;line-height:100%;border-left:1px solid #fff;}
/*ul.button-bar li.first,ul.button-bar li.first a{}
ul.button-bar li.last,ul.button-bar li.last a{}*/
ul.button-bar li a:hover{background: rgb(252,252,252);}
ul.button-bar li a:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);border-left:1px solid #ccc;}
/*---------------------------------
TABLAS
-----------------------------------*/
table{width:100%;margin:0 0 10px 0;text-align:left;border-collapse: collapse;}
thead, tbody{margin:0;padding:0;}
th, td{padding:7px 10px;font-size:0.85em;border-bottom:1px dotted #ddd;text-align:left;}
thead th{font-size:1em;padding:10px;border-bottom:4px solid #666;}
tbody tr.last th,tbody tr.last td{border-bottom:0;}
table.data thead, tbody{margin:0;padding:0;}
table.data th, td{padding:7px 10px;font-size:1em;border-bottom:1px dotted #ddd;text-align:left;}
table.data td:nth-child(odd){background: #eaeaea;border-bottom:1px dashed #666;}
table.data td:nth-child(even){background: #e3e3e3;border-bottom:1px dashed #666;}
table.data thead th{font-size:1.1em;padding:10px;border-bottom: 2px dotted #666;background: cornflowerblue;}
table.data tbody tr.last th,tbody tr.last td{border-bottom:0;}
table.striped tr.alt{background:#CAE0ED;opacity:0.85;}
table.striped thead th{background:#3F4B5D;border-right:2px solid #197AD5; }
table.striped tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;}
table.striped tbody tr.alt th{background:#efefef;}
table.striped tr {background-color: #e2e2e2; opacity: .85;}
table.tight th, .tight td{padding:2px 10px;}
/* ordenable */
table.sortable{border:1px solid #ddd;}
table.sortable thead th{cursor: pointer;position:relative;top:0;left:0;border-right:1px solid #ddd;}
table.sortable thead th:hover{background:#efefef;}
table.sortable span.arrow{border-style:solid;border-width:5px;
display:block;position:absolute;top:50%;right:5px;font-size:0;
border-color:#ccc transparent transparent transparent;
line-height:0;height:0;width:0;margin-top:-2px;}
table.sortable span.arrow.up{border-color:transparent transparent #ccc transparent;margin-top:-7px;}
table.azul5 {border: 2px solid #fff;background-color: #EEEEEE;width: 100%;text-align: left;border-collapse: collapse;}
table.azul5 td, table.azul5 th {border: 2px solid #FFFFFF;}
table.azul5 tbody td {font-size: 12px;}
table.azul5 tr:nth-child(odd) {background: aliceblue;color: #666;}
table.azul5 tr:nth-child(even) {background: #E4EDF9;color: #393939;}
table.azul5 tr:hover{background: #bedcf6;}
table.azul5 thead {background: #3D4CBF;}
table.azul5 thead th {background: #3D4CBF;font-size: 14px;font-weight: bold;color: #FFFFFF;border-left: 2px solid #D0E4F5;}
table.azul5 thead th:first-child {border-left: none;}
table.azul5 tfoot {font-size: 14px;font-weight: bold;color: #FFFFFF;background: #FFFFFF;border-top: 2px solid #444444;}
table.azul5 tfoot td {font-size: 14px;}
table.azul5 tfoot .links {text-align: right;}
table.azul5 tfoot .links a{display: inline-block;background: #3D4CBF;color: #FFFFFF;padding: 2px 8px;border-radius: 5px;}
.sort {font-family: inherit;font-weight: bold;font-size:inherit;padding:5px;border-radius: 5px;border:none;display:inline-block;color:#fff;text-decoration: none;background-color:unset;}
.sort:hover {text-decoration: none;border:none;}
.sort:focus {outline:none;}
.sort:after {display:inline-block;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid transparent;content:"";position: relative;top:-2px;right:-5px;}
.sort.asc:after {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fff;content:"";position: relative;top:-2px;right:-5px;}
.sort.desc:after {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #fff;content:"";position: relative;top:-2px;right:-5px;}
.pagination {text-align:right;margin:5px;}
.pagination li {display:inline-block;padding:3px;}
.pagination li a{font-family: inherit;font-weight: bold;font-size:14px;color:#fff;padding: 4px 8px;background: #234ed0;border-radius: 6px;}
.paginationBottom {text-align:right;margin:5px;}
.paginationBottom li {display:inline-block;padding:3px;}
.paginationBottom li a{font-family: inherit;font-weight: bold;font-size:13px;color:#fff;padding: 4px 8px;background: #234ed0;border-radius: 6px;}
.paginationBottom li.active a{font-family: inherit;font-weight: bold;font-size:13px;color:#666;padding: 4px 8px;background: #ebb75c;border-radius: 6px;}
.paginationTop {text-align:right;margin:5px;}
.paginationTop li {display:inline-block;padding:3px;}
.paginationTop li a{font-family: inherit;font-weight: bold;font-size:13px;color:#fff;padding: 4px 8px;background: #234ed0;border-radius: 6px;}
.paginationTop li.active a{font-family: inherit;font-weight: bold;font-size:13px;color:#666;padding: 4px 8px;background: #ebb75c;border-radius: 6px;}
table.bande {width: 100%;text-align: left;border-collapse: collapse;}
table.bande td, table.bande th {border: 2px solid var(--clr-hdr);}
table.bande tbody td {font-size: 13px;}
table.bande tr:nth-child(odd) {background: var(--bg-tble);color: var(--fnt-colorscn);}
table.bande tr:nth-child(even) {background: var(--bg-tblo);color: var(--fnt-colorscn);}
table.bande tr:hover{background: #bedcf6;}
table.bande thead tr th {background: var(--bg-hdrtbl);font-size: 12px;font-weight: bold;color: var(--fnt-color);padding:6px;}
/*table.bande thead tr th:first-child {border-left: none;}*/
.search{font-size: 13px;border-radius: 5px;background: #f6f6f6;border: none;margin: 5px;width: 100%;padding: 6px;}
/*---------------------------------
IMAGENES
-----------------------------------*/
img{margin:0;padding:0;display:inline-block;position:relative;vertical-align: bottom;}
.boxed {background: none repeat scroll 0% 0% #FFF;padding: 5px;border: 1px solid #CCC;}
/*---------------------------------
FORMULARIOS
-----------------------------------*/
form{padding:0;}
fieldset{padding: 10px;border-radius: 4px;border: 2px solid #4b78e5}
legend{padding: 0 8px;}
/* ETIQUETAS */
label{display:block;margin:2px;font-weight: 700;position:relative;top:0;left:0;padding:0 5px;background: none;}
label.inline{display:inline;margin:0;font-weight:normal;font-size:15px;}
label.disabled{color:#999;}
label.error{color:#D13646;font-weight: 700;}
label span{color:#999;font-size:0.9em;padding-left:5px;font-style:italic;}
/* ESTADOS */
input[disabled="disabled"], input.disabled{color:#73879C;background:#e6e6e6;border:1px solid #e6e6e6;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQImWNgQAJ67qv+k8phYGAAABqXCHlzRTS+AAAAAElFTkSuQmCC) repeat;}
input[type="radio"]:focus,input[ type="checkbox"]:focus{-webkit-box-shadow: 0 0 5px #6DB9FF;box-shadow: 0 0 5px #6DB9FF;outline-color: #6DB9FF;}
input:required:valid{ border-color: green;}
input:invalid{ border-color: #eb5656;border:none;}
input:required:focus:valid{ background: #bee9d3;}
input:required:focus:invalid { background: #eb5656;color:#fff;border:none;}
input:required:focus:invalid::placeholder {color:#fff;}
input:focus:invalid { background: #ff4343;color:#fff;border:none;}
select:required:valid { border-color: green;}
select:invalid { border-color: #eb5656;}
select:required:focus:valid { background: #bee9d3;}
select:required:focus:invalid { background: #eb5656;color:#fff;}
select:focus:invalid { background: #ff4343;color:#fff;}
textarea:required:valid { border-color: green;}
textarea:invalid { border-color: #eb5656;color:#fff;}
textarea:required:focus:valid { background: #bee9d3;color:var(--body-color);}
textarea:required:focus:invalid { background: #eb5656;color:#fff;}
textarea:focus:invalid { background:#eb5656;color:#fff;}
input, select, textarea {width: 99%;display:inline-block;vertical-align: middle;margin:4px;border:none;padding:6px;text-indent:2px;border-radius:6px;background:#a1aabf;box-sizing:border-box;line-height: 150%;}
select{display:inline;}
input[type="text"],textarea,button,a.button,a,input[type="file"]{transition: box-shadow 0.5s, background 0.5s;color: #363637;}
input[type="checkbox"]{display:inline;width:auto;margin:0;padding:0;border:0;background:none;vertical-align:middle;}
input[type="radio"]{display:inline;width:auto;margin:0;padding:0;border:0;background:none;vertical-align:middle;}
.file {display: flex;width: 100%;}
.btn-file {position: relative;}
.file-btn {display: inline-block;padding: 8px 12px;cursor: pointer;border-radius: 4px;background-color: #9c27b0;font-size: 13px;color: #fff;}
input.camu{background: inherit;border:none!important;display:inline;width:auto;color:#4d4d4d;text-align:center;font-weight:bold;padding:4px;}
input.camu:focus{background:#f3f3f3;color:#c30;width:auto;}
input.camu:invalid{background: inherit;border: none!important;display: inline;width:auto;color:#fff;text-align: center;text-transform: uppercase;font-weight: bold;padding: 0;}
input.camu:required:invalid{background: inherit;border: none!important;display: inline;width:auto;color:#fff;text-align: center;text-transform: uppercase;font-weight: bold;padding: 0;}
/* Validaciones */
:invalid { box-shadow: none;}
::placeholder {font-family:var(--body-font);font-style: italic;font-size:12px;color:#333;}
input.error{color:#fff;background-color: #eb5656;}
select.error{color:#fff;background-color: #eb5656;}
textarea.error{color:#fff;background-color: #eb5656;}
/*#header {display: flex;justify-content: space-between;align-items: center;}*/
.hero {display: flex;flex-direction: column;justify-content: space-between;height: 100vh;padding: 1em;box-sizing: border-box;color: white;background-color:#fff;background: url(imgs/gto-1518105779142-d975f22f1b0a.png) center center no-repeat;background-size: cover;}
.hero:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.125);}
.hero-header {position: relative;float: right;top: 0;z-index: 8;width: 100%;}
.hero-title {margin: 0;font-size: 5vh;font-weight: 700;line-height: 0.9;position: relative;text-shadow: 2px 2px 20px #5b432a;width: 95%;}
.hero-footer {margin-bottom: 1em;position: absolute;float: right;bottom: 0;z-index: 8;width: 100%;}
.button {padding: 0.5em 0.67em;color: white;text-decoration: none;border: 0.1em solid white;}
.button-primary {color: black;background-color: white;}
article {max-width: 36em;margin: 0 auto;padding: 1em;}
/*** Header Styles ***/
header {width: 100%!important;max-width: 100%!important;height: 70vh;display: flex;margin-top: 140px;}
/*** Navigation Styles ***/
nav {width: 98%;height: 50px;display: inline-flex;position: fixed;z-index: 55;transition: all 0.3s;border-radius: 15px;padding-bottom: 2px;top: 40px;}
nav.navShadow {background: #3a3654;}
nav.navShadow {opacity: .8;}
#brand,#menu,ul {display: flex;align-items: center;list-style-type: none;position: relative;}
#brand{width: 35%;}
#menu{width: 65%;padding-right: 8px;}
#logo {width: 300px;height:auto;cursor: pointer;}
#logo img{width: 300px;height:auto;}
/*** Menu Styles ***/
#menu ul li {margin-left: 8px;}
li a {color: #fff;display: block;padding: 10px;font-size: 1em;}
#menu-toggle {width: 50px;height: 50px;background: #23629c;display: flex;justify-content: center;align-items: center;border-radius: 50%;cursor: pointer;display: none;z-index: 35;top:0;position: absolute;right: -5px;}
#menu-toggle:hover .bar {width: 25px;}
#menu-toggle.closeMenu .bar {width: 25px;}
#menu-toggle.closeMenu .bar:first-child {transform: translateY(7px) rotate(45deg);}
#menu-toggle.closeMenu .bar:nth-child(2) {transform: scale(0);}
#menu-toggle.closeMenu .bar:last-child {transform: translateY(-7px) rotate(-45deg);}
.bar {width: 25px;height: 2px;background: #fff;transition: 0.3s ease-in-out;}
.bar:nth-child(2) {width: 20px;margin: 5px 0;}
.bar:last-child {width: 15px;}
@media only screen and (max-width: 840px) {
nav {top: 30px;}
.hero-title {font-size: 3vh;text-align: left;top:1.2vh;}
header {height: 50vh;}
#brand{width: 40%;}
#menu{width: 60%;padding-right: 4px;}
#logo {width: 250px;height:auto;cursor: pointer;}
#logo img{width: 250px;height:auto;}
li a {font-size: 0.8em;}
}
@media only screen and (max-width: 480px) {
.hero-title {font-size: 4vh;text-align: left;top:1.5vh;}
header {height: 50vh;}
#brand{width: 65%;}
#menu{width: 25%;}
#logo {width: 180px;height:auto;cursor: pointer;}
#logo img{width: 180px;height:auto;}
li a {font-size: 0.7em;}
}
/*** Section Styles ***/
section {min-height: calc(70vh - 200px);height: max-content;padding:15px;}
section:nth-child(odd) {background: none;}
section:nth-child(even) {background: none;}
#heading {width: 120px;height: 20px;background: #fff;border-radius: 90px;margin-top: 40px;}
/*** Responsive Menu For Smaller Device ***/
@media screen and (max-width: 767px) {
#menu-toggle {display: flex;}
ul.showMenu {display: inline-block;width: 100%;height: 0;background: #132547eb;position: fixed;top: 0;left: 0;transform: translate(0,0 );transition: all 0.3s;padding-top: 60px;padding-left: 10px;}
ul.showMenu {height: 100vh;}
ul.showMenu li {height: 70px;opacity: 1;visibility: visible;}
ul.showMenu li a {height: 52px;opacity: 1;visibility: visible;}
li {width: 50%;height: 80px;float: left;padding: 10px;opacity: 0;visibility: hidden;margin-left: 0;transition: all 0.3s 0.1s;background-color: cadetblue;border-radius: 10px;margin-bottom: 6px;}
#head-line {transform: scale(0.8);}
section {padding:5px;}
}
/*------------------*/
.btn {display: inline-block;padding: 1rem 2.5rem;border-radius: 4px;font-weight: 600;cursor: pointer;transition: var(--transition);border: none;text-transform: uppercase;letter-spacing: 1px;font-size: 0.9rem;}
.btn-primary {background-color: var(--clr-primary);color: var(--clr-white);}
.btn-primary:hover {background-color: var(--clr-accent);transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0,0,0,0.2);}
.section-title {text-align: center;margin-bottom: 2rem;}
.section-title h2 {font-size: 3rem;margin-bottom: 1rem;position: relative;display: inline-block;}
.section-title h2::after {content: '';position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 60px;height: 3px;background-color: var(--clr-secondary);}
/* --- Rooms --- */
.room-card {background: var(--clr-scn);overflow: hidden;box-shadow: var(--shadow);transition: var(--transition);}
.room-card:hover {transform: translateY(-10px);}
.room-img {height: 300px;overflow: hidden;}
.room-img img {width: 100%;height: 100%;object-fit: cover;transition: var(--transition);}
.room-card:hover .room-img img {transform: scale(1.1);}
.room-info h3 {font-size: 1.8rem;margin-bottom: 1rem;}
.amenities {margin: 2rem 0;font-size: 0.8rem;}
/* --------------------------------
Hero Slider - by CodyHouse.co
-------------------------------- */
/* Slider */
.cd-hero {position:relative;height:70vh;background:none!important;width: 100% !important;max-width: 100% !important;}
.cd-hero__slider {position: absolute;width: 100% !important;max-width: 100% !important;overflow: hidden;}
.cd-hero__slide {position: absolute;display: none;top: 0;left: 0;width: 100% !important;max-width: 100% !important;height: 75vh;/* Force Hardware Acceleration */-webkit-transform: translateZ(0px);transform: translateZ(0px);will-change: transform;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.cd-hero__slide.cd-hero__slide--selected { /* this is the visible slide */-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);display: inline-block;}
.cd-hero__slide.cd-hero__slide--move-left { /* slide hidden on the left */-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);display:inline-block;}
.cd-hero__slide.cd-hero__slide--is-moving,.cd-hero__slide.cd-hero__slide--selected { /* the cd-hero__slide--is-moving class is assigned to the slide which is moving outside the viewport */-webkit-transition: -webkit-transform 0.5s;transition: -webkit-transform 0.5s;transition: transform 0.5s;transition: transform 0.5s, -webkit-transform 0.5s;}
@media only screen and (min-width: 768px) {
.cd-hero__slider {height: 75vh; }
}
@media only screen and (min-width: 1170px) {
.cd-hero__slider {height: 75vh;}
}
@media only screen and (max-width: 420px) {
.cd-hero__slide {height: 70vh;}
}
/* Slide style */
.cd-hero__slide {background-position: top center;background-size: contain;background-repeat: no-repeat;}
.cd-hero__slide:first-of-type {background-image: url(../imgs/promo01.svg);}
.cd-hero__slide:nth-of-type(2) {background-image: url(../imgs/promo02.svg);}
.cd-hero__slide:nth-of-type(3) {background-image: url(../imgs/promo03.svg);}
.cd-hero__slide:nth-of-type(4) {background-image: url(../imgs/promo04.png);}
.cd-hero__content.cd-hero__content--full-width,.cd-hero__content.cd-hero__content--half-width {position: absolute;width: 100% !important;max-width: 100% !important;height: 100%;z-index: 1;left: 0;top: 0;/* this padding is used to align the text */padding-top: 100px;text-align: center;/* Force Hardware Acceleration */-webkit-transform: translateZ(0);transform: translateZ(0);will-change: transform;}
.cd-hero__content h2, .cd-hero__content p, .cd-hero__btn, .cd-hero__content--img img { /* Force Hardware Acceleration */-webkit-transform: translateZ(0);transform: translateZ(0);will-change: transform;}
.cd-hero__content.cd-hero__content--img { /* hide image on mobile device */display: none;}
.cd-hero__content--img img {position: absolute;left: 50%;top: 50%;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.cd-hero__content.cd-hero__content--bg-video { /* hide video on mobile device */display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.cd-hero__content--bg-video video { /* you won't see this element in the html, but it will be injected using javascript */display: block;min-height: 100%;min-width: 100%;max-width: none;height: auto;width: auto;position: absolute;left: 50%;top: 50%;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.cd-hero__content h2, .cd-hero__content p {text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);line-height: 1.2;margin: 0 auto 14px;color: #ffffff;width: 90%;max-width: 400px;}
.cd-hero__content h2 {font-size: 2.4rem;}
.cd-hero__content p {font-size: 1.4rem;line-height: 1.4;}
.cd-hero__btn {display: inline-block;padding: 1.2em 1.4em;margin-top: .8em;background-color: rgba(212, 68, 87, 0.9);font-size: 1.3rem;font-weight: 700;letter-spacing: 1px;color: #ffffff;text-transform: uppercase;-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);-webkit-transition: background-color 0.2s;transition: background-color 0.2s;}
.cd-hero__btn.cd-hero__btn--secondary {background-color: rgba(22, 26, 30, 0.8);}
.cd-hero__btn:nth-of-type(2) {margin-left: 1em;}
.cd-hero__btn:hover {background-color: #d44457;}
.cd-hero__btn.cd-hero__btn--secondary:hover {background-color: #161a1e;}
@media only screen and (min-width: 768px) {
.cd-hero__content.cd-hero__content--full-width,.cd-hero__content.cd-hero__content--half-width {padding-top: 150px;}
.cd-hero__content.cd-hero__content--bg-video {display: block;}
.cd-hero__content.cd-hero__content--half-width {width: 45%;}
.cd-hero__content.cd-hero__content--half-width:first-of-type {left: 5%;}
.cd-hero__content.cd-hero__content--half-width:nth-of-type(2) {right: 5%;left: auto;}
.cd-hero__content.cd-hero__content--img {display: block;}
.cd-hero__content h2, .cd-hero__content p {max-width: 520px;}
.cd-hero__content h2 {font-size: 2.4em;font-weight: 300;}
.cd-hero__btn {font-size: 1.4rem;}
}
@media only screen and (max-width: 420px) {
.cd-hero__slider {position: initial;}
.cd-hero__content.cd-hero__content--full-width,.cd-hero__content.cd-hero__content--half-width {padding-top: 150px;}
.cd-hero__content.cd-hero__content--bg-video {display: block;}
.cd-hero__content.cd-hero__content--half-width {width: 45%;}
.cd-hero__content.cd-hero__content--half-width:first-of-type {left: 5%;}
.cd-hero__content.cd-hero__content--half-width:nth-of-type(2) {right: 5%;left: auto;}
.cd-hero__content.cd-hero__content--img {display: block;}
.cd-hero__content h2, .cd-hero__content p {max-width: 520px;}
.cd-hero__content h2 {font-size: 2.4em;font-weight: 300;}
.cd-hero__btn {font-size: 1.4rem;}
}
@media only screen and (min-width: 1170px) {
.cd-hero__content.cd-hero__content--full-width,.cd-hero__content.cd-hero__content--half-width {padding-top: 220px;}
.cd-hero__content h2, .cd-hero__content p {margin-bottom: 20px;}
.cd-hero__content h2 {font-size: 3.2em;}
.cd-hero__content p {font-size: 1.6rem;}
}
/* Single slide animation */
@media only screen and (min-width: 768px) {
.cd-hero__content.cd-hero__content--half-width {opacity: 0;-webkit-transform: translateX(40px);-ms-transform: translateX(40px);transform: translateX(40px);}
.cd-hero__slide--move-left .cd-hero__content.cd-hero__content--half-width {-webkit-transform: translateX(-40px);-ms-transform: translateX(-40px);transform: translateX(-40px);}
.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width {/* this is the visible slide */opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.cd-hero__slide--is-moving .cd-hero__content.cd-hero__content--half-width {/* this is the slide moving outside the viewport wait for the end of the transition on the parent before set opacity to 0 and translate to 40px/-40px */-webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;transition: opacity 0s 0.5s, transform 0s 0.5s;transition: opacity 0s 0.5s, transform 0s 0.5s, -webkit-transform 0s 0.5s;}
.cd-hero__slide--from-left.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:nth-of-type(2),.cd-hero__slide--from-right.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:first-of-type {/* this is the selected slide - different animation if it's entering from left or right */-webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;transition: opacity 0.4s 0.2s, transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s;display: none!important;}
.cd-hero__slide--from-left.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:first-of-type,.cd-hero__slide--from-right.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:nth-of-type(2) {/* this is the selected slide - different animation if it's entering from left or right */-webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;display: none!important;}
.cd-hero__content--full-width h2,.cd-hero__content--full-width p,.cd-hero__content--full-width .cd-hero__btn {-webkit-transform: translateX(100px);-ms-transform: translateX(100px);transform: translateX(100px);}
.cd-hero__slide--move-left .cd-hero__content--full-width h2,.cd-hero__slide--move-left .cd-hero__content--full-width p,.cd-hero__slide--move-left .cd-hero__content--full-width .cd-hero__btn {-webkit-transform: translateX(-100px);-ms-transform: translateX(-100px);transform: translateX(-100px);}
.cd-hero__slide--selected .cd-hero__content--full-width h2,.cd-hero__slide--selected .cd-hero__content--full-width p,.cd-hero__slide--selected .cd-hero__content--full-width .cd-hero__btn {/* this is the visible slide */-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.cd-hero__slide--is-moving .cd-hero__content--full-width h2,.cd-hero__slide--is-moving .cd-hero__content--full-width p,.cd-hero__slide--is-moving .cd-hero__content--full-width .cd-hero__btn {/* this is the slide moving outside the viewport wait for the end of the transition on the li parent before set translate to 100px/-100px */-webkit-transition: -webkit-transform 0s 0.5s;transition: -webkit-transform 0s 0.5s;transition: transform 0s 0.5s;transition: transform 0s 0.5s, -webkit-transform 0s 0.5s;}
.cd-hero__slide--selected h2 {-webkit-transition: -webkit-transform 0.5s 0.2s;transition: -webkit-transform 0.5s 0.2s;transition: transform 0.5s 0.2s;transition: transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s;}
.cd-hero__slide--selected p {-webkit-transition: -webkit-transform 0.5s 0.3s;transition: -webkit-transform 0.5s 0.3s;transition: transform 0.5s 0.3s;transition: transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;}
.cd-hero__slide--selected .cd-hero__btn {-webkit-transition: background-color 0.2s 0s, -webkit-transform 0.5s 0.4s;transition: background-color 0.2s 0s, -webkit-transform 0.5s 0.4s;transition: transform 0.5s 0.4s, background-color 0.2s 0s;transition: transform 0.5s 0.4s, background-color 0.2s 0s, -webkit-transform 0.5s 0.4s;}
}
@media only screen and (max-width: 420px) {
.cd-hero__content.cd-hero__content--half-width {opacity: 0;-webkit-transform: translateX(40px);-ms-transform: translateX(40px);transform: translateX(40px);}
.cd-hero__slide--move-left .cd-hero__content.cd-hero__content--half-width {-webkit-transform: translateX(-40px);-ms-transform: translateX(-40px);transform: translateX(-40px);}
.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width {/* this is the visible slide */opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.cd-hero__slide--is-moving .cd-hero__content.cd-hero__content--half-width {/* this is the slide moving outside the viewport wait for the end of the transition on the parent before set opacity to 0 and translate to 40px/-40px */-webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;transition: opacity 0s 0.5s, transform 0s 0.5s;transition: opacity 0s 0.5s, transform 0s 0.5s, -webkit-transform 0s 0.5s;}
.cd-hero__slide--from-left.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:nth-of-type(2),.cd-hero__slide--from-right.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:first-of-type {/* this is the selected slide - different animation if it's entering from left or right */-webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;transition: opacity 0.4s 0.2s, transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s;display: none!important;}
.cd-hero__slide--from-left.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:first-of-type,.cd-hero__slide--from-right.cd-hero__slide--selected .cd-hero__content.cd-hero__content--half-width:nth-of-type(2) {/* this is the selected slide - different animation if it's entering from left or right */-webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;display: none!important;}
.cd-hero__content--full-width h2,.cd-hero__content--full-width p,.cd-hero__content--full-width .cd-hero__btn {-webkit-transform: translateX(100px);-ms-transform: translateX(100px);transform: translateX(100px);}
.cd-hero__slide--move-left .cd-hero__content--full-width h2,.cd-hero__slide--move-left .cd-hero__content--full-width p,.cd-hero__slide--move-left .cd-hero__content--full-width .cd-hero__btn {-webkit-transform: translateX(-100px);-ms-transform: translateX(-100px);transform: translateX(-100px);}
.cd-hero__slide--selected .cd-hero__content--full-width h2,.cd-hero__slide--selected .cd-hero__content--full-width p,.cd-hero__slide--selected .cd-hero__content--full-width .cd-hero__btn {/* this is the visible slide */-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.cd-hero__slide--is-moving .cd-hero__content--full-width h2,.cd-hero__slide--is-moving .cd-hero__content--full-width p,.cd-hero__slide--is-moving .cd-hero__content--full-width .cd-hero__btn {/* this is the slide moving outside the viewport wait for the end of the transition on the li parent before set translate to 100px/-100px */-webkit-transition: -webkit-transform 0s 0.5s;transition: -webkit-transform 0s 0.5s;transition: transform 0s 0.5s;transition: transform 0s 0.5s, -webkit-transform 0s 0.5s;}
.cd-hero__slide--selected h2 {-webkit-transition: -webkit-transform 0.5s 0.2s;transition: -webkit-transform 0.5s 0.2s;transition: transform 0.5s 0.2s;transition: transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s;}
.cd-hero__slide--selected p {-webkit-transition: -webkit-transform 0.5s 0.3s;transition: -webkit-transform 0.5s 0.3s;transition: transform 0.5s 0.3s;transition: transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;}
.cd-hero__slide--selected .cd-hero__btn {-webkit-transition: background-color 0.2s 0s, -webkit-transform 0.5s 0.4s;transition: background-color 0.2s 0s, -webkit-transform 0.5s 0.4s;transition: transform 0.5s 0.4s, background-color 0.2s 0s;transition: transform 0.5s 0.4s, background-color 0.2s 0s, -webkit-transform 0.5s 0.4s;}
}