/*Tipografía*/
@font-face { font-family: 'FS Albert Pro'; src: url('FSAlbertPro-LightItalic.woff2') format('woff2'), url('FSAlbertPro-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'FS Albert Pro'; src: url('FSAlbertPro-Light.woff2') format('woff2'), url('FSAlbertPro-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'FS Albert Pro'; src: url('FSAlbertPro-Thin.woff2') format('woff2'), url('FSAlbertPro-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'FS Albert Pro'; src: url('FSAlbertPro.woff2') format('woff2'), url('FSAlbertPro.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'FS Albert Pro'; src: url('FSAlbertPro-Bold.woff2') format('woff2'), url('FSAlbertPro-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }

/*Reseteo la hoja de estilos*/
* { box-sizing: border-box; font-family: 'FS Albert Pro', sans-serif; }
html, body { margin: 0; padding: 0; }

body.cargando:after { border-top-color: #0D0329 !important }
/*General*/
.divColumna { width: 100%; max-width: 956px; margin: auto; }
a { text-decoration: none; outline: none; }
img { max-height: 100%; max-width: 100%; }

header { display: table; width: 100%; font-size: 0;  }
header > div { display: table-cell; vertical-align: top; position:relative }
header > div:nth-child(2) { transition: width .2s; }
header img { width: 100%; }

.subtitulo{font-style:italic; font-weight:bold}

#divFilaAcude { display: none }
.divAvion, .divTren { display: none }

#secFormulario .pix-btn.btnAceptoImagenes.inactivo, #secResultado .pix-btn.btnAceptoImagenes.inactivo { background-color: #cfd8dc }
#divAceptoImagenes{text-align:center}
#divAceptoImagenes:not(.error) .pix-span-error{display:none}

.pInfoPrincipal { font-size: 24px; color: #060a3d; border-bottom: solid 2px #eceff1; padding-bottom: 8px; }
.pInfoSecundaria { font-size: 18px; color: #060a3d;  }
#pInfoSecundario a{ color: #060a3d; font-weight: 600 }
#pInfoSecundario a:hover, #pInfoLegal a:hover { color: #0D0329 }
#pInfoSecundario { margin-bottom: 0; color: #060a3d }
#pInfoLegal { margin-bottom: 0; color: #060a3d; font-size: 14px; color: #546e7a; line-height:18px }
#pInfoLegal a { color: #455a64; font-weight: 600 }

#secFormulario { padding: 16px 16px 64px 16px; color: #060a3d }
#secFormulario .pix-btn, #secResultado .pix-btn { background-color: #0D0329; font-size: 22px; -webkit-appearance: none; }
#secFormulario .pix-btn:hover, #secResultado .pix-btn:hover { background-color: #2472ed }
#secFormulario .pix-check > label { color: #060a3d }
#secFormulario .pix-campo.pix-no-valido:after { background-color: #F06926 !important; }
#secFormulario .pix-campo .pix-span-error { color: #F06926; }
#secFormulario .pix-campo.pix-no-valido > label, #secFormulario .pix-campo.limite > label { color: #F06926; }

#secResultado { display: none; padding: 16px 16px 64px 16px; color: #060a3d }
#secResultado h1{font-size:28px}
#secResultado p { font-size: 24px; color: #060a3d }

.pix-campo > textarea, .pix-campo > input[type="text"], .pix-campo > input[type="password"], .pix-campo > input[type="email"], .pix-campo > input[type="url"], .pix-campo > input[type="number"], .pix-campo > input[type="tel"], .pix-campo > input[type="search"], .pix-campo > input[type="date"], .pix-campo > input[type="datetime-local"], .pix-campo > input[type="time"], .pix-campo > select { font-size: 20px; font-weight: bold }
#cmbPais { background-image: url(https://cdn.pixelinnova.com/pixelone/sin-imagen.svg); padding-left: 28px; background-repeat: no-repeat; background-size: 20px; background-position: 8px 24px; }

@media only screen and (max-width:1200px) { 
    #divCambioIdioma { width: 100%; }
    #divCambioIdioma > select { width: 100% }
}

@media only screen and (min-width:1201px) {


    header { background-color: #55666A }
    header > div:nth-child(1) { background-color: #ff6f00 }
    header > div:nth-child(2) { width: 800px }
    header > div:nth-child(3) { background-image: url(/img/cabecera-pc-v2-derecha.webp); background-repeat: repeat-x; background-size: auto 100%; background-position:left bottom }
    #divCambioIdioma { position: absolute; top: 9.5%; left: 4.5%; transition:top .2s }

    .cmbCambioIdioma { background-color: #0D0329 !important; color: #fff !important; border-radius: 24px !important; }
}

@media only screen and (min-width:1201px) {
    header > div:nth-child(2) { width: 956px }
}