@charset "UTF-8";

body {  
    font-family: 'Roboto-Regular', Helvetica, Arial, 'sans-serif';
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    background-color: #b0c4db;
    background-image: url("../img/2025-back.jpg");
    background-position: top center;
    background-size: 100% auto;
    transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
}

.fondo {  
    background-image: url("../img/2025-chica.png");
    background-repeat: no-repeat;
    background-position: bottom 30px right -30px;
    background-size: 28%;
    transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
}

.slider {
        width: 100%;
        margin: 0px;
        overflow: hidden;
        height: auto;
    }

a {  color: #034D8E;}

.font-size-0 {  font-size: 0px !important;}
.font-size-8 {  font-size: 8px !important;}
.font-size-9 {  font-size: 9px !important;}
.font-size-10 {  font-size: 10px !important;}
.font-size-11 {  font-size: 11px !important;}
.font-size-12 {  font-size: 12px !important;}
.font-size-13 {  font-size: 13px !important;}
.font-size-14 {  font-size: 14px !important;}
.font-size-15 {  font-size: 15px !important;}
.font-size-16 {  font-size: 16px !important;}
.font-size-17 {  font-size: 17px !important;}
.font-size-18 {  font-size: 18px !important;}
.font-size-19 {  font-size: 19px !important;}
.font-size-20 {  font-size: 20px !important;}
.font-size-22 {  font-size: 22px !important;}
.font-size-24 {  font-size: 24px !important;}
.font-size-25 {  font-size: 25px !important;}
.font-size-26 {  font-size: 26px !important;}
.font-size-28 {  font-size: 28px !important;}
.font-size-32 {  font-size: 32px !important;}
.font-size-36 {  font-size: 36px !important;}


.pie  { 
    padding: 30px;
    padding-bottom: 45px;
    background: #283342;

}
.icono24  { width: 24px;height: 24px;}

.float-left  { float: left}
.float-none  { float: none}
.float-right  { float: right}

.text-right, .text_right{  text-align: right;}
.text-center, .text_center {  text-align: center;}
.text-left, .text_left{  text-align: left;}

.bold { font-family: 'Roboto-Bold' !important;}
.regular { font-family: 'Roboto-Regular' !important;}
.light { font-family: 'Roboto-Light' !important;}

.mobile{ display: none !important}
.desktop{ display: inline-block !important}

.contenedor-card  { 
    background: #FFFFFF;
    padding: 30px;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;

}
.color333333{color: #333333;}

.contenedor-card .icono {
    width: 100%;
    max-width: 64px;
    margin-right: 16px;
    float: left;
}

.contenedor-card .texto {
    width: 100%;
    width: calc(100% - 260px);
    float: left;
}

.contenedor-card .boton {
    width: 100%;
    max-width: 164px;
    margin-left: 16px;
    float: right;
    text-align: right;
    padding-top: 6px;
}

.contenedor-card .boton .btn{
    width: 100%;
    display: inline-block;
}



.marcas .item{
    padding: 20px;
    color: #ffffff !important;
    font-size: 14px;
    text-align: center;
    cursor: default;

}

.regular .item{
    padding: 4px;
    color: #ffffff !important;
    font-size: 14px;
    text-align: center;
}

.regular .item img{ 
 border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}

.marcas .item a{
    color: #ffffff !important;
}

.marcas .item .cont-img{ 
    display: block;
    border-radius: 80px;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    margin-bottom: 10px;
    padding: 10px;
    background: #ffffff;
}

.marcas .item img{ 
 border-radius: 80px;
-moz-border-radius: 80px;
-webkit-border-radius: 80px;
}

.accordion {
background: transparent !important;
}

.accordion-item { background: #FFFFFF;
    padding: 30px;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    margin: 4px;
    margin-bottom: 15px;

}

.accordion-title {
  position: relative;
  display: block;
  padding: 0px;
  border: 0px !important;
  border-bottom: 0;
  font-size: 16px;
    padding-right: 12px;
  font-weight: 700;
  line-height: 1;
  color: #222222;
  background-color: #ffffff !important;
}

.accordion-content {
  display: none;
  padding: 0px;
  padding-top: 25px;
  border: 0px !important;
  border-bottom: 0;
  background-color: #ffffff;
  color: #222222;
    line-height: 1.7;
}

.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 0rem;
  margin-top: -0.5rem;
  content: " ";
    background: url("../img/icono-flecha-abajo-azul.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-color: #fff;
    width: 16px;
    height: 16px;
}

.is-active > .accordion-title::before {
  content: " ";
    background: url("../img/icono-flecha-arriba-azul.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-color: #fff;
    width: 16px;
    height: 16px;
}

.contenedor840  { 
    max-width: 840px;

}
.logo-cyber  { 
    max-width: 530px;
}
.logo-cyber.mobile {
    max-width: 100%;
}

.btn  { 
    background: #3FA4DD;
    text-align: center;
    padding: 15px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;

}

.btn:hover,
.btn:focus{ 
    background: #188aca !important;
    color: #ffffff !important; 
    transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;

}

/*CONTADOR*/

.counter-top {
   background: #0032AE;
    width: 404px;
    height: 210px;
    border-radius: 0px 0px 16px 16px;
    -moz-border-radius: 0px 0px 16px 16px;
    -webkit-border-radius: 0px 0px 16px 16px;
    float: right;
    padding: 20px;
    padding-top: 60px;
    transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
}
.contador .days,
.contador .hours,
.contador .minutes,
.contador .seconds {
    background: url(../img/2024-bg-contador-input.svg) no-repeat center top;
    width: 96px;
    height: 80px;
    letter-spacing: 20px;
    padding: 14px 0 0px 17px;
    text-align: right;
    color: #234A7E;
    transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;

}
.contador ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    padding-left: 0;
    justify-content: center;
    margin: 0px !important;
}
.contador ul li {}
.contador ul li span {
    display: block;
    text-align: center;
    margin: 0 0 0;
    font-size: 38px;
    font-family: 'Roboto-Light';
    line-height: 60px;
    color: #234A7E;

}
.contador ul li span.detalle {
    font-size: 12px;
    line-height: 16px;
    font-family: 'Roboto-Regular';
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 1px;
}
.counter-top h3 {
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-family: 'Roboto-Regular';
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 3px;
}

.logo {
    width: 100%; max-width: 360px;
}



.m-0 {
  margin: 0 !important;
}
.mt-0, .my-0 {
  margin-top: 0 !important;
}
.mr-0, .mx-0 {
  margin-right: 0 !important;
}
.mb-0, .my-0 {
  margin-bottom: 0 !important;
}
.ml-0, .mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1, .my-1 {
  margin-top: 0.25rem !important;
}
.mr-1, .mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1, .my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1, .mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2, .my-2 {
  margin-top: 0.5rem !important;
}
.mr-2, .mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2, .my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2, .mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3, .my-3 {
  margin-top: 1rem !important;
}
.mr-3, .mx-3 {
  margin-right: 1rem !important;
}
.mb-3, .my-3 {
  margin-bottom: 1rem !important;
}
.ml-3, .mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4, .my-4 {
  margin-top: 1.5rem !important;
}
.mr-4, .mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4, .my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4, .mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 2rem !important;
}
.mt-5, .my-5 {
  margin-top: 2rem !important;
}
.mr-5, .mx-5 {
  margin-right: 2rem !important;
}
.mb-5, .my-5 {
  margin-bottom: 2rem !important;
}
.ml-5, .mx-5 {
  margin-left: 2rem !important;
}
.m-6 {
  margin: 2.5rem !important;
}
.ml-6, .mx-6 {
  margin-left: 2.5rem !important;
}
.mr-6, .mx-6 {
  margin-right: 2.5rem !important;
}
.mt-6, .my-6 {
  margin-top: 2.5rem !important;
}
.mb-6, .my-6 {
  margin-bottom: 2.5rem !important;
}
.m-7 {
  margin: 3.0rem !important;
}
.ml-7, .mx-7 {
  margin-left: 3.0rem !important;
}
.mr-7, .mx-7 {
  margin-right: 3.0rem !important;
}
.mt-7, .my-7 {
  margin-top: 3.0rem !important;
}
.mb-7, .my-7 {
  margin-bottom: 3.0rem !important;
}
.m-8 {
  margin: 3.5rem !important;
}
.ml-8, .mx-8 {
  margin-left: 3.5rem !important;
}
.mr-8, .mx-8 {
  margin-right: 3.5rem !important;
}
.mt-8, .my-8 {
  margin-top: 3.5rem !important;
}
.mb-8, .my-8 {
  margin-bottom: 3.5rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0, .py-0 {
  padding-top: 0 !important;
}
.pr-0, .px-0 {
  padding-right: 0 !important;
}
.pb-0, .py-0 {
  padding-bottom: 0 !important;
}
.pl-0, .px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1px {
  padding-top: 1px !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pr-1, .px-1 {
  padding-right: 0.25rem !important;
}
.pr-1, .px-1 {
  padding-right: 0.25rem !important;
}
.pb-1, .py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1, .px-1 {
  padding-left: 0.25rem !important;
}
.p-03 {
  padding: 0.3rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2, .py-2 {
  padding-top: 0.5rem !important;
}
.pr-2, .px-2 {
  padding-right: 0.5rem !important;
}
.pb-2, .py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2, .px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3, .py-3 {
  padding-top: 1rem !important;
}
.pr-3, .px-3 {
  padding-right: 1rem !important;
}
.pb-3, .py-3 {
  padding-bottom: 1rem !important;
}
.pl-3, .px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4, .py-4 {
  padding-top: 1.5rem !important;
}
.pr-4, .px-4 {
  padding-right: 1.5rem !important;
}
.pb-4, .py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4, .px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 2rem !important;
}
.pt-5, .py-5 {
  padding-top: 2rem !important;
}
.pr-5, .px-5 {
  padding-right: 2rem !important;
}
.pb-5, .py-5 {
  padding-bottom: 2rem !important;
}
.pl-5, .px-5 {
  padding-left: 2rem !important;
}
.p-6 {
  padding: 2.5rem !important;
}
.pt-6, .py-6 {
  padding-top: 2.5rem !important;
}
.pt-15, .py-15 {
  padding-top: 6rem !important;
}
.pr-6, .px-6 {
  padding-right: 2.5rem !important;
}
.pb-6, .py-6 {
  padding-bottom: 2.5rem !important;
}
.pl-6, .px-6 {
  padding-left: 2.5rem !important;
}
.pb-7, .py-7 {
  padding-bottom: 3.0rem !important;
}
.pr-8, .px-8 {
  padding-right: 3.5rem !important;
}
.pb-8, .py-8 {
  padding-bottom: 3.5rem !important;
}
.pl-8, .px-8 {
  padding-left: 3.5rem !important;
}
.pr-9, .px-9 {
  padding-right: 4.0rem !important;
}
.pb-9, .py-9 {
  padding-bottom: 4.0rem !important;
}
.pl-9, .px-9 {
  padding-left: 4.0rem !important;
}

.imagen-central   {
    width: 100%;
}
.mobile { display: none;}
@media screen and (max-width: 1024px) { 
 
.marcas .item {
  padding: 15px;
    transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
}
    
.fondo {
  background-image: url("../img/2025-chica.png");
  background-repeat: no-repeat;
  background-position: bottom 50px right -50px;
  background-size: 25%;
    transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;

}
}

@media screen and (max-width: 840px) {
.logo {
    max-width: 260px;
    transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
}
    
.counter-top {
  background: #0032AE;
  width: 300px;
  height: 170px;
  border-radius: 0px 0px 14px 14px;
  -moz-border-radius: 0px 0px 14px 14px;
  -webkit-border-radius: 0px 0px 14px 14px;
  float: right;
  padding: 20px;
  padding-top: 50px;
    transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
}
    
.counter-top h3 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 3px;
    transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
}
    
.contador .days, .contador .hours, .contador .minutes, .contador .seconds {
  width: 66px;
  height: 55px;
  letter-spacing: 14px;
  padding: 4px 0 0px 11px;
  text-align: right;
  color: #234A7E;
  background: url(../img/2024-bg-contador-input.svg) no-repeat center top;
    background-size: 120%;
    transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
}
    
.contador ul li span {
  font-size: 26px;
  font-family: 'Roboto-Regular';
  line-height: 50px;
    transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
}
    
.contador ul li span.detalle {
  font-size: 10px;
  line-height: 16px;
  font-family: 'Roboto-Regular';
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 0px;
    transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
}
    
.marcas .item {
  padding: 10px;
    transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
}
    
.fondo {
  background-image: url("../img/2025-chica.png");
  background-repeat: no-repeat;
  background-position: bottom 80px right -30px;
  background-size: 30%;
    transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;

}
    
    .accordion-title {
  position: relative;
  display: block;
  padding: 0px;
        padding-right: 12px;
  border: 0px !important;
  border-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #222222;
  background-color: #ffffff !important;
}
    
.contenedor-card .texto .font-size-26{
   font-size: 22px !important;
}
    
.contenedor-card .texto .font-size-16{
   font-size: 14px !important;
}
    
.btn {
  padding: 12px;
  padding-left: 24px;
  padding-right: 30px;
  border-radius: 24px;
  font-size: 17px;
 
}
    
.contenedor-card .icono {
  max-width: 56px;
}
    
div.font-size-32.bold {
  font-size: 26px !important;
}
    
}
    
@media screen and (max-width: 639px) {
    .contenedor-card  {
        margin-left: 15px;
        margin-left: 15px;
        width: calc(100% - 30px) ;

}

.logo {
  max-width: 135px;
  transition: all .4s;
  -ms-transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
    margin-bottom: 5px;
}
    
.counter-top {
    text-align: center;
    float: none;
    margin: 0 auto;
    padding-top: 30px;
}
    
.counter-top h3 {
  font-size: 11px;
  line-height: 22px;
  margin-bottom: 3px;
  transition: all .4s;
  -ms-transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
}
    
.mobile { display: block !important;}
.desktop { display: none !important;}
    
}
    
@media screen and (max-width: 480px) {


body {
  background-position: left top;
    background-size: auto;
}
    
.accordion-item {
  padding: 25px;
    padding-left: 20px;
}
    
.accordion-title {
  padding-right: 12px;
  font-size: 14px;
}
    
.accordion-title::before {
  right: -7px;
  background-size: 14px 14px;
}
    
.fondo {
  background-position: bottom 150px right -30px;
  background-size: 60%;
}

.pie .font-size-14 {
  font-size: 10px !important;
}
    
.pie img {
    max-width: 130px !important;
}
   
    
.imagen-central   {
    width: 130%;
    max-width: 130%;
    margin-left: -15%;
    margin-right: -15%;
}
    
h1.font-size-32 {
  font-size: 28px !important;
    margin-bottom: 0px !important;
}
    
.font-size-24.text-center.mb-5 {
  font-size: 20px !important;
}
    
.contenedor-card .texto {
   text-align: center;
    margin: 0px;
    float: none;
    max-width: 100%;
    width: calc(100% - 0px);
}
    
.contenedor-card .boton {
   text-align: center;
    float: none;
    max-width: 100%;
    margin: 0px;
    padding-top: 16px;
}
    
.contenedor-card .texto .font-size-26{
   font-size: 18px !important;
}
    
.contenedor-card .texto .font-size-16{
   font-size: 14px !important;
}
    
.contenedor-card .boton .btn {
  padding: 12px;
  padding-left: 24px;
  padding-right: 30px;
  border-radius: 24px;
  font-size: 16px;
  display: initial;
 
}
    
.contenedor-card .icono {
    text-align: center;
    float: none;
    max-width: 100%;
    margin: 0px;
    margin-bottom: 5px;
}
    
.contenedor-card .icono img{
  max-width: 50px;
}
    
.contador .days, .contador .hours, .contador .minutes, .contador .seconds {
  width: 60px;
  height: 45px;
  letter-spacing: 14px;
  padding: 2px 0 0px 11px;

}
    
.contador ul li span {
  font-size: 21px;
  line-height: 50px;

}
    
.counter-top {
  background: #0032AE;
  width: 270px;
  height: 160px;
    margin-bottom: 15px;
}
    
.contador ul li span.detalle {
  font-size: 9px;
  letter-spacing: 0px;
}

}
    
@media screen and (max-width: 330px) {

}