/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {  
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* App */
/*------------------------------------------------------------------*/
/*  VARIABLES
/*-----------------------------------------------------------------*/

:root {

  /* Colores*/  
  --base:#2B3447;
  --azul-oscuro: #06f;
  --azul:#019df4;
  --azul-tel:#06f;
  --azul-back:#d1f6f7;
  --azul-oscuro:#011935;
  --blanco-roto:#f2f4ff;
  --verde: #5bc500;
  --verde-oscuro: #00966C;
  --amarillo:#ff0;
  --naranja:#ff7b00;
  --naranja-oscuro:#9D5412;
  --blanco: #fff;
  --gris: #B6B7B7;
  --negro: #333;
  --color-icos:#50535A;
  --ambar:#EAC344;
  --ambar-light:#F5E98A;

  --blanco-roto-claro: #e7fbff;
  --gris-claro: #d4d4d4;

  /* Fuentes */
  --font-thin:'TelefonicaWeb-Thin', Helvetica, Arial, serif; 
  --font-light:'TelefonicaWeb-Light', Helvetica, Arial, serif; 
  --font-regular:'TelefonicaWeb-Regular', Helvetica, Arial, serif; 
  --font-demibold:'TelefonicaWeb-Bold', Helvetica, Arial, serif; 
  --font-demibold:'TelefonicaWeb-DemiBold', Helvetica, Arial, serif; 

  /* Lineas */
  --linea-gris: #cccccc;
  --linea-fondo-azul: #00edff47;


  /* Tamaño Web */
  --width-web: 100%;
  --max-width-web: 80rem;
  --max-width-web-desktop: 1300px;

}
html {color: var(--base);}
b,strong{font-family: var(--font-demibold);}
p{margin-block-start: 1em;margin-block-end: 1em;}
p{text-align: center;}
p.small{font-size: 11px!important;}
p.medium{font-size: 16px;}
body{font-family: var(--font-regular); font-size: 1.125rem;animation: fadeInBody 1s;}
div.container{max-width: var(--max-width-web);margin: auto;}
header{
  -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 25%);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.25);
  box-shadow: 0 0 10px rgb(0 0 0 / 25%);
  overflow: overlay;
}
header.init{ box-shadow:none;-webkit-box-shadow:none; -moz-box-shadow:none;}
header .logo{width: 150px;}
header div.container{
  display: block;
  justify-content: space-between;
  align-items: center;
  color:var(--blanco);
  /*border-bottom: 1px solid var(--gris);*/
  padding: 15px;
}
a{color:var(--azul-tel);text-decoration: none;}
a:hover{text-decoration: underline;}
a.disable-links {pointer-events: none; opacity: .5;}
.btn.focus, .btn:focus, .btn:hover {
  color: #06f;
  text-decoration: none;
  background: #f2f4ff;
}
.m-row{margin: 0 15px;}
.text-left{text-align: left!important;}
.text-center{text-align: center!important;}
.text-right{text-align: right!important;}
.m0{margin: 0!important;}
.m30{margin: 30px!important;}
.btn{color: #fff;
  text-decoration: none;
  padding: 10px 25px;
  white-space: unset;
  background: var(--azul-tel);
  font-weight: normal;
  font-family: var(--font-light);
  margin: 0;
  display: inline-block;
  font-size: 16px;
  border:none;
  cursor: pointer;
  border-radius: 4px;
  min-width: 130px;
  text-align: center;
    padding: 12px 16px;
}
button.btn:disabled {opacity: .4;}
.btn-w{background: var(--blanco-roto);color:var(--azul-oscuro);line-height: 1;}
.btn .small-text-buttom{display: flex!important; align-items: center;  gap: 10px; justify-content: center;}
.btn .small-text-buttom svg{height: 15px;}
header .m-chat{margin-right: 0.625rem;}
header .m-call{ border: 1px solid var(--base);border-radius: 10px;padding: 5px 8px;display: inline-flex;opacity: .5;}
header .m-call svg{width: 1.3rem;height: 1.2rem;min-width: unset;min-height: unset;}
header span{font-family: var(--font-demibold);font-size: 15px;}
header div{display: flex;align-items: center;}
header .header-title{ display: flex!important; align-items: center; gap: 10px;justify-content: center;}
body.lock{overflow: hidden;}
.flex{display: flex;}
.flex-row{flex-direction: row!important;justify-content: space-around;}
.hide{display: none;}
.shadow{width: 90%;margin: auto;border-radius: 1.125rem;box-shadow: 0 0 20px 0 rgba(0,0,0,.2);position: relative;background: white;}
.shadowOn{box-shadow: 0rem 1.25rem 2.5rem 0rem #00000047;}
.boxDatos{border-radius: 0.5rem;padding:0.9375rem;box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);margin-bottom:30px;}
.boxDatos p.small{text-align: left;font-size:14px;}
.boxDatos .m-phone{height: 115px; margin-left: 10px;}
.boxDatos .m-phone-modelo{font-family: var(--font-demibold);display: block;position: relative;margin-top: -15px;padding-left: 10px;}
.boxDatos .m-model {font-size: 16px;line-height: 1;display: block;}
.boxDatos .m-row-phone:last-child{margin-top:75px;}
span.fecha{position: relative;}
span.fecha:after {content: "\e9d9";position: absolute;top: 0;right: 10px;font-family: 'ic-dispositivos';color:var(--azul-tel);pointer-events: none;}

.breadcrumbs{background: #F2F4FF;font-size: 12px; color:var(--azul-tel); min-height: 45px;}
.breadcrumbs .wrapper-breads{display: flex;justify-content: space-between; align-items: center;  min-height: 45px;}
.breadcrumbs .wrapper-breads div{display: flex;align-items: center;gap:7px;}

body.none,body.datos{background: none;}
body.none main{/*display: flex;height: 80vh;flex-flow: column;justify-content: center; */margin-bottom: 200px;}
body.none p{font-size: 16px;}
main .loader img{height: 130px;width: 130px;position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);}
main .titular{color:var(--blanco); margin: auto; margin-top: 30px; margin-bottom: 0; padding-bottom: 15px;font-family: var(--font-demibold);font-size: 27px;}

main .titular-form{border-bottom: 1px solid #6e789424; display: flex;align-items: center;gap: 15px;}

main .m-mega .m-list li.cob{display: none;}
main .loader span{display: block;position: absolute;top: 49%;width: 100%;font-size: 12px;    text-align: center;}
main .loader{display:none;position: fixed;top: 0;left: 0; width: 100%; height:100%; background:rgba(255,255,255,.9);z-index: 9999;}
main .back-container{background: url(../img/ima_fondo.jpg) no-repeat center top; background-size: cover;display: block;  align-items: center;  padding:15px;position: relative;margin-bottom: 80px!important;}
main .m-title{text-align: center;width: 100%;padding: 1.25rem 0;color:var(--azul-oscuro); line-height: 1.1;color: var(--base);margin-bottom: 0;}
main .m-title .m-precio{font-size: 30px;font-family: var(--font-demibold);}
main .m-title .m-precio-euro{font-size: 18px;font-family: var(--font-demibold);}
main h1{font-family: var(--font-regular);font-size: 21px;font-weight: normal;}
main h2{font-family: var(--font-regular);font-size: 18px;font-weight: normal;}
main h3{font-family: var(--font-demibold);font-size: 18px;font-weight: normal;color:var(--azul-tel);}
main h2.svg{display: flex;align-items: center;gap:10px;justify-content: center;color:var(--azul-tel);}
main h2.svg img{height: 30px;}
main h2.svg.gris{border-bottom: 1px solid var(--gris-claro); padding-bottom: 15px;color:var(--base);font-size: 22px;}
main .m-sub-title{width: 50%;margin: auto;border-bottom: 1px solid;padding-bottom: 10px;}
main .m-title.m-downgrade{width: 90%;}
main .m-title span.name{font-family: var(--font-regular);}
main .m-title span.m-subtitle {display: block; font-size: 20px; margin-top: 5px;    margin-bottom: 30px;}
main .m-title span.gratis{background-color: var(--amarillo);color: var(--base);}
main .col-1{width: 100%;text-align: left;z-index: 11;position: relative;}
main .col-2{z-index: 11;}
main .col-1 p{color:var(--blanco);text-align: left;z-index: 10;}
.container.back-container:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #00000094;
  z-index: 1;
}
main .m-mega{     background: #fff; position: relative;     min-width: 100%; margin: auto; padding: 15px 10px;}
main  .container-legal{background-color: #f2f4ff;    padding: 30px;}
main  .container-legal a{color: var(--base);text-decoration: underline;}
body.formulario main .m-mega{max-width: 70%; }
main .m-mega .m-mega-row-1{height: 80px;}
main .m-mega .m-mega-row-2{text-align: left; padding: 0.3125rem 0.9375rem;font-size: 1rem;}
main .m-mega .poliza{font-family: var(--font-demibold);color:var(--azul-oscuro)!important;text-decoration: none!important;}
main .m-mega .legal{font-size: 12px;}
main .m-mega .m-list{border-top:1px solid var(--gris-claro);padding-top: 15px;}
main .m-mega .m-list ul{padding:0;display: grid;grid-template-columns: 1fr 1fr;gap: 15px;}
main .m-mega .m-list li{list-style: none; display: block; text-align: center;}
main .m-mega .m-list li img{height: 55px;justify-self: center;}
main .m-mega .m-list li p{margin:0;font-size: 14px;}
main .m-mega .m-list li{margin-bottom: 25px;}
main .m-mega .m-list li.titular{grid-template-columns: 1fr;}
main .m-mega .m-list li.titular h3{margin:0;color:var(--azul-tel);text-align: center;font-family: var(--font-demibold);}
main .m-mega .m-list ul.u-dispositivos{grid-template-columns: 1fr;width: 80%; margin: auto;gap:0;margin-top: 10px;}
main .m-mega .m-list ul.u-dispositivos li {margin-bottom: 0;display: grid;grid-template-columns: 100px 1fr; justify-content: center; align-items: center;border-bottom: 1px solid var(--gris-claro);padding: 10px;}
main .m-mega .m-list ul.u-dispositivos li:last-child,
main .m-mega .m-list ul.u-dispositivos li:first-child{border:none;}
main .m-dispositivos span.number {
  padding: 10px 0;
  margin: 0 5px;
  border: 1px solid #ddd;
  font-size: 20px;
  border-radius: 5px;
  text-align: center;
  line-height: 1.2;
  width: 45px;
  background: #fff;
}
main .m-dispositivos .menos::before, main .m-dispositivos .mas::before{color:var(--azul-tel);}
main .m-dispositivos .ud-number {
  font-size: 25px;
    display: flex;
    align-items: center;
    margin: 0;
    flex-basis: 33.33333%;
    justify-content: center;
    margin-top: 15px;

}
main .m-dispositivos h4{
    display: flex;
    flex-flow: column;
    flex-direction: column-reverse;
    justify-content: center;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}
main .m-dispositivos .s-ico{ font-size: 35px;color: var(--azul-tel);margin-top: 6px;}
main .m-dispositivos .s-ico:before{color:var(--color-icos);}
main .m-dispositivos .li-dias{background-color:var(--azul-back);}
main .m-dispositivos .s-ico-30{font-size: 30px;}
#fechas {margin-bottom: 50px;}
#fechas h3, #fechas h4{font-weight: normal;font-family: var(--font-demibold);color:var(--azul-tel);}
.datepicker-cell.selected, .datepicker-cell.selected:hover {
  background-color: var(--azul-tel);
  color: #fff;
  font-weight: 600;
  border-radius: 50%;
}
.datepicker-cell.today:not(.selected) {
  background-color: var(--ambar);
  border-radius: 50%;
}
span.datepicker-cell.day.next, span.datepicker-cell.day.prev {opacity: .4;}
span.datepicker-cell.ini {background-color: var(--gris)!important;    border-radius: 50%!important;}
.m-legales .legal-footer {
  font-size: 12px;
  display: flex;
  align-items: end;
  line-height: 1.4;
  margin-top: 40px;
  border-top: 1px solid var(--azul-tel);
  padding-top: 20px;
  width: 100%;
  margin-bottom: 40px;
}
.m-legales .legal-footer .s-i-ico::before{color:var(--azul-tel);}
.m-legales .legal-footer .s-i-ico{margin-right: 5px;}

main .cta{position: fixed;bottom: 0;left:0;width: 100%;background: var(--azul-tel);text-align: center;z-index: 1;border-top:1px solid var(--gris-claro)}
main .cta .cta-wrapper{padding: 10px;    padding-right: 20px;
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 30px;
  grid-template-columns: 1fr 1fr;}

.wizard-nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    width: 35%;
    margin: auto;
    position: relative;
    margin-top: 20px;
}
.wizard-nav:before {
    top: 50%;
    border-top: 1px dashed #999;
    position: absolute;
    width: 33%;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    height: 1px;
}
.wizard-nav li {
  width: 50%;
  position: relative;
  color: var(--azul-tel);
}
.wizard-nav li:first-child{text-align: left;}
.wizard-nav li:last-child{text-align: right;}
.wizard-nav li .wizard-nav-step {
  border: 1px solid var(--azul-tel);
  background-color: #fff;
  border-radius: 30px;
  padding: 5px 15px;
  display: inline-flex;
  align-items: center;
}
.wizard-nav li.active .wizard-nav-step {
  background-color: var(--azul-tel);
  color: #fff;
}
.wizard-nav li .wizard-nav-step .step-number {
  padding-right: 0;
  font-size: 14px;
}
.wizard-nav li .wizard-nav-step .step-text {
  display: none;
}

.m-formu {margin: auto;}
.m-formu-row {display: flex;flex-direction: column;    margin-bottom: 30px;}
.m-formu-row-last{margin-bottom: 0;}
.m-formu-row .form-control{width: 100%;}
.m-formu-row p.small{font-size: 12px;}
.m-formu-row .form-list{display: block;list-style: none;list-style: none; padding: 0; font-size: 14px;justify-content: space-between;color: var(--azul-tel);
   padding-bottom: 0px; padding-top: 0px;}
.m-formu-row .form-list li{margin-bottom: 15px;}
.m-formu-row .form-list a{color: var(--azul-tel);text-decoration: none;}
.m-formu-row .form-list a:hover{text-decoration: underline;}
.m-formu-row .form-list .ico{height: 16px; margin-right: 5px;}
.m-formu label.tt {font-size: 18px;color:var(--azul-tel);font-family: var(--font-demibold);}
.row-radio{background-color: var(--azul-back);padding: 15px 0;}
.m-formu-col-2{display: grid; grid-template-columns: 1fr 1fr;gap: 10px;}
.m-formu-col-2 input.form-control {width: 125px;}
.m-formu-col-2 .code{position: relative;display: block;}
.m-formu-col-2 .code::before{content: ""; width: 46px;height: 27px; background: url(../img/code.jpg) no-repeat;position: absolute;top: 11px;right: 6px;}
span.container-ico-wrapper {display: flex;gap: 15px;align-items: center;}
.alert-warning{background-color: #FEF8CE;border-color:#FEF8CE;}
.row-form{margin-bottom: 20px;margin-top: 20px;}
.row-form-alerta{margin-bottom: 0;}
.form-group{position: relative;}
.form-group.labeled label.control-label{    
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    left:12px;
    font-size: 16px;
    cursor: text;
    font-family: 'TelefonicaWeb-Light',Arial,Helvetica;
    font-weight: normal;
    color:#86888C;
    padding: 0;
    -webkit-transition: top .2s,left .2s,font-size .2s;
    transition: top .2s,left .2s,font-size .2s;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    max-width: 90%;
    white-space: nowrap;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    line-height: 1;
}
.form-group.labeled label.control-label-large{overflow: hidden;}
.form-group.labeled label.control-label-icon{max-width: 70%;}
label.selected{color:#019df4!important;}
.form-group.labeled label.control-label.s-form-float{
    top: 10px;font-size: 12px;transform:none;
}
.form-group.labeled input{padding:8px 12px;font-family: 'TelefonicaWeb-Regular',Arial,Helvetica; font-size: 16px;color: #50535A;}
.form-group.labeled input.datetimepicker { padding-right: 40px;}
.form-group.labeled .form-group-input-info input{padding-right: 30px;}
.form-group.labeled input.fill, .form-group.labeled .fill button{padding-top: 24px!important;color: #50535A;}
.form-group.labeled .fill button{overflow: hidden;}
.form-group .form-group-input{position: relative;}


body.datos ul.datos-final{display: grid;grid-template-columns: 50% auto auto;padding: 0; grid-template-areas:". . ." ". a1 a1" ". a2 a2" ". a3 a3" ". a4 a4";    gap: 25px 15px;}
body.datos ul.datos-final span{display: block;font-family: var(--font-demibold);word-break: break-all;}
body.datos ul.datos-final label{font-size: 10px;}
body.datos ul.datos-final li.a1{grid-area:a1;}
body.datos ul.datos-final li.a2{grid-area:a2;}
body.datos ul.datos-final li.a3{grid-area:a3;}
body.datos ul.datos-final li.a4{grid-area:a4;}
body.datos ul.datos-final li{border-top: 1px solid var(--gris-claro);padding-top: 10px;}
body.datos ul.datos-final li.small {font-size: 13px;}
body.datos .sello {display: grid;background-color: var(--azul-back);grid-template-columns: 40% 60%;padding: 10px 0;align-items: center;}
body.datos .sello img{height: 55px;    margin-right: 10px;}
body.datos .poliza{display: flex; font-size: 15px!important;justify-content: flex-end;}
body.datos .poliza img{height: 45px;margin-right: 10px;}
body.datos.final main .cta .cta-wrapper{gap: 50px;}

main .cta .cta-wrapper .totales {color: #fff; font-size: 12px;text-align: right;}
main .cta .cta-wrapper .importe {font-size: 40px;font-family: var(--font-demibold);line-height: 1;}
body.datos main .cta .cta-wrapper .importe{color:var(--ambar-light)}
main .cta .cta-wrapper .importe-dec {font-size: 25px;font-family: var(--font-regular);line-height: 1;}
main .cta .cta-wrapper span.importe-dia {font-size: 18px;line-height: 1;}
main .cta .cta-wrapper span.importe-dia-dec {font-size: 12px;line-height: 1;}
main .cta .cta-wrapper .t-row-2{color:var(--ambar-light);}
main .cta .cta-wrapper-2 a{margin:0 10px;display: grid;grid-template-columns: 1fr 1fr;align-items: center;}
main .cta .cta-wrapper.hide{display: none;}
main .ctaX a, .m-modal .cta a{color:#fff; text-decoration: none;width: 100%;padding: 15px 10px;white-space: unset;border: 1px solid var(--azul-oscuro);background:var(--azul-oscuro);font-weight: 400;text-shadow: none;-webkit-box-shadow: none;box-shadow: none;font-family: var(--font-regular);font-size: 30px; border-radius: 8px;margin: 0;}
main .ctaX a, .m-modal .cta a{-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
main .ctaX span.small-text-buttom {line-height: 1;font-size: 14px;display: block;font-family:var(--font-demibold);color:var(--blanco);text-transform: uppercase;}
main .ctaX span.small-text-buttom-2{font-size: 18px;}
main .ctaX span.small-text-buttom.grey{color:var(--negro);font-size: 12px; margin-bottom: 5px;}
main .ctaX span.price-buttom {font-size: 12px;line-height: 1;display: block;}
main .ctaX span.precio{font-size: 25px;font-family: var(--font-demibold);}
main .ctaX span.simbol {font-size: 12px;line-height: 1;}
main .m-section{padding: 0.3125rem 0.9375rem;}
footer {border-top:1px solid var(--gris-claro);height: 40px;margin-top: 40px;color:initial;margin-right: 0; margin-left: 0; margin-bottom: -0.9375rem; font-size: 10px; background: white; padding: 15px; margin-bottom:100px;}
footer ul {list-style: none;padding:0;align-items: center;width: 95%;  margin: auto;margin-top: 20px; margin-bottom:20px;}
footer ul a{text-decoration: none;color:var(--base);font-size: 12px;margin-bottom: 5px; display: block;}

body.datos main ul{list-style: none;}
body.datos main ul.datos {border-bottom: 1px solid var(--azul); padding-bottom: 20px;}
body.datos main ul.datos li::before {content: "\2022";color: var(--azul);font-weight: bold;display: inline-block; width: 0.625rem;}
body.datos main ul.seguro{list-style: none;}
body.datos main ul.seguro li{display: flex;align-items: flex-start;margin-bottom: 5px;}
body.datos main ul.seguro li a{color:var(--azul);text-decoration: none;}
body.datos main ul.seguro li a.btn { text-decoration: none; white-space: unset; font-family: var(--font-demibold); margin: 0; display: block; margin-top: 10px;}
body.datos main ul.seguro li span{display: block;}
body.datos main ul.seguro li span:first-child{font-size: 16px;width: 40%;text-align: right;padding-right: 10px;font-family: var(--font-demibold);}
body.datos main ul.seguro li span:last-child{font-size: 16px;width: 60%;}
body.datos main ul.seguro li span#m-dni{font-family: var(--font-regular)}
body.datos main ul.seguro li span.arrow{display: unset;font-size: 13px;padding-left: 5px;}
body.datos main ul.seguro li span.btn-wrapper {width: auto;}
body.datos main .cta span.small-text-buttom,body.none main .cta span.small-text-buttom{text-align: center;}
body.datos img.ico-cab {position: absolute; height: 50px; right: 0; top: -15px;}
body footer{ padding-bottom: 250px; margin-bottom: 0;}
body.datos main .cta .cta-wrapper-2 a{display: block;}
body.datos .m-row-phone{display: flex;align-items: flex-start;margin-top:15px; border-bottom: 1px solid var(--gris-claro);}
body.datos .m-phone-wrapper{width:auto;overflow: hidden;height: 90px;position: relative;margin-top: -45px;}
body.datos .m-row-1, body.datos .m-row-2{border-bottom:1px solid var(--gris-claro);}
body.datos .m-row{margin: 0 15px;}
body.datos .m-row-3{padding-left: 10px;}
body.datos .m-legales{padding-top:50px;}
body.datos p.small{font-size: 14px;margin: 30px 0;}
body.datos p.small-datos{font-size: 12px;margin: 15px 0;margin-top: -30px;}
body.datos p.small-datos a{color:var(--azul-tel);}
body.datos main span.m-li-title img.m-ico{height: 15px;margin-right: 5px;}
body.datos main span.m-li-title {display: flex!important;align-items: baseline;color:var(--azul-tel);}
body.datos main .loader img{height: 90px;}
body.datos #m-legal-condiciones {display: none;margin-left: 75px; color: red; font-size: 14px; margin-top: 10px;font-family: var(--font-demibold);}
body.datos #error {color: red;font-size: 12px;font-family: var(--font-demibold)}
body.datos .checbox-switch.requerido #m-legal-condiciones{display: block;}
body.datos p.legal-grey{color:#989898;font-size: 12px;}
body.final main{margin-bottom:100px;}
body.final .m-gracias-wrapper{text-align: center;width: 100%;}
body.final .m-gracias, body.final .m-gracias-small{display: block;line-height: 1;font-family: var(--font-light);color:var(--azul)}
body.final .m-gracias{font-size: 45px;line-height: 1.4;}
body.final .m-gracias-small{font-size: 20px;}
body.final .boxDatos{ margin-top: 40px;}
body.final img.m-escudo {position: absolute;top: 0;height: 40px;left: 50%;display: none;}
body.final .m-row-gracias p{text-align: left; padding: 0 10px;}
body.final .m-aceptar.cta{text-align: center;margin-bottom: 100px;}
body.final .m-aceptar.cta a{padding: 12px 60px;}
body.final .btnEnviarCorreo{color:#fff;margin-top: 5px;display: inherit;}
body.final .m-correo{display: flex;column-gap: 15px;}
.m-modal{position: fixed;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;}
.m-modal .m-title{    font-size: 22px;
  font-family: var(--font-demibold);
  color: var(--azul-oscuro);
  line-height: 1.1;}
.m-modal .m-modal-wrapper {display: flex; flex-flow: column;max-height: 70vh;background: white;width: 80%;margin: auto; border-radius: 0.5rem;padding: 0.9375rem;box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);    position: relative; top: 10%;}
.m-modal .m-modal-body{overflow: scroll;    margin-bottom: 15px;}
.m-modal .m-modal-body .texto, .m-modal .m-modal-body .cta{width: 85%;margin: auto;}
.m-modal .m-modal-body .cta a{padding: 12px 0px;margin:35px 0;}
.m-modal .m-modal-body .texto p{text-align: left; font-size: 16px;}
.m-modal .m-modal-body .texto p.small{line-height: 1.7;font-size: 12px!important;}
.m-modal .m-modal-body .texto p a{color:var(--azul-oscuro);text-decoration: underline;}
.m-modal-header { color:var(--azul-oscuro); font-size: 20px; padding-bottom: 10px; margin-bottom: 15px;padding-right: 15px; line-height: 1.1; font-family: var(--font-demibold);}
.m-modal .modal-opc{border-bottom: 1px solid #ddd;padding-left: 0;margin-bottom: 0;list-style: none;}
.m-modal .modal-opc{border-bottom: 0.0625rem solid #ddd;padding-left: 0;margin-bottom: 0;list-style: none;}
.m-modal .modal-opc li {margin: 0; margin-bottom: -0.0625rem; position: relative; display: inline-block;font-weight: normal;}
.m-modal .modal-opc li.active a{color:var(--azul-oscuro);font-family: var(--font-demibold); cursor: default; background-color: #fff; border: 0.0625rem solid #ddd; border-bottom-color: transparent;margin-right: 0.125rem; line-height: 1.42857143; border-radius: 0.25rem 0.25rem 0 0; position: relative; display: block; padding: 0.625rem 0.9375rem; }
.m-modal .modal-opc li a { margin-right: 0.125rem;text-decoration: none; line-height: 1.42857143; border-radius: 0.25rem 0.25rem 0 0; border: 0.0625rem solid transparent; position: relative; display: block;  padding: 0.625rem 0.9375rem; color: var(--azul-oscuro);}
.m-modal .m-modal-body .modal-tab-content{padding: 0.9375rem;border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}
.m-modal .modal-tab-panel{display: none;}
.m-modal .modal-tab-panel.active{display: block;}
.m-modal .modal-tab-panel .txt-legal{font-size: 0.75rem; margin-top:0.625rem;}
.m-modal .modal-tab-panel .txt-legal a{color: var(--azul-oscuro)}
.m-modal .cta a.btn-info, .m-modal .cta a, .m-aceptar.cta a, .btnEnviarCorreo { 
  border: none;padding: 12px 30px;height: auto;border-radius:0;background-color: var(--azul-tel);color:white; font-size: 20px; line-height: 1;text-transform: uppercase;font-size: 16px;
  text-decoration: none;
}
.m-modal .cta a.btn-info{padding: 12px 0;}
.m-modal .cta a{display: inline-block;
  text-align: center;}
.m-modal a.closeX#closeModal {position: absolute;top: 15px;right: 15px;width: 16px;height: 16px;}
.m-modal a.closeX#closeModal span {height: 2px; background: var(--azul-oscuro);width: 16px;display: block;right: 0px;position: relative;}
.m-modal a.closeX#closeModal span:first-child{transform: rotate(45deg);top: 8px;}
.m-modal a.closeX#closeModal span:last-child{transform: rotate(135deg);top: 6px;}
.m-modal-footer{text-align: center; margin: 15px 0;}
.m-modal-footer.cta a{display: inline;}
.m-modal img.m-ico-modal {height: 35px;margin-bottom: 15px;}

/*Formulario*/
.checkbox.checbox-switch {padding-left: 0;margin-bottom:20px;}
.checkbox.checbox-switch a{color:var(--base);}
.checkbox.checbox-switch label,.checkbox-inline.checbox-switch {display: inline-block;position: relative;padding-left: 0;font-size: 12px;padding-left: 75px;}
.checkbox.checbox-switch label input,.checkbox-inline.checbox-switch input {display: none;}
.checkbox.checbox-switch label span.sw,.checkbox-inline.checbox-switch span.sw {width: 35px; border-radius: 20px; height: 18px; 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; position: absolute!important; top: 0; left: 0;}
.checkbox.checbox-switch label span.sw:before,.checkbox-inline.checbox-switch span.sw:before {  display: inline-block;  width: 16px;  height: 16px;  border-radius: 50%;  background: rgb(255,255,255);  content: " ";  top: 0;  position: relative;  left: 0;  transition: all 0.3s ease;  box-shadow: 0 1px 4px rgba(0,0,0,0.4);}
.checkbox.checbox-switch label > input:checked + span.sw:before,.checkbox-inline.checbox-switch > input:checked + span.sw:before { left: 17px;}
.checkbox.checbox-switch label span.sw.sw-big {width: 60px; height: 27px; position: relative; font-family: var(--font-regular);}
.checkbox.checbox-switch label span.sw.sw-big:before{ width: 25px; height: 25px;}
.checkbox.checbox-switch label > input:checked + span.sw-big:before{left: 33px;}
.checkbox.checbox-switch label span.sw.sw-big:after {font-size: 12px;content: "No";position: absolute; top:50%; transform: translateY(-50%); right: 10px; z-index: 0; color:#fff;}
.checkbox.checbox-switch label > input:checked + span.sw-big:after{content: "Si";position: absolute;top:50%;transform: translateY(-50%);left: 10px;z-index: 0;}
.checkbox.checbox-switch label span.sw.requerido{background-color: red;}

/* Switch Default */
.checkbox.checbox-switch label > input:checked + span.sw,.checkbox-inline.checbox-switch > input:checked + span.sw {background-color: var(--azul-tel);border-color: var(--azul-tel);box-shadow: var(--azul-tel) 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 label > input:checked:disabled + span.sw,.checkbox-inline.checbox-switch > input:checked:disabled + span.sw { background-color: rgb(220, 220, 220); border-color: rgb(220, 220, 220); box-shadow: rgb(220, 220, 220) 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 label > input:disabled + span.sw,.checkbox-inline.checbox-switch > input:disabled + span.sw {background-color: rgb(232,235,238);border-color: rgb(255,255,255);}
.checkbox.checbox-switch label > input:disabled + span.sw:before,.checkbox-inline.checbox-switch > input:disabled + span.sw:before {background-color: rgb(248,249,250);border-color: rgb(243, 243, 243);box-shadow: 0 1px 4px rgba(0,0,0,0.1);}
input.form-control{margin-top: 5px;padding: 10px;border: 1px solid #d0d0d0;width: 90%; outline: none; border-radius: 4px;-webkit-appearance: none;
  padding: 8px 12px;min-height: 56px;box-sizing: border-box;
}
input.form-control:focus, input.form-control.ok{border: 1px solid var(--azul-tel);-webkit-box-shadow: 0 0 5px var(--azul); box-shadow: 0 0 5px var(--azul-tel);-moz-box-shadow:0 0 5px var(--azul-tel)}
input.form-control.requerido{border: 1px solid red!important;color:red;-webkit-box-shadow: 0 0 5px red; box-shadow: 0 0 5px red;-moz-box-shadow:0 0 5px red}
input.form-control.requerido::placeholder { color: red; opacity: 1;}
form .btn{ border: none;padding: 12px 30px;height: auto;border-radius: 8px;background-color: var(--azul-tel);color:white; font-size: 20px; line-height: 1;text-transform: uppercase;font-size: 16px;}
span.error{font-size: 14px; color:red;padding-top: 10px;}

/* cookies onetrust */
body .cc_css_reboot{font-family:var(--font-regular)!important;}
body .light.cc_dialog button.cc_b_ok{background-color: var(--azul-tel)!important;;}
body .light.cc_dialog .cc_dialog_text {color: #111;text-align: left;}
body .light.cc_dialog, body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog {border-radius: .5rem!important;box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);}
body .cc_cp_head_lang_selector{display: none!important;}
body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_powered_by{display: none!important;}
body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer{justify-content: center;}
body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {background: var(--azul-tel)!important;;margin: 15px 0;}
body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content p{text-align: left;}
body .cc_dialog { padding: 2rem!important;}
body .cc_css_reboot button { margin-right: 10px!important;}
body .light.cc_dialog div div:nth-child(3){display: flex;flex-direction: row-reverse;}
body .cc_overlay_lock, body .cookie-consent-preferences-overlay {background: rgba(255,255,255,0.7);}
body .light.cc_dialog .cc_dialog_headline,
body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head h2,
body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content h1{font-size: 22px;font-family: var(--font-demibold);color: var(--azul-oscuro); line-height: 1.1;}
body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head h2{font-size:18px;margin-bottom: 15px;}
body .cc_dialog.interstitial {top: 12vh;}

body.datos main ul.seguro {display: flex; flex-wrap: wrap; justify-content: space-between;}
body.datos main ul.seguro li {margin-bottom: 5px;width: 42%; margin-right: 2%;display: block;}
body.datos main ul.seguro li span:first-child {font-size: 13px; padding-right: 10px;}
body.datos main ul.seguro li span:last-child {padding-bottom: 7px;}
body.datos main ul.seguro li span.m-email, body.datos main ul.seguro li span.btn-wrapper{padding-bottom: 0;}
body.datos main ul.seguro li.m-seguro-email{width: 100%;}
body.datos main ul.seguro li .btn-wrapper, body.datos main ul.seguro li #m-email{font-family: var(--font-regular)!important;font-size: 16px!important;}
body.datos main ul.seguro li #m-email.hide{display: none;}
body.datos main ul.seguro li span:first-child {text-align: left;}
body.datos main ul.seguro li span:last-child, body.datos main ul.seguro li span:first-child {width: auto;}
body.datos main ul.seguro li a.hide{display: none;}

body.datos main .m-legales-table table {border: 1px solid #ddd;color: #989898;font-size: 12px;}
body.datos main .m-legales-table table tbody {display: none;}
body.datos main .m-legales-table table tbody.open{display: unset;}
body.datos main .m-legales-table table td a{color: #989898;}
body.datos main .m-legales-table table td.td-header{display: flex;}
body.datos main .m-legales-table table td.td-header .header-wrapper{width: 95%;line-height: 1;}
body.datos main .m-legales-table table td.td-header a{text-decoration: none;}
body.datos main .m-legales-table table td.td-header a.legal-plus{text-align: center;border: 1px solid #b4b6b7;background-color: #b4b6b7;width: 15px;height: 15px;border-radius: 50%;font-size: 17px;line-height: 1;line-height: 0.9;color: #fff;}
body.datos main .m-legales-table table thead td{border-top:none;}
body.datos main .m-legales-table td{padding:10px;border-top: 1px solid #ddd;}
/*body.datos main .form-control{display: none;}*/
body.datos main .form-control.show{display:initial;}
body.datos main .cta .cta-wrapper{padding-top: 10px;}
main .cta span.small-text-buttom.grey {font-size: 16px; margin: 5px;color:var(--verde)}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--ambar);
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


@media (min-width: 969px){ 
  header svg.logo {
    min-width: 2.75rem!important;
    width: 7.75rem!important;
    min-height: 2.7rem!important;
    height: 1.7rem!important;
  }
  header span {font-size: 17px;}
  main h1 { font-size: 35px;}
  main h2 {font-size: 25px;}
  main .m-mega .legal {font-size: 18px; margin-bottom: 25px!important;}
  main .m-mega .m-list ul.u-dispositivos li {grid-template-columns: 140px 1fr;}
  main .m-dispositivos h4 {font-size: 15px;}
  main .cta .cta-wrapper .importe {font-size: 65px;}
  main .m-title .m-precio {font-size: 50px;}

  main .back-container{display: flex;padding: 60px 30px;}
  main .col-1{width: 50%;text-align: left;z-index: 11;}
  main .m-mega{background: #fff; position: relative; min-width: 470px; margin: auto; padding: 25px 40px;}
  main .titular{font-size: 40px; margin-bottom: 30px;}
  main .m-mega{padding: 25px 40px;}
  .m-formu-row .form-list{display: inline-flex;}
  .m-formu-row .form-list li{margin-bottom: 0;}

  div.container{max-width: var(--max-width-web-desktop);margin: auto;}
  footer ul li{display: inline-block; margin-right: 30px;}
  main .m-title {padding: 65px 0;}
  body.inicio main .cta{position: relative;background-color: transparent; border:none;}
  body.datos .btn, body.calcular .btn{display: block;}
  main .m-mega .m-list ul.u-dispositivos {width: 50%;}
 /* .m-formu {width: 50%;}*/

  .m-modal .m-modal-wrapper {width: 350px;}  
  .m-modal .m-modal-body{overflow: hidden;}
  .wizard-nav{width: 20%;}
  body.datos main .m-legales-table table{margin: auto;}
  body.datos .m-legales {padding-top: 50px; width: 50%; margin: auto;}
  body.datos.final #m-mega{
    width: 70%;
    margin: auto;

  }
  /*main .cta {
    position: fixed;
    top: 206px;
    bottom: 0;
    left: auto;
    right: 0;
    width: 190px;
    height: 150px;
    background: var(--azul-tel);
    text-align: center;
    z-index: 1;
    border-top: none;
  }
  main .cta .cta-wrapper {
    padding: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 30px;
  }*/

  .m-slideInUp {
    animation-name: none!important;
  }
  
  /*body footer {margin-bottom: 100px;}*/

}

#cont-lds {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  /* background: #fff;
  opacity: .6; */
  background: transparent;
  /* margin: 0 15px; */
}

.lds-default {
  display: block;
  position: relative;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  /* top: 50%; */
  top: 57%;
}
.lds-default div {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #0066ff;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 29px;
  left: 53px;
}
.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 18px;
  left: 50px;
}
.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 9px;
  left: 41px;
}
.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 6px;
  left: 29px;
}
.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 9px;
  left: 18px;
}
.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 18px;
  left: 9px;
}
.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 29px;
  left: 6px;
}
.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 41px;
  left: 9px;
}
.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 50px;
  left: 18px;
}
.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 53px;
  left: 29px;
}
.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 50px;
  left: 41px;
}
.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 41px;
  left: 50px;
}

@keyframes lds-default {
  0%, 20%, 80%, 100% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.5);
  }
}

/*
@media (min-width: 980px){ 
  main .cta {right: 100px;width: 245px;}
}
@media (min-width: 1100px){ 
  main .cta {right: 100px;}
}
*/
@keyframes fadeInBody {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}