
/* Fonts
 * --------------------------------------- */
 @font-face {
    font-family: 'amx-bold';
    src: url('../font/amx-bold.eot');
    src: url('../font/amx-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/amx-bold.woff2') format('woff2'),
         url('../font/amx-bold.woff') format('woff'),
         url('../font/amx-bold.ttf') format('truetype'),
         url('../font/amx-bold.svg#amx-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}@font-face {
    font-family: 'amx-black';
    src: url('../font/amx-black.eot');
    src: url('../font/amx-black.eot?#iefix') format('embedded-opentype'),
         url('../font/amx-black.woff2') format('woff2'),
         url('../font/amx-black.woff') format('woff'),
         url('../font/amx-black.ttf') format('truetype'),
         url('../font/amx-black.svg#amx-black') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
 
 
 
@font-face {
    font-family: 'r-black';
    src: url('../font/roboto-black.eot');
    src: url('../font/roboto-black.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-black.woff2') format('woff2'),
         url('../font/roboto-black.woff') format('woff'),
         url('../font/roboto-black.ttf') format('truetype'),
         url('../font/roboto-black.svg#roboto-black') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'r-bold';
    src: url('../font/roboto-bold.eot');
    src: url('../font/roboto-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-bold.woff2') format('woff2'),
         url('../font/roboto-bold.woff') format('woff'),
         url('../font/roboto-bold.ttf') format('truetype'),
         url('../font/roboto-bold.svg#roboto-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'r-regular';
    src: url('../font/roboto-regular.eot');
    src: url('../font/roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-regular.woff2') format('woff2'),
         url('../font/roboto-regular.woff') format('woff'),
         url('../font/roboto-regular.ttf') format('truetype'),
         url('../font/roboto-regular.svg#roboto-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'r-light';
    src: url('../font/roboto-light.eot');
    src: url('../font/roboto-light.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-light.woff2') format('woff2'),
         url('../font/roboto-light.woff') format('woff'),
         url('../font/roboto-light.ttf') format('truetype'),
         url('../font/roboto-light.svg#roboto-light') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'r-medium';
    src: url('../font/roboto-medium.eot');
    src: url('../font/roboto-medium.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-medium.woff2') format('woff2'),
         url('../font/roboto-medium.woff') format('woff'),
         url('../font/roboto-medium.ttf') format('truetype'),
         url('../font/roboto-medium.svg#roboto-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}



  
 .row {
	 
	 margin-right: 0px!important;
     margin-left: 0px!important;
	 
 } 
 
 #planes {
	 
	 padding:0px!important;
	 
 }
 
 
  
body{
    font-family: 'r-regular', sans-serif;
}

a{
    text-decoration: none!important;    
   /* font-weight: bold;*/
}
.p-3 {
    padding: 1rem 1rem 0.5rem 1rem !important;
}
.content{
    
}

.planeta_img{
    width: 40px;
    height: 40px;
}

.avion_img{
    width: 25px;
    height: 25px;
}

.info_incluido_img{
    width: 30px;
    height: 30px;
}

.img_consejo{
    width: 20px;
    height: 20px;
    margin-top: .75rem;  
}

.info_no_incluido_img{
    width: 30px;
    height: 30px;   
}

.f-bold { font-family:r-bold!important;} 

.arrow_right_red_img{
    height: 25px;   
}

.borde_bottom_rojo{
    border-bottom: 2px solid #da291c;
}

.letra_chica{
    font-size: 0.9rem;
}

.color_rojo{
    color: #da291c;
}

.color_blanco{
    color: #FFFFFF;
}

.color_gris{
    color: #5D5D5D;
}

.color_negro{
    color: #000;
}

.fondo_rojo{
    background-color: #da291c;
}

.fondo_gris{
    background-color: #5D5D5D;
}

.borde_rojo {
    
}
.borde_rojo p {
    border: 2px solid #979797;
    color: black;
    text-align: center;
    padding: 1rem 0.5rem;
}

.borde_negro{
    border: 2px solid #000000;
}

.borde_gris{
    border: 2px solid #5D5D5D;
}

.fondo_negro{
    background-color: #f4f4f4;
}

.botones-cuadrados{
    /* padding: 5px 15px; */
    /* font-weight: bold; */
    font-family: 'r-bold';
    font-size: 0.8rem;
    border-radius: 27px;
}

.boton_redondeado{
    text-align: center;
    padding: .8rem 1rem;
    border-radius: 2rem;
}

.boton_redondeado-home {
	
	text-align: center;
    padding:0;
    border-radius: 2rem;
	
}
.boton_redondeado-home h5{
	margin: 10px!important;
	font-size: 1rem!important;
}

#btn_seleccionar_plan { height:50vh!important}
.boton_redondeado_xs{
    text-align: center;
    padding: .5rem .5rem;
    border-radius: 1rem;
}

.lupa_input{
    background: url('../img/lupa.png') no-repeat scroll;
    background-position: right 10px center;
    background-size: 17%;
}

/* FOOTER */

.footer-content {
    /* position: fixed; */
    width: 100%;
    /* bottom: 0px;
    right: 0px; */
}

.footer-p {
    font-size: 15px;
    /* border-bottom: 1px solid #e8e8e8; */
    width: 100%;
    font-weight: normal;
    margin: 0.80rem 0px 0.60rem 0px;
    /* padding-bottom: 0.38rem!important; */
    /* height: 20px; */
    color: #000;
}

a.borde {
   border-bottom: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
    
}






.footer-icon{
    height: 25px;
}

@media (min-width: 421px) {
    /* .content{
        width: 768px;
        margin: auto !important;
    }
    .footer-content{
        width: 768px;
        margin: auto !important;
    } */
    .lupa_input{
        background: url('../img/lupa.png') no-repeat scroll;
        background-position: right 10px center;
        background-size: 6%;
    }
    
}


/*NUEVOS CSS CAMBIOS MARCELO*/

html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
.content {
  flex: 1 0 auto;
}
.footer-content  {
  flex-shrink: 0;
}







.titulo-h3 {
	font-family:amx-black;
	font-size: 3.5rem;
}


.copete-h3 {
	font-family:amx-bold;
	font-size: 1.3rem;
}

.btn_next {
	
	color:black;
	font-size:r-regular;
	font-size: 1.2rem;
	text-align:center;
	
}
.btn_next img{
	
	display:block;
	clear:both;
	margin:0 auto;
	height:40px;
	
}

.separador-hr {
	 
	 width:100%!important;
	 max-width:500px;
	 
	
}

.plan-tenes {
	font-family: 'r-regular';
    font-size: 1rem;
    text-align: center;
    margin-bottom: 20px!important;
}

.planes-botones {
	width: 100%;
    max-width: 500px;
    margin: 0 auto!important;
}

.planes-botones .p-1 {
	margin: 0 auto; 
	
}

.plan-boton {
	border: 2px solid #979797;
	color: black;
	text-align: center;
	/* padding: 1rem 0.5rem; */
	background-color:#ffffff;
	border-radius: 9px;
}
.plan-boton:hover {
	background-color:#e4e4e4;
}
.plan-boton p {
	color: black;
	font-family: r-light;
	font-size: 1.05rem;
	margin: 5px 6px 5px 6px;
}

.nombre-plan {
	
	/*por si se llega a usar*/
	
}

.foot-red-btn {
	text-align: center;
    background-color: #da291c;
    color: white;
    padding: 20px 10px;
	width:100%;
	text-decoration:none!important;
}

.foot-red-btn a p{
	color: white;
    margin:0px;
	width:auto;
	font-family:r-regular;
	text-decoration:none!important;
}
.foot-red-btn a:hover {
	color: white;
    
}



.content.m-3 {
    margin: 1rem 1rem 0rem 1rem!important;
}


.pre-foot {
	font-family: r-regular;
    font-size: 1rem;
    text-align: center;
    margin: 30px 0px;
	color:#000;
	
	
}
.pre-foot a,
.pre-foot a:hover {
	font-family:r-bold;
	color:#000;
		
}

.titulo-pais {
	font-family: r-regular;
	font-size: 0.9rem;
	text-align:center;
}



#paises_plan_seleccionado {text-transform:uppercase;font-size: 1.6rem;font-family: r-regular;}
#paises_plan_seleccionado strong{padding-left:8px;font-family: r-bold;font-size: 1.6rem;}

#paises_plan_seleccionado br { display:none!important;}

.d-flex br { display:none!important;}

.legal-planes {
   font-family: r-regular;
    font-size: 0.70rem;
    text-align: center;
    color: #666666;
    width:50%;
    margin: 30px auto;
    line-height: 14px;
    text-align: center;	
}

.input-search {
    border: 2px solid #979797;
    width: 100%;
    max-width: 500px;
    font-family: 'r-light';
    font-size: 1.5rem;
    text-align: center;
    color: black;
    border-radius: 7px;
    padding: 12px;
}
.input-search::placeholder {
    text-align: center;
	color:#cacaca;   
	font-family: r-light;
}

/* or, for legacy browsers */

.input-search::-webkit-input-placeholder {
   text-align: center;
   color:#cacaca;
   font-family: r-light;
}

.input-search:-moz-placeholder { /* Firefox 18- */
   text-align: center;
color:#cacaca;   
font-family: r-light;
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center; 
color:#cacaca;   
font-family: r-light;
}

.input-search:-ms-input-placeholder {  
   text-align: center;
color:#cacaca;   
font-family: r-light;
}





#migracion_titulo {
	font-family: r-light;
	font-size:1.5rem;
	text-align:center;
	max-width:355px;
	margin:0 auto;
	margin-bottom: 26px!important;
}
#migracion_titulo span {
	font-weight:bold;	
}

#migracion_btn {
	font-family: r-regular;
	font-size: 1rem;
	text-align:center;
	width: 100%;
}

#btn_ver_precios {
	max-width: 374px;
	padding: 13px 16px 5px 16px;	
	margin: 0 auto;
}

#migracionurl,#migracionurl:hover { 
    color:#000;
}

#migracionurl p { 
    color:#000;
	font-family: r-regular;
	font-size: 1rem;
	text-align:center;
	width: 100%;

}


.fondo-gris {
	background:#cacaca;
	padding: 23px 10px;
	margin: 0!important;
}

.txt-terminos,
.txt-recorda { 
	font-size:1rem;
	font-family:r-regular;

}


.txt-terminos {color: black!important;margin-top: 10px!important;display: block;}

.txt-recorda,
.txt-recorda a { color:#da291c;}

.plan-r-incluido {
	font-family:r-regular;
	text-align:center;
	width:100%;
	color:#000000;
	font-size:0.8rem;
	margin: 19px 0px 26px 0px!important;
	display: block;
	text-transform: uppercase;
	padding: 0px 10px 5px 10px;
}
.plan-r-incluido b {
	
	font-family:r-bold;
	
}

#info_titulo span{margin-left:0px;margin-right: 0px;}

.titulo-rojo-r{
    padding: 0.5rem 0.8rem 0rem 0.8rem!important;
}

.titulo-rojo-r h6 {
    font-family:r-light;
}
.titulo-rojo-r h6 span {
    font-family:r-bold;
}

#comprar-pack-megas { margin-left:4px;}

button {border:none;}


.contenedor-h6-h5 {
	
	
	
}

.contenedor-h6-h5 h6 {
	
	font-family:r-bold;
	font-size:1.2rem;
	color:#da291c!important;
	
	
}
.contenedor-h6-h5 h6 a {
	
	color:black!important;
	
	
	
}
.contenedor-h6-h5 h6,
.texto-inicio-h {
	color:#000000!important;
	font-family:r-regular;
	font-size: 1.1rem;
}



.separador {

border-bottom: 2px solid #7f7f7f;

margin: 18px 0 0px 0;

padding-bottom: 4px;
}


.contenedor-ancho {
	width: 90%;
    margin: 0 auto;
}

.card-header {
    padding: 0!important;
}

.myaccordion {
  /*max-width: 500px;*/
  /* margin: 50px auto; */
 /* box-shadow: 0 0 1px rgba(0,0,0,0.1);*/
  
}
.card-body {
   padding: 0rem 1.25rem 1.25rem 1.25rem!important;
}
.p-separador {
	padding:20px 0 35px 0;
}


.card {
   /* background-color: #FFFFFF;
    border-bottom: 1px solid #000000!important;*/
    border-radius:0;
 }
 
  .card:last-child {
    /*border-bottom:none!important;*/
     }
 
.card-red {
    background-color: #ef3829;
	color:#FFF!important;
	
}
.card-red .card-header {
	border-bottom:1px solid #ef3829!important;
}
.mb-0.red button {
    
	color:#FFF!important;
	
}
.fa-inverse {
color: #000000!important;
    background: #FFF;
    font-size: 13px!important;
}
.fa-red {
    color: #FFF!important;
    background: #ef3829!important;
}

.fa-faqs {
	color: #7f7f7f!important;
    background: #e9edf3!important;
}




.body-red ul li a{
  color:#FFF!important;
}

.myaccordion .card,
.myaccordion .card:last-child .card-header {
  border: none;

}

.myaccordion .card-header {
    border-bottom-color: #ffffff;
  background: transparent;
  border: none;
}

.myaccordion .fa-stack {
  font-size: 18px;
}

.myaccordion .btn {
  width: 100%;
  display: block;
  clear: both;
  float: left;
  text-align: left!important;
  padding: 10px 0;
}

.myaccordion .btn P {
	width: 100%;
	display: block;
	clear: both;
	float: left;
	color: #000;
	font-size: 1rem;
	font-family: r-regular , Verdana, Geneva, sans-serif!important;
	/* letter-spacing: 0.5px; */
	margin-bottom: 0;
}

.myaccordion .btn span {
    font-family: r-bold, Verdana, Geneva, sans-serif!important;
    color: #000000;
    font-weight: 600;
    padding: 0px 12px 0px 0px;
    font-size: 17px;
}

#accordionFaq.myaccordion .btn {
    width: 100%;
    font-weight: bold;
    color: #000;
    padding: 0;
    text-align: left;
    font-weight: initial;
    letter-spacing: -0.5px;
    font-size: 14px;
    font-family: roboto-regular,Verdana, Geneva, sans-serif;
}

.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
  text-decoration: none;
}

.myaccordion li + li {
  margin-top: 10px;
}


.texto-btn {
	position: absolute;
    left: 61px;
    top: 24px;
    line-height: 19px;
}

.gracias {
	display:none;
	font-size:20px;
	margin:50px 0 50px 0;
}

.gracias.fin {
	display:block!important;
}






.fa-check {
	font-size: 10px;
    color: white;
    background: #666666;
    padding: 4px;
}

.fa-check.cambio {
	font-size: 10px;
    color: white;

    background: #009cae!important;
    padding: 4px;
}

.fondo-gris-claro {

		background:#f4f4f4!important;
	 
 }

.fas {    background-color: transparent!important;}



.card:after {
  display:block;
  content: '';
  border-bottom: solid 2px #da291c;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
.card.fromLeft:after{ transform-origin: 100% 50%; }
.card.fromRight:after{  transform-origin:   0% 50%; }
.card.fromLeft:hover:after{ transform: scaleX(1); transform-origin:   0% 50%; }
.card.fromRight:hover:after{ transform: scaleX(1); transform-origin: 100% 50%; }

#collapseCinco,
#collapseTres {
	
	height:0px!important;
	
}

/*--//////////////////////////////////----*/
@media (max-width: 767px) {
    
}

::-webkit-input-placeholder { /* Edge */
    color: #da291c;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #da291c;
}

::placeholder {
    color: #da291c;
}

.autocomplete-suggestion{
    font-size: 1.5rem;
    padding-left: 2rem;
    background: white;
}

.autocomplete-suggestions{
    padding-top: 1rem;
    background: white;
}

.paises_linea_vertical{
    height: 30px;
    background: #929191;
    width: 1px;
    margin: auto;
}

.linea_divisoria{
    height: 1px;
    width: 100%;
    margin-bottom: 1.4rem;
}

.back_btn{
    position: absolute;
    top: 0px;
    height: 40px;
    left: 15px;
    z-index: 500;
}

.cursor-pointer{
    cursor: pointer;
}

.item-consejo{
    min-height: 35px;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
}

.table-viaje{
	margin-top: 25px;
	clear: both;
	margin: 0 auto;
	float: left;
    margin-bottom: 20px;
    text-align: center;
} 

.table-viaje thead {font-family: gotham_medium, Verdana, Geneva, sans-serif; font-size:18px; text-align:center;}

.table-viaje thead tr th {text-align:center;}

.borde-medio {
	border-left:1px solid #000;
	border-right:1px solid #000;
	text-align:center;
}

.table-viaje thead tr th, .table-viaje tbody tr td { font-size: 13px; padding:5px 10px; color:#000; vertical-align: middle;word-wrap: break-word; }

/*.table-viaje thead tr, .table-viaje tbody tr {margin-top:10px;}*/
.table-viaje tbody tr td {font-family: gotham_book, Verdana, Geneva, sans-serif; font-size:12px; }


.table-viaje tbody tr.gris { background:#F2F2F2;}

.tabla-pie {
	font-size:13px!important;
    float: left;
    clear: both;
    line-height: 16px;
}
