html, body { background:#1e376d; height:100%; width:100%; }
.step-heading { text-align:center; }
.naranja { color:#ff7008; }
.naranjargb { color:rgba(255, 112, 8, 1.0); }
.azul { color:#1e376d;}
.azulrgb { color:rgba(30, 55, 109, 1.0); }
.mainlogo { max-height:70px; }
.p10 { padding:10px; }
.pt5 { padding-top:5px; }
.pt0 { padding-top:0px; }
.mt0 { margin-top:0px; }
.mt15 { margin-top:15px; }
.p20 { padding:20px; }
.clicker { cursor:pointer; }
.inblo { display:inline-block; }
ul { list-style:none; padding:0; margin:0; }
.timer { background:#1e376d; display:inline-block; text-align:center; }
.form-buttons { margin-top:2rem; display:inline-block; }
.form-input input[type="text"], .form-input input[type="number"], .form-input input[type="date"], .form-input select { width: 100%; border: solid 1px #ff7008; border-radius: 12px !important; padding: 12px !important; line-height: 24px; font-size: 0.9em; color: #ff7008; outline: none; height:auto; margin:0; }
.form-input input[type="text"] { text-transform:capitalize; }
.form-input.selected { vertical-align:bottom; }
.form-input.texto.selected { background:none; vertical-align:bottom; }
.form-input.texto.selected input { margin:0 !important; }
.form-input.texto input::placeholder { color: #ff7008; } 
.form-input select { 
    padding-right: 24px !important;
    -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      min-width: min(100%,240px);
    /*   background-image: url(https://www.svgrepo.com/show/362528/caret-down-bold.svg); */
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='180 -360 600 1200'%3E%3Cpath d='M1015 10q-10-10-23-10t-23 10L512 492 55 10Q45 0 32 0T9 10Q0 20 0 34t9 24l480 506q10 10 23 10t23-10l480-506q9-10 9-24t-9-24z'%20fill%3D%27%23ff7008%27/%3E%3C/svg%3E");
      background-size: 18px;
      background-repeat: no-repeat;
      background-position: calc(100% - 12px) center;
      cursor: pointer;
      font-family: sans-serif;
      font-weight: normal;
}
.form-input select::-ms-expand { display: none; }
input.rfc, input.homo, input.homo2, input.mayus { text-transform:uppercase !important; }
input.rfc { border-right:none !important; }
input.homo, input.homo2 { border-left:none !important; max-width:30%; }
.form-input optgroup { font-style: italic; color: steelblue; background-color: aliceblue; }
.form-input option { background-color: #fff; text-indent: 0; }
.form-input.selected select, .form-input.selected input { border: none; color:#1e376d; font-weight:bolder; }
.form-input.error input, .form-input.error select { background:rgba(255, 0, 0, 0.2); }
.form-input .sele { font-size:1.7em; margin-right:10px; display:none; }
.form-input.dob2:before { position:absolute; content:"F. Nacimiento"; right:60px; color:#ff7008; }
.form-input.dob2.selected:before { content:""; }
.nodis { display:none !important; }

h1, h2 { font-size:1.5em; padding:10px 0; }
h2 { padding-bottom:0; }

button.prev, button.segmenu.azul, .button.azul { background-color:#1e376d !important; }
button.next, button.segmenu { background-color:#ff7008 !important; }
button.whats { background-color:green !important; }
.form-buttons button i, .form-buttons .button i { font-size: 1.4em !important; }
.form-buttons .button { text-decoration:none;  display: inline-block; background: #25d366; vertical-align:top; line-height:68px; }

.precio { text-align:center; font-size:1.2em; width:100%; }
.preciosRes .resumenF { display:none; }
.precio .sindesc { text-decoration:line-through; font-size:1.4em; height: 55px; vertical-align: top; line-height: 55px; margin-right: 10px; }
.preciosRes .precio .textmsi { position:relative; display:block; }
.precio .oferta { font-size:2em; font-weight:bolder; }
.form-heading { line-height:1em; }

.preciosRes.final .precio .sindesc { color:white; font-size:0.9em; display: block; height: 30px; line-height: 30px; }
.preciosRes.final .precio .oferta { font-size:1.2em; line-height:1em; }
.preciosRes.final .precio .textmsi { display:none; }
.preciosRes.final .precio, .preciosRes.final .resumenF { background:#1e376d; border-radius:10px; padding:8px 5px; width:49%; display:inline-block; vertical-align:top; height:80px; }
.preciosRes.final .resumenF { text-align: center; margin-right: 1%; color:white; font-weight:bold; }
.preciosRes.final .resumenF .naranja {  font-size: 0.8em; }
.preciosRes.final .autodet { line-height:1em; max-height:30px; overflow:hidden; text-transform:capitalize; }
.textfinal { line-height:1em; padding:10px 0; }
.finalpago2 { padding:20px 0; }
.finalpago2 span { position:relative; display:block; }
.finalpago2 .num1, .finalpago2 .num3 { margin:10px 0; font-weight:bold; }
.finalpago2 .numcotiz { font-weight:bold; font-size:2em; }
.contactos { margin-top:35px; }
.contactos a { text-decoration:none; margin: 0 8px; display:inline-block; }

ul.detalles { font-size:1.1em; padding-left:0; }
ul.detalles li i { margin-right:10px; }
.tcenter { text-align:center !important; }
.detaoferta, ul.detalles { margin-top:10px; }

.coberturas, .avispriva { position:absolute; width:100%; height:100%; background:#fff; top:0; left:0; padding:10px 10px 50px 10px; overflow:scroll; }
.avispriva { z-index:99999; }
.coberturas .frow { background:#ff7008; color:white; font-weight:bold; line-height:1em; text-align:center; } 
.coberturas table { width:100%; }
.coberturas .frow td { padding: 5px 0; border-radius:10px 10px 0 0; }
.coberturas td { max-width:150px; min-width:90px; }
.coberturas .data td { padding: 10px 0; }
.coberturas .data td:first-child { padding-left:5px; }
.coberturas .data { font-size:0.8em; line-height:1.1em;  }
.coberturas .data:nth-child(odd) { background:#f1f0f0; }

.coberturas .ventajas, .coberturas .ventajas img { width:100%; }
.btncerrar b { text-decoration:underline; cursor:pointer; }

.footer { background:#1e376d; color: white; margin: 15px 0; padding:0 10px; }
.footer a { color:white; }

.menus { width:100%; }
.menus td { font-size:0.7em; padding:5px; opacity:0.5; background:#1e376d; border-radius:10px 10px 0 0; color:white; border-right:1px solid #fff; cursor:not-allowed; }
.menus td.active, .menus td.active2 { opacity:1; background:#ff7008; cursor:pointer; }
.menus td i { margin-right:5px; font-size:1.3em; vertical-align:middle; }

.mismocond { background:none; }
.outloader { position:absolute; height:100%; width:100%; background:rgba(255, 255, 255, 0.9); left:0; top:0; z-index:999; }
.outloader .fir { position: relative; top:50%; left:50%; margin:-25px; }

.privacy, .faq { margin-top: 0; max-height: 800px; overflow:scroll; }
.privacy h2, .faq h2 { padding:0; text-align:center; font-size:2em; }

.pregunt label { font-weight:bold; font-size:1.1em; }
.pregunt p { padding:10px 0 20px 20px; }

.form-input input:checked { background-color: #fa4729 !important; }


/*.step-1, .step-2, .step-3, .step-4 { display:none !important; }
.step-5 { display:grid !important; }*/

.steps { background-size:cover; min-height:93vh; }
.steps.paginas .wrapper { padding:20px; }
.steps-inner { background-color: rgb(255, 255, 255, 0.9); }
.form-input select, .form-input input, input:-internal-autofill-selected { background-color:transparent !important; }
.step-bar-inner { background-color:#1e376d; }

section[data-id="Preguntas-Frecuentes"] .form-inner.faq,
section[data-id="Aviso-Privacidad"] .form-inner.privacy { display:block !important; }

@media (min-width: 500px) {
    .form-input.halfsi { width:49%; display:inline-block; position:relative; }
    .form-input.selected i { font-size:1em; margin:10px 5px 0 0; display:inline-block; }
    .form-input.selected.halfsi input, .form-input.selected.halfsi select { width:80%; float:right; min-width:80%; max-width:80%; }
    .form-input.dob2:before { right: 20px; top:10px; font-size: 0.7em; }
}