@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Semi+Expanded:wght@600&display=swap" rel="stylesheet');

@font-face {
  font-family: Noto Sans;
  src: url('../fonts/Noto/NotoSans-Bold.ttf'); 
}@font-face {
  font-family: MADE Tommy Soft;
  src: url('../fonts/tommy/MADE Tommy Soft Bold PERSONAL USE.otf'); 
}
@font-face {
  font-family: MADE Tommy Soft Medium;
  src: url('../fonts/tommy/MADE Tommy Soft Light PERSONAL USE.otf'); 
}
 .contenedor{
	background: url(Paquetes/images/promo_black.svg) no-repeat center ;
	height: 844px;
	width: 100%;
}
h2{
 font-family: 'MADE Tommy Soft';
  src: url("../fonts/MADE Tommy Soft Bold PERSONAL USE.otf");
 font-size: 23px;
}
h1{
  font-family: 'MADE Tommy Soft';
  src: url("../fonts/MADE Tommy Soft Bold PERSONAL USE.otf");
  font-size: 25px;  font-weight: bold;
}
.input-group-addon{
  background-color:#666666;
  width:10%;
  color:white;
  padding:1px;
  text-align: center; 
  justify-content: center;
}
#reg{
margin-top:0%; 
justify-content:start; align-content: start;  align-items: start;
}

.regb{ 
float: right;
}
#mod_fo{
justify-content:space-between;
}

body > div{
 /* margin-bottom: 4%;*/
  background-color: white;
}
#planes{
  margin-left:230%;
}
 #punto{
  padding-right:9px;
}
#suma{
  padding-right:3%;
}#controla{
  padding-right:8px;
}
#ticket{
  padding-right:7px;
}

#movil{ margin-top:27%; margin-left:10%; float:right; width:100%;
}
#play{
margin-top:8%
}

#presencia{
  margin-top:13%;
}
#mapa{
  margin-top:7%;
  float:right
}
  @media (max-width:767px)
  {
    #mod_fo{
     margin-left:-6px; 
      }      
    
  #rest{
    margin-top:44%;float: left;
  }
  .carousel-item{
     /*height:0%;
     margin-top:0%;*/
     width: max-content;
   }
  #neg{
   float:left; margin-left: 2%;
  }
    .text-left{
      text-align:"center"
    }
    #planes{
  margin-left:5%;
}.flechas{
  border-radius:45%;
  width:100%;
  height:100%;
  background-color: transparent;
}
    #n1{
      padding-left:2%;
    }
  .card-title {
    float:center;
    text-align: center;
    height:1px;
    }
  #img{
      width:70%;
    }
 
    .container > div {
      display: inline;
    }
    .image-fluid{
      width:50%;
      top:7%;
    }
   
    #castalv{
     float: left;
     padding-left: 0%;
     }
     #elegir{
       margin-top:16%;
       margin-bottom:5%;
     }
    #ideal{
      padding-bottom:9%;
    }
  }
  
  #ideal{
    padding-bottom:9%;
  }
  #castalv{
   padding-left:1%;
   margin-left:1%;
   float:center;
  }
/*.container > div {
  margin-bottom:1%;
}*/
.fa{
  float:center;
}
/*-------- ojos ---------*/
#eye_show_password {
  width: 20px;
  background-color: transparent;
  position: fixed;
  margin-left: auto;
  display: block;
  margin-top: 1%;
  margin-left: 2%;
}
#eye {
  width: 20px;
  background-color: transparent;
  position: fixed;
  margin-left: auto;
  display: block;
  margin-top: 1%;
  margin-left: 2%;
}
#eyes {
  width: 20px;
  background-color: transparent;
  position: fixed;
  margin-left: auto;
  display: block;
  margin-top: 1%;
  margin-left: 2%;
}


.info > div {
  margin-top: 5%;
  margin-bottom: 5%;
}
.text-left{
  margin-bottom: 5%;
}
#elegir{
  float:center;
  margin-bottom:0%;
}
.card-img{
  width:65%;
  height:60%;
  float:center;
  padding-left:27%;
}
.grid {
    min-height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .grid > div {
    display: flex; 
    flex-basis: calc(50% - 40px);  
    justify-content: center;
    flex-direction: column;
  }
  .grid > div > div {
    display: flex;
    justify-content: center;
    flex-direction: row;
  }
  .box { margin: 18px;
   }
   /*-------------------------------------*/
 .site-footer{
  background-color:#EBEBEB;
  padding:20px 0 5px;
  font-size:16px;
  line-height:22px;
  color:black;
}
/* ------------------------------------- whatsapp flotante -------------------------------------*/
.total{
  text-align:right;
}
/* 2.3----------------------------------------------------------------------------------*/
header{
  height: 10%;

}
@media only screen and (min-device-width :240px) and (max-device-width :480px) 
and (orientation : portrait) {
  
#hola{
  margin-bottom:2%;
}
}

/*-------------------------------------- probar --------------------------------------*/
.direccion{
  text-align: justify;
}
@media (max-width:991px)
{
  .container{
    float: center;
  }
  #tarjetas{
    float:center;
  }
 
  .site-footer [class^=col-]
  {
    margin-bottom:30px
  }
  .embed-responsive-item{
    width:330px; 
    height:240px; 
  }#termino{
    font-size: 13px;
  }
}
@media (max-width:767px)
{
  .direccion{
    text-align:center;
  }
#termino{
  font-size: 13px;
}
}
.embed-responsive-item{
  width:500px; 
  height:170px;
  margin:4%;
}
#contened{
margin-top:5%;
}
@media (max-width:767px)
{
   #eligenos{
  margin-top:13%;
   width:100%;
   top:20%;
   left: 50%;-ms-transform: translate(-50%,-50%);
  transform: translate(-54%,-54%);
   }
   #df{
    border-color: #404040;
    width:100%;padding: 1%;
    border-radius:10px;
    background-color: #404040;
    color:white;
  text-align: center;
  justify-items: center;
  justify-content: center;
  margin:0;
  top:7%;
  left: 70%;
  -ms-transform: translate(-40%,-40%);
  transform: translate(-60%,20%);
    } 

  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
  #descarga{   

    margin:0;
  position:relative;
  top:5%;
  left: 50%;  max-width:100%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
      }
      #descarga_n{   
     margin:0;
  position:relative;
  top:20%;
  left: 50%;   border-width:6px;
  max-width: 100%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);  
   }
   #contened{
margin-top:14%;
   }
 
}
.orange{
  color: orangered;
  font-weight: revert;
}

.separator-neo {
  text-align: center;
  color: rgb(0, 0, 0);
  margin-top: 20px;
  margin-bottom: 20px;
}
.separator-neo > s {
	width: calc(37% - 58px);
	height: 1px;
	margin-bottom: 4px;
	display: inline-block;
	background: #6b6a6a;
}
/*#t1{
  width:17%; appearance: none;
  -moz-appearance: none;
-webkit-appearance: none;position: flex;
}*/
#t2{
  width:20%;
  margin-left:0px;appearance: none;
  -moz-appearance: none;
-webkit-appearance: none;position: flex;
}
#t3{
  width:20%;
  margin-left:0px; appearance: none;
  -moz-appearance: none;position: flex;
-webkit-appearance: none;
}
#t4{
  width:30%;
  margin-left:0px; appearance: none;
  -moz-appearance: none;
-webkit-appearance: none;
position: flex;
}
#t5{
  width:30%;
  margin-left:0px; appearance: none;
  -moz-appearance: none;
-webkit-appearance: none;
position: flex;
}
#t6{
  width:30%;
  margin-left:0px; appearance: none;
  -moz-appearance: none;
-webkit-appearance: none;
position: flex;
}
li{
  content:' ✓ ';
}
.bg-darkk{
  background-color: rgb(235, 235, 235);
}

/*************************pago************************/
#contenedor{
  margin-top:7%;
  margin-bottom:5%;
}
/**************************************************cards***************************************************************/

label[for=Meses]{
  margin-left:8%;
}
#free{
  margin-left:0% auto;
  margin-top: 25%;
  line-height: center;
}
#b2, #b3, #b4, #b5{
  margin-left:0%;
  top:6% auto;
  line-height: center;
}
#menu-boton{
  float: left;

}
#select{
  width:11%;  float:left; 
}
select{
  border-color: black;  margin-left:0%;margin-bottom:2%;
}
.form-group{
height:2%;
}
.card-body li{
  text-align:left;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}
.card-deck{
    max-width:100%;
    max-height:95%;
     padding:1px;
  }
  .card-header {
    height:10%;
  }
  .card-title {
    text-align: center;
    height:7%;
  }
.card-body{
  height:100%;
  text-align: center;
  align-content: center;
  
}

/*********************************************************************************************************/
h6{
  margin-left:7%;
}
.custom-select{
  margin-right:4%;
}
.card-number {
  position: absolute;
  width: 240px;
  top: 100px;
  left: 30px;
  font-size: 21px;
  height: 21px;
  font-family: courier;
  text-align: justify;
}
#check{
  margin:2%;
  font-size:5px;
}
#but{
  margin:8%;
  float:center;
}

/*-----------------------------------------------------*/
.input-cart-number {
  width:52px;
  display: inline-block;
  margin-right:2px;
  margin-left:2px;
}

.btn{
  color:white;
}
.mb-3{
  -webkit-transition:all 0.1s linear;
  -moz-transition:all 0.1s linear;
  transition:all 0.1s linear;
}label {
  font-size: 14px;
  letter-spacing: 1px;
  color:black;
  display: block;
  margin-bottom: 2px;
}

/*-------------------------------------movil------------------------------------*/
@media (max-width:1280px)
{
ened{
  margin-top:9%;
     }
    }
 
@media (max-width:920px)
{
  
#select{
  width:35%;
  margin-left:2%;
}#df{
  border-color: #404040;
  width: 100%;
  border-radius:20px;
  background-color: #404040;
  color:white;
  text-align: center;
  margin-left: 10%;
  }
  #df .btn{
    margin-top:10px;
  }
  #df:hover{
    border-color: #fd7e14;
   background-color: #fd7e14;
   color: white;
  }
.table{
  width: 100%;
}
#contened{
  margin-top:13%;
     }
     c1{
      margin:5%
     }
#precio{
  width:40%;
  margin-left:5%;
}
#gemelos{
  width:80%;
   height:80px;/*transform: translate(0px,0px);*/
 }
#card1{
  max-width:360px; max-height:500px;
}.display-3{
  font-size:2%;font-family: 'Encode Sans Semi Expanded-Bold',sans-serif;font-weight:2px;
}
#descarga{   
  margin:0;
  position:relative;
  top:5%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
    }
  
    #descarga_n{   
   /*   margin-top:3%; /* margin-left:10%;**
      max-height:3rem; width:14rem; /*display: flex;*/
      margin:0;
  position:relative;
  top:5%;
  left: 50%;   border-width:6px;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
        }

}
/*
.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
	background: black;
	border-color: #E7672B;
  border: 4px solid #E7672B;
}*/
.btn {
  border: none;
  background: #ff8d1b;
    background: linear-gradient(0deg, #fb5607 0%, #ff8d1b 100%);
    color: #fff;
    overflow: hidden;
}
.btn:hover {
    text-decoration: none;
    background-color: black;
}
.btn:before {
    position: absolute;
    content: '';
    display: inline-block;
  /*  top: -180px;*/
    left: 0;
    width: 2px;
    height: 2px;
    animation: shiny-btn1 1s ease-in;
}

.btn:active{
  box-shadow:  4px 4px 6px 0 #ff8d1b,
              -4px -4px 6px 0 #f56416, 
    inset -4px -4px 6px 0 #f56416,
    inset 4px 4px 6px 0 #ff8d1b;
}

@-webkit-keyframes shiny-btn1 {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}






#modal-crear-cuenta{/*******************efecto de modal**********************/
  background-color:transparent !important;
}
#modal-validar-cuenta{
  background-color:transparent !important;
}
option :hover{
  color: white;
  background-color: orangered;
}
#elige{
  text-align:center; 
  margin-top:3%;
}
#plan{
  text-align:center;
  margin-top:3%;
}
.h1, h1{
  font-size: 1.8rem;
}
#lorem{
  text-align: center;
  margin:2%;
  font-size:16;
}
#texto{
  text-align:center;
}
.card-img{
  float:left;
  width:18%;
}
#card3{
  width:3%;
}
.card-text{
  float:center;
}
#but{
  float:center;
}
.form-control{
  width:100%;
  text-align: center;
}
h4,h5,h3,#but .card-body{
  text-align: center;
}

/********************************************modal***********************************/

#modal-crear-cuenta-paquete{
  background-color:transparent !important;
}
/************************************Pago******************************************/
#aviso{
  font-size: 12px;
 color:gray;
 text-align:center;
 margin-top: 0%;font-family: MADE Tommy Soft Medium;
}
.credit-card-label{
  justify-content: center;
  align-items:center;
  text-align: center;
}

/************************ipad*******************/
@media (max-width:1024px){
  
  #df{
    border-color: #404040;
    width: 100%;
    border-radius:20px;
    background-color: #404040;
    color:white;
    text-align: center;
    margin-left: 13%;
    }
    #df:hover{
      border-color: #fd7e14;
     background-color: #fd7e14;
     color: white;
    }
  #descarga{   
    margin:0;
  position:relative;
  top:5%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  
      }
      #descarga_n{  
        margin:0;
        position:relative;
        top:5%;
        left: 50%;
        border-width:6px;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
          }
          #gemelos{
            width:80%;
             height:90px;/*transform: translate(0px,0px);*/
           }
    
    .float-left{
      float: center;
    }
    .box{
      float: center;
    }
    .row{
      float:center;
    }
    .grid{
      float:center;
    }
   #termino{
     text-align: justify;
    }
    #polit{
text-align: center;
    }
      .embed-responsive-item{
        width:380px; 
        height:120px;
      /*  margin:2%;
        padding:2%;*/
      }
   #n1{
      padding-left:2%;
    }
     .site-footer{
       margin-bottom: 2%;
     }/*--------------------------------tarjetas----------------------------------*/
    #t1{
      width:72%;
      margin:8% auto;
      margin-bottom: 2%;
     }
     #t2{
      width:72%;
      margin:8% auto;
      margin-bottom: 2%;
     }
     #t3{
      width:72%;
      margin:8% auto;
      margin-bottom: 2%;}
    #t4{
      width:72%;
      margin:8% auto;
      margin-bottom: 2%;;
    }
    #t5{
      width:72%;
      margin:8% auto;
      margin-bottom: 2%;;
    }
    #t6{
      width:72%;
      margin:8% auto;
      margin-bottom: 2%;;
    }
    #bloque-amarillo{
      display:block;
      width:auto;
     height:21rem;
    }
    }
    #elegir{
      margin-top:6%;
    }/*--------------------------------botones--------------------------------*/

    #movil{ margin-top:2%; margin-left:5%; float:right; max-width:100%;
    
  }
  .card-body{
    height:110%;
  }
  .card-deck {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 2%;
    padding: 1px;
  }
  .cards {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  
  
.c{
  text-align: left;
 padding-left:5%
}
#d{
  margin-left:18%;
}
#j{
  margin-left:36%;
}
.centrar-texto{
  text-align: center;
}
.iconos-chicos{
  width: 80px;
  height: 80px;
  margin: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

#ic_a{
  width:100%;
  height:100%;
  margin-top:1%;
  margin:0;
  position:relative;
  top:66%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
@media (max-width: 920px){
  #ic_a{
    width:100%;
    height:100%;
    margin-top:18%;
    /*margin:0;*/
    position:relative;
    top:0%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }
  }

#bloque-azul{
  background-color: #053691;
 
}

@media (max-width: 1024px){
  #bloque-azul {
    display: block;
    height:30%;
  }

}

#bloque-amarillo{
  background-color: #FD9025;
  border-radius:30px;
  width:auto;
  height:14rem;
  margin-top:5%;
  margin-bottom:5%;
}
#gemelos{
 /* width:100%;display: block;
  height:342px;transform: translate(0px, -70px);*/ width:100%;
  height:90%; /*transform: translate(-0px, -70px);*/
}
@media (max-width: 1024px){
  #bloque-amarillo{
   display:block;
   width:auto;
  height:32rem;
  }
  #descarga{
    margin:0;
    position:relative;
    top:25%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
   }
}
/*---------------------------buttons--------------------------------*/
#descarga{
  padding:4px;
  background:#ffffff;
 /* margin-right:4px;*/
  color:dodgerblue;
  border-color:white;
  font-size:14px;/*margin-top:-1%; margin-bottom:5%; position:relative;margin-left:9em;*/
  margin:0;
  position:relative;
  top:5%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
 }

#descarga_n{
  padding:4px;
    background:#ffffff;
  /*  margin-right:4px;*/
    color:#fd9025;
    border-color:white;
    font-size:14px; margin:0;
    position:relative;
    top:5%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.awl{
  width:36px;
}
.icon-btn {
  padding: 1px 15px 3px 2px;
  border-radius:50px;
  border-width: 3px;
  border-color: black;
}
a.icon-btn#descarga_n:hover{

  background-color:#fd9025;
  color:white; border-color:#fd9025;
  font-size: 15px; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
a.icon-btn#descarga:hover{
  background-color:dodgerblue;
  color:white; border-color:white;
}
#page-content{
  margin-top:7rem;
}
@media (max-width: 1024px){
  #page-content{
    margin-top:26%;
  }
  #de{
    font-size:1em;
    text-align: left;
  }
  #ah{
    font-size:1.4em;
  }
  #c_A:hover{
    background-color: black;
    border-color: #fd9025;
    border-width: 3px;
    border-radius: 12px;
    color:white;
  }
}
@media (max-width: 767px){
  #page-content{
    margin-top:21%;
  }
  p.des{
    line-height:1.4;
    font-family: MADE Tommy Soft Medium PERSONAL;
    src: url('../fonts/tommy/MADE Tommy Soft Medium PERSONAL USE.otf'); 
  }
  #de{
    font-size:0.5em;
  }
  #ah{
    font-size:0.5em;
  }#df{
    border-color: #404040;
    width: 100%;
    border-radius:20px;
    background-color: #404040;
    color:white;
    text-align: center;
    margin-left:0%;
    }
    #df:hover{
      border-color: #fd7e14;
     background-color: #fd7e14;
     color: white;
    }
}
@media (max-width: 920px){
  #page-content{
    margin-top:21%;
  }
  #de{
    font-size:0.5em;
  }
  #ah{
    font-size:0.5em;
  }
}
.des{
  line-height:2;
  font-size: 15px;
  font-family:'MADE Tommy Soft';
  src: url('../fonts/tommy/MADE Tommy Soft Medium PERSONAL USE.otf'); 
}
.desc{
  font-size: 19px;
  line-height:2;
}
#c_neg{
  border-radius:2rem;
  background-color:rgba(20, 175, 290);box-shadow: #EBEBEB;
  width:67%; margin:4%; padding:12px; margin-left:22%;
}
 #d{
  background-color: white;
  color:#404040;
  border-color: white;
  position: absolute;
 display: inline-block;
 bottom:11%;
 width:60%;
 right:20%;
 border-radius:10px;
 font-size:large;
font-weight: bold;
}
.and{
box-shadow: #EBEBEB;
}
#c_res{
  border-radius:2rem;
  background-color:#FD9025;
  box-shadow: #EBEBEB; width:67%; margin:4%; padding:12px;margin-left:17%;
}
#n{
  background-color: white;
  color:#404040;
  border-color: white;
  position: absolute;
 display: inline-block;
 bottom:11%;
 width:60%;
 right:20%;
 border-radius:10px;
 font-size:large;
font-weight: bold;
}
#n:hover{
  border-color:white;
  color:#053691;
}

#d:hover{
  border-color:whitesmoke;
  color:orangered;
}
@media (max-width: 920px){
  #c_neg{
float: center;
appearance: none;
width:80%;
  padding:0px;
  margin-left:8%;
 position: flex;
} #contenedor{
  margin-top:7%;
}
#mov{
  width:100%;
  height:100%;
}
#de{
  font-size: 2em;
}
#c_res{
  float: center;
margin:1%;
appearance: none;
width:80%;  margin-left:8%;
margin-top:6%;
-moz-appearance: none;
-webkit-appearance: none;position: flex;
  }
}
#c_A{
  margin-top:2%;
  margin-bottom:7%;
  background-color: #fd9025;
  border-color: #fd9025;
  border-width: 2px;
  border-radius: 12px;
  color:black;
  font-family: 'Arial';
  font-size: 18px; font-weight: bold;
}
#c_A:hover{
  background-color: black;
  border-color: #fd9025;
  border-width: 3px;
  border-radius: 12px;
}
#a_n{
  font-family: 'MADE Tommy Soft';
  src: url("../fonts/MADE Tommy Soft Bold PERSONAL USE.otf");
  font-size: 30px;  font-weight: bold;
  color:white;
letter-spacing:0.7px;
}
#a_n:hover{
  color:black;
  text-shadow: 2px 2px 5px white;
}
#a_r{
  font-family: 'MADE Tommy Soft';
  src: url("../fonts/MADE Tommy Soft Bold PERSONAL USE.otf");
  font-size: 30px;  font-weight: bold;
  color:white;
letter-spacing:0.7px;
}
#a_r:hover{
  color:#285AEB;
}
#rs:hover{
  color:#285AEB;
}
#rs{
  font-family: 'MADE Tommy Soft';
  src: url("../fonts/MADE Tommy Soft Bold PERSONAL USE.otf");
  font-size: 25px;  font-weight: bold;
  color:black;
letter-spacing:1px;
}
#de{
  font-size:3em;
}
#ah{
  font-size: 5.7em;
}
#mov{
  max-width:49rem;
  max-height: 20rem;
transform:translate(0px,-10px);
}
#ad{
  font-family: 'MADE Tommy Soft';
  src: url("../fonts/MADE Tommy Soft Bold PERSONAL USE.otf");
 font-size:21px;
 text-align: center;
 color:black;
}
#t{
  font-family: 'Noto Sans';
  src: url('../fonts/Noto/NotoSans-Regular.ttf'); 
 font-size:19px;
 text-align: center;
 color: #404040;
}
#v{
  margin-top:2%;
}
.droid{
  width:28px;
}
@media (max-width: 1024px){
  #ad{
   font-size:15px;
   text-align: justify;
  } 
  #t{
   font-size:13px;
   text-align: center;
  }
  #w{
    font-size:10px;
   }
   #marca{
    padding:2%;
   }
   #marc{
    padding:2%;
   }
   #mar{
    padding:2%;
   }
   #r:hover{
    background-color: dodgerblue;
    border-color: white;
    color: black;
  }
}
#Clasificacion{
  font-size: 20px;
  line-height:3;
  font-weight: bold;
}
#total{
  font-size: 17px;
}
#texto_precio{
  font-size:17px;
}
@media (max-width: 767px){
  #ad{
   font-size:15px;
   text-align: justify;
  }
  #t{
    font-size:13px;
    text-align: center;
   }
   #contenedor{
    margin-top:7%;
  }
   #am{
    margin-right:0%;
  }
  #IdClasificacion .card{
    width:100%;
  }
  #am1{
    margin-right:0%;
  }
  #am2{
    margin-right:0%;
  }
  .respuesta{
  font-size:13.5px;
  margin:2%;
  font-family: MADE Tommy Soft Medium;
  }
  #w{
    font-size:10px;
    text-align: justify;
   }
   #r:hover{
    background-color: dodgerblue;
    border-color: white;
    color: black;
  } #r{
    background-color: #fd9025;
    border-color: black;
    color: black;
    border-width:3px;
    height:47px;
    /*border-radius:20px;*/
    font-size: 9px;
    font-family: 'Noto Sans';
    src: url('../fonts/Noto/NotoSans-Regular.ttf'); 
    }
}
@media (max-width: 920px){
  #ad{
   font-size:15px;
   text-align: justify;
  }
  #t{
    font-size:13px;
    text-align: center;
   }
  #v{
    margin-top:2%;
  }
  #mov{
    margin:4%;
  }
  #w{
   font-size:10px;
   text-align: justify;
  } 
  #r{
  background-color: #fd9025;
  border-color: black;
  color: black;
  border-width:2px;
 border-radius:9px;
  font-size: 10px;
  font-family: 'Noto Sans';
  src: url('../fonts/Noto/NotoSans-Regular.ttf'); 
  }
  #r:hover{
    background-color: dodgerblue;
    border-color: white;
    color: white;
  }
}
#s{
  font-family: 'Noto Sans';
  src: url('../fonts/Noto/NotoSans-Regular.ttf'); 
 font-size:21px;
}
#m{
  font-family: 'Noto Sans';
  src: url('../fonts/Noto/NotoSans-Regular.ttf'); 
 font-size:21px;
 margin-bottom:7%;
}
#w{
  font-family: 'MADE Tommy Soft';
  src: url("../fonts/MADE Tommy Soft Bold PERSONAL USE.otf");
 font-size:19px;
text-align: left;
}
#am{
  margin-top:-7%;
  margin-bottom:2%;
}
#am2{
  margin-top:-7%;
  margin-bottom:4%;
}
#am1{
  margin-top:-7%;
  margin-bottom:4%;
}
#r{
  background-color: #fd9025;
  border-color: white;
  color: black;
  border-width:3px;
  border-radius:9px;
  font-size: 13px;
  font-family: 'Noto Sans';
  src: url('../fonts/Noto/NotoSans-Regular.ttf'); 
}
#r:hover{
  background-color: dodgerblue;
  border-color: white;
  color: white;
}
#df{
border-color: #404040;
width: 40%;
border-radius:20px;
background-color: #404040;
color:white;
margin-top:10%;
margin-left:-35%;
}
#df:hover{
  border-color: #fd7e14;
 background-color: #fd7e14;
 color: white;
}
#c_neg .card-body li{
  font-size: 17px;
  color: white;
}#c_res .card-body li{
  font-size: 17px;
  color: black;
}
#leyenda {
  width: 100%;
  text-align: center;
  font-size: 17px;
}


@media (max-width: 920px){
  #leyenda{
  float:center;
 margin-left:0%; 
 text-align:center; 
 font-size:17;
}
#elegir{
  width: 108%;
  margin-top: 20%;
}
#IdClasificacion .card{
  width:100%;
}
}
#confi{
  text-align:left;
font-weight: bold;
}
#eligenos{
width:14rem;
border-radius:1.2rem;
height:8rem;
padding:4%;
  }
  #conf{
    font-family: 'MADE Tommy Soft';
    src: url("../fonts/MADE Tommy Soft Bold PERSONAL USE.otf");
    width:12rem;
    text-align:center;
    transform: translate(-2%,-5%);
    background-color: #fd9025;
    border-color:  #fd9025;
    border-radius:0.4rem;
  }

  #cont{
    font-family: 'MADE Tommy Soft';
    src: url("../fonts/MADE Tommy Soft Bold PERSONAL USE.otf");
    width:11rem;
    margin:0%;
    left:4%;
    transform: translate(6%,-40%);
    border-color:  #fd9025;
    border-radius:0.4rem;
    background-color: #fd9025;
 
  }
 #imag{
    height:14rem;
    padding:2%;
  }
  #IdClasificacion{
    width:100%;
background-color: white;
border-color: white;
  }
  #conf_pa{
    font-family: 'MADE Tommy Soft';
    src: url("../fonts/MADE Tommy Soft Bold PERSONAL USE.otf");
    font-size:31px;
    text-align: left;color:#fd9025;
  }

  @media (max-width: 767px){
    #conf_pa{
      text-align:center;
    }
    #titulo1{
      margin-top:30%;
    }
    #Time{
      font-family: 'MADE Tommy Soft';
      font-size:26px;
    }
    #clas{
     width:16rem;
     height:83%;
     padding:1%;
     margin-top:17%; 
     top:60%;
     left: 50%;-ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    }
   #cont{
    font-family: 'MADE Tommy Soft';
    src: url("../fonts/MADE Tommy Soft Bold PERSONAL USE.otf");
    width:11rem;

    transform: translate(4%,-40%);
    border-color:  #fd9025;
    border-radius:0.4rem;
    background-color: #fd9025;
  }
}
#Time{
  font-family: 'MADE Tommy Soft';
  font-size:32px;
}

.card {
  margin-bottom: 15px;
}

.icon-action {
  margin-top: 5px;
  float: right;
  font-size: 80%;
  transform: rotate(0deg);
  transition: all 0.5s; 
}

.list-group-item .title {
  margin-top: 5px;
  margin-bottom: 12px;
  font-weight: 600;
}
article{
  color: white;
}
.title{
  color:orangered;
  font-family: MADE Tommy Soft Medium;
  font-size:18px;
  text-align: left;
}
.list-group-item{
  background-color:white;border-color: white;
}
.respuesta{
  text-align:left;
  color: #404040;
  display: inline;
  font-family: MADE Tommy Soft Medium;
}
.link{
  color: #053691
}
.link:hover{
  color: dodgerblue;
}

#bloque-gris{
  background-color: #EBEBEB;
  width:60%;
 top:0%;
    left: 45%;-ms-transform: translate(10%,10%);
   transform: translate(36%,0%);
  padding:3%;
  margin-bottom:2%;
}
#adm{
color:#404040;
font-size:52px;
}

#wl{
color:#ff8d1b;
font-size:52px;
}
#beta{
  color:#404040;
  text-align:left;
 margin-left:38%;
 margin-top: 0%;
  font-size:36px;
  font-family: 'MADE Tommy Soft';
  src: url("../fonts/MADE Tommy Soft Bold PERSONAL USE.otf");
}

@media (max-width: 767px){
  #bloque-gris {
    display: block;
    background-color: #EBEBEB;
    width:104%;
    top:0%;
    left: 0%;-ms-transform: translate(0%,0%);
   transform: translate(0%,0%);
   padding:6%;
   margin-bottom:6%;
  }
  .inestable{
    text-align:left;
  }
  #beta{
   margin-left:52%;
  }
}
#v_beta{
  margin:0;
  position:relative;
  top:7%;
  left: 50%; max-width:100%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
 background-color:#ff8d1b;
 border-radius:18px;
 border-color:#ff8d1b;
 color: white;
font-weight: bold;
margin-bottom:2%;
text-align: center;
padding:1%;
margin-top:-3%;
}
.ver{
  line-height:1.5;
  color:#505050;
  font-size: 18px;
  font-family: MADE Tommy Soft Medium;
 src: url("../fonts/MADE Tommy Soft Light PERSONAL USE.otf");
}
#protot{
  font-weight: bold;
  color:black;
  font-family: MADE Tommy Soft Medium;
 src: url("../fonts/MADE Tommy Soft Light PERSONAL USE.otf");
}

.inestable{
 color:  #717171 ; 
 font-weight: bold; 
 line-height:1.4;
 font-family: MADE Tommy Soft Medium;
 src: url("../fonts/MADE Tommy Soft Light PERSONAL USE.otf");
 font-size: 15px;
 text-align: left;
}
@media (max-width: 920px){

#v_beta{
  margin:0;
  position:relative;
  top:10%;  font-family: MADE Tommy Soft Medium;
}
#Time{
  font-family: 'MADE Tommy Soft';
  font-size:26px;
}
#pag{
  width:14rem;
 border-radius:1.2rem;
 float:left;
 margin: 0% auto;
 left:0%;
 -ms-transform: translate(0%,0%);
 transform: translate(0%,0%);
 /* height:14rem;
  padding:4%;*/
}
}
#v_beta:hover{
 background-color: #404040;
 color:white;border-color: #404040;border-width:3px;
}
@media (max-width: 1024px){

  #v_beta{
    margin:0;
    position:relative;
    top:10%;
  }
  #Time{
    font-family: 'MADE Tommy Soft';
    font-size:26px;
  }
  }
  #pag{
    width:14rem;border-radius:1.2rem;margin: 0%;
  } 
  @media (max-width: 767px){
    #pag{
      width:13rem;border-radius:1.2rem;margin: 0% auto;   top:20%;
      left: 50%;-ms-transform: translate(-50%,-50%);
     transform: translate(-54%,-40%);padding: 1%;
    } 
    #iva{
      width:13rem;margin: 0% auto; top:20%;
      left: 50%;-ms-transform: translate(-50%,-50%);
     transform: translate(-56%,-90%);   font-size: 13px;
     color:gray; border-color: white; text-align: center;font-family: MADE Tommy Soft Medium;
    }
  }
  #iva{
  font-size: 13px; text-align: center;
   color:gray; border-color: white;font-family: MADE Tommy Soft Medium;
  }
 .stock a{
    color:#404040;
  }
  .stock{
    font-size:15px;
    text-align: left;  font-family: MADE Tommy Soft Medium;
  }
  /* ------------------------- tienda web ----------------------------*/
  #img1{
    width:68%;
    float:right;
  }
  #img2{
    width:90%;
  }
  #online{
    font-family:'MADE Tommy Soft';
  }
  #tienda{
    font-family: MADE Tommy Soft Medium;
    font-size:18px;margin-top:-48%;
    text-align: justify;
  }
  #presenta{
    font-family: MADE Tommy Soft Medium;
    font-size:18px;
    text-align: justify;
    margin-top:6%;
   }
  #redes{
    font-family: MADE Tommy Soft Medium;
    font-size:18px; text-align: justify;
  }
  #servicio{
    font-family: 'MADE Tommy Soft';
    text-align: center;
    font-size:20px;
    margin-top:4%;
  }
  #conocenos{
    background-color: #ff8d1b;
    border-color:#ff8d1b;
    border-width:3px;  font-size:18px;
    border-radius:19px;
    color: black;
    font-weight: bold;
    font-family: MADE Tommy Soft Medium;
    width:50%;
    top:0%;
    left:50%;-ms-transform: translate(50%,50%);
   transform: translate(42%,50%);
  }
  #aqui{
    color:#053691
  }
  #aqui:hover{
   color: #ff8d1b;
  }
  #ir{
    background-color: #ff8d1b;
    border-color:#ff8d1b;
    border-radius:19px;
    color: black;
    font-weight: bold;
    width:42%;
    border-width:3px;
    font-family: MADE Tommy Soft Medium;
    font-size:18px;
    top:0%;
    left:50%;-ms-transform: translate(50%,50%);
   transform: translate(66%,50%);
  }
  #ir:hover{
    color:white;
    border-color: black;
    border-width:2px;
  }
  #conocenos:hover{
    color:white;
    border-color: black;
    border-width:2px;
  }
  #bloque2{
    margin-top:3%;
  }

  @media (max-width: 767px){
    #online{
     margin-top:15%;
    }
  
    #img1{
      width:70%;
      top:0%;
      left:50%;-ms-transform: translate(0%,0%);
     transform: translate(20%,0%);
     float: none;
    }
    #tienda{
      font-family: MADE Tommy Soft Medium;
      font-size:15px;
      text-align: justify;
      margin-top:8%;
    }
    #conocenos{
      width:80%;
      top:0%;
      left:50%;-ms-transform: translate(0%,50%);
     transform: translate(12%,0%);font-size:15px;
     text-align: center;
    }
    #aqui{
      color:#053691
    }
    #img2{
      top:0%;
      left:50%;-ms-transform: translate(0%,50%);
     transform: translate(5%,0%);
    }
    #presenta{
      font-family: MADE Tommy Soft Medium;
      font-size:15px;
      text-align: justify;
      color: black;
     }
     #redes{
      font-family: MADE Tommy Soft Medium;
      font-size:15px; text-align: justify;
      color: black;
    }#aqui:hover{
      color: #ff8d1b;
     }
    #ir{
      color: black;
      font-weight: bold;
      width:62%;font-size:15px;
      font-family: MADE Tommy Soft Medium;
      top:0%;
      left:50%;-ms-transform: translate(0%,0%);
     transform: translate(30%,-18%);text-align: center;
    }
    #servicio{
      font-family: 'MADE Tommy Soft';
      text-align: center;
      font-size:15px;
    }
    #ir:hover{
      color:white;
      border-color: black;
      border-width:2px;
    }
    #conocenos:hover{
      color:white;
      border-color: black;
      border-width:2px;
    }
  }
/*------------------------------------------------------*/
.effect-1{

  border: 0; 
padding:2%; border-bottom: 1px solid #ccc;}
:focus{outline: none;
}

input .effect-1{
  width:100%;
}
#cambiar{
text-align:center; 
color:#ff6b08; 
margin-bottom: 4%;
}
#cam_plan{
  background-color: white;
  color: #404040;
  border-color: black;
  border-radius:15px;
  width:36%;
}#cam_plan:hover{
  background-color: #404040;
  color: white;
  border-color:#404040;
  border-radius:15px;
  width:36%;
}
#toggle{
  background-color: white;
  color: #404040;
  border-color: black;
  border-radius:15px;
  width:36%;
}
#toggle:hover{
  background-color: #404040;
  color: white;
  border-color:#404040;
  border-radius:15px;
  width:36%;
}
#guarda{
  background-color: #404040;
  color: white;
  border-color: #404040;
  border-radius:13px;
  width:40%;
}
#guarda:hover{
  background-color:#404040;
  color: white;
  border-color: #404040;
  border-radius:13px;
  width:40%;
}
#change{
  width:90%
}

#edit1:hover{
  color:#ff6b08;border-color: black;
}
#edit2:hover{
  color:#ff6b08
}
#edit3:hover{
  color:#ff6b08
}
#edit4:hover{
 color:#ff6b08
}
#edit0:hover{
  color:#ff6b08
}
#edit0{
  background-color: white;
  border-color: white;
  margin-left:1px;
  color:gray;border-color: gray; border-radius:40px;
}
#edit1{
  background-color: white;
  border-color: white;
  margin-left:24px;
  color:gray;border-color: gray; border-radius:40px;
}
#edit2{
  background-color: white;
  border-color: white;
  margin-left:24px;
  color:gray; border-color: gray; border-radius:40px;
}
#edit3{
  background-color: white;
  border-color: white;
  margin-left:24px;
  color:gray;border-color: gray; border-radius:40px;
}
#edit4{
  background-color: white;
  border-color: white;
  margin-left:24px;
  color:gray;border-color: gray; border-radius:40px;
}

@media (max-width: 767px){
  #cam_plan:hover{
    background-color: #ff6b08;
    color: white;
    border-color:#ff6b08;
    border-radius:15px;
    width:50%;
  }
  #cam_plan{
    background-color: white;
    color: #404040;
    border-color: black;
    border-radius:15px;
    width:50%;
  }
  #toggle{
    background-color: white;
    color: #404040;
    border-color: black;
    border-radius:15px;
    width:68%;
  }
  #toggle:hover{
    background-color: #404040;
    color: white;
    border-color:#404040;
    border-radius:15px;
    width:68%;
  }
  #guarda{
    background-color: #ff6b08;
    color: black;
    border-color: #ff6b08;
    border-radius:15px;
    width:80%;
  }
  #change{
    width:100%
  }
}
input[type="text"]:disabled{
  background-color: white;
}
#vermi{
  background-color: white;
  color:black;  border-radius:10px;
  border-color: #404040;
  margin-left:45%;
  margin-top: 0%;
}
#vermi:hover{
  background-color: #404040;
  color:white;
  border-color: black;
  border-radius:10px;
}
#multiCollapseExample1{
  width:107%;
 float: left;
}

#cont{
  margin-top: 5%;
}
.ahora{
  border-radius: 10px;
  border: 3px solid #ff4e00;
  background-color: #E7672B;
  animation: ahora 3s linear infinite;
  animation-direction: alternate;
  z-index: 2;
  transition: all 500ms ease-in-out;
}

@keyframes ahora {
  0%   {border-color: #fb5607; left: 25%; top: 0px; bottom: 10%; right:5%;}
  25%  {border-color: #a5a5a5; left: 50%; top: 0px; bottom: 15%; right:5%;}
  50%  {border-color: #fb5607; left: 50%; top: -400px;bottom: 10%; right:10%;}
  75%  {border-color: #a5a5a5; left: 0px; top: -400px;bottom: 10%; right:5%;}
  100% {border-color: #fb5607; left: 0px; top: 0px; bottom: 10%; right:5%;}
}
.copyright-text{
  font-size: 13px;
}