/*paquetes*/
.selectpackage button, #navigation1 a{
	border: 2px solid #0068FF;
	color: #0068FF;
	background: transparent;
	border-radius: 10px;
	padding: .8em 2em;
	margin-right: 1em;
	margin-left: 1em;
	font-weight: bold;
}

.selectpackage button.active, #navigation1 a.active{
	background: #0068FF;
	color: #fff;
}

#paquetes .item{
	margin: 2em;
	border-radius: 30px;
	padding: 2px;
}

#paquetes .item .paquete{
	background: #F8F8F8;
	border-radius: 30px;
	padding: 1.5em;
	color: #303030;/*#706F6F;*/
	border: 1px solid #F8F8F8;
}
#paquetes .item .paquete:hover{
	border-color: #082B5E;
}

#paquetes .item .item-favorito{
	visibility: hidden;
	color: #fff;
	font-weight: bold;
}
#paquetes .item.favorito{
	background: #FF8800;
	/*background: rgb(255,136,0);
	background: linear-gradient(85deg, rgba(255,136,0,1) 0%, rgba(255,107,0,1) 100%);*/
}
#paquetes .item.favorito .item-favorito{
	visibility: visible;
}

#paquetes .item .velocidad{
	text-transform: uppercase;
	font-weight: 800;
	font-size: 24px;
}

#paquetes .paquete-bottom-plan{
	line-height: 175%;
}

#paquetes .plus{
	background: url("../images/home/plus1.svg") no-repeat center center transparent;
	background-size: auto 100%;
	width: 100%;
	height: 25px;
	margin: -4px 0 7px 0;
}
#paquetes .ilimitado .plus{
	margin: 0.2em 0;
}

.paquete-data{
	font-size: 25px;
	line-height: 110%;
	min-height: 40px;
	margin-bottom: 10px;
}

.paquete-data strong{
	font-size: 38px;
	font-weight: 800;
}

.paquete-data big{
	font-size: 50px;
	font-weight: 700;
	margin-top: 30px;
	/*display: block;*/
}

.paquete-data-comparte strong{
	font-size: 30px;
}

.paquete-data-small{
	font-size: 19px;
	line-height: 110%;
	font-weight: 600;
}

.paquete-redes{
	font-size: 27px;
}
.paquete-redes-ico{
	display: inline !important;
	width: 30px !important;
	height: 30px;
	margin: 0 0 0 -5px;
}

.precio-adicionales{
	font-size: 11px;
	font-weight: 600;
	line-height: 100%;
}

.paquete-period{
	font-size: 25px;
}
.paquete-redes img{
	max-height: 32px;
}
#paquetes .precio-solo, #paquetes .precio-periodo{
	font-size: 20px;

}
#paquetes .precio{
	font-size: 50px;
	font-weight: 600;
	line-height: 80%;
}
#paquetes .precio small{
	vertical-align: top;
	font-size: 25px;
}
#paquetes .precio span{
	vertical-align: bottom;
	font-size: 20px;
}

.contrataBtn-plan{
	border: 2px solid #0068FF;
	color: #0068FF;
	background: transparent;
	border-radius: 30px;
	padding: .8em 2em;
	margin-right: 1em;
	margin-left: 1em;
	display: inline-block;
	font-weight: bold;
	background: #fff;
}
.contrataBtn-plan:hover{
	background: #0068FF;
	color: #fff;
}

.paquete-data-hotspot img{
	display: inline !important;
	width: 40px !important;
}

#prepago, #recarga_pospago{
	display: none;
}
/*
#prepago hr{
	border-color: #fff;
}

#prepago .item .paquete{
	background: #082B5E;
	color: #fff;
}

#prepago .item .plus{
	background-image: url("../images/home/plus2.svg");
}

#prepago .contrataBtn-plan{
	background: #0068FF;
	color: #fff;
}*/

.owl-stage-outer{
	margin: 0 auto;
}


#d-home-paquetes-bloque{
	background: #082B5E;
	color: #fff;
	font-size: 35px;
	font-weight: 500;
	line-height: 125%;
	border-radius: 30px;
}

#d-home-paquetes-terminos{
	color: #4A4A49;
	font-size: 20px;
}

#pospago .owl-next,
#prepago .owl-next,
#recarga_pospago .owl-next{
	right: -25px;
}
#pospago .owl-prev,
#prepago .owl-prev,
#recarga_pospago .owl-prev{
	left: -25px;
}

#planes-familiares.owl-carousel .owl-next{
	right: -25px;
}
#planes-familiares.owl-carousel .owl-prev{
	left: -25px;
}


#modalrecargas h5{
	color: #082b5e;
	font-weight: 700;
}

.icon-marcar{
	width: 100%;
    max-width: 80px;
}

.content-llamar{
    display: inline-block;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}
.content-llamar > div{
    border-radius: 100px;
    padding: 20px;
    background-color: #f8f8f8;
    margin: 0 auto;
    width: 170px;
    height: 170px;
    margin-left: 10px;
    margin-right: 10px;
}
.title-llamar{
	color: #082b5e !important;
    font-size: 16px;
    padding: 0px 10%;
    text-align: center;
    margin-top: 20px;
}

.icon-gris{
    margin-top: 1%;
    margin-bottom: 2%;
}

.icon-gris img {
    filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
    filter: Gray(); /* IE4-8 and 9 */

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.icon-gris img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* NUEVOS PLANES PREPAGO */

.plans-n {
    background-color: #f8f8f8;
    border-radius: 30px;
    padding: 1.5em;
	width: 306px;
}
.nplans-head{
    border-bottom: 1px solid #ddd;
}
.plan-title {
    font-weight: 800;
    font-size: 20px;
}
.n-lineas{
    font-weight: 800;
    font-size: 35px;
}
.nplans-oferta{
    font-size: 25px;
}
.nplans-oferta span{
    font-weight: 500;
}
.nplans-same-num{
	font-size: 14px;
}

/* FAVORITO FAMILIAR - Mismo estilo que planes individuales */
#paquetes .item.favorito-familiar {
	margin: 2em;
	border-radius: 30px;
	padding: 2px;
	background: #FF8800;
}
#paquetes .item.favorito-familiar .item-favorito {
	visibility: visible;
	color: #fff;
	font-weight: bold;
}
#paquetes .item.favorito-familiar .plans-n {
	background-color: #f8f8f8;
	border-radius: 30px;
	padding: 1.5em;
	width: 306px;
} 
.promo-plan-familiar-container{
    margin-top: 50px;
	margin-bottom: 80px
}
.promo-plan-familiar-sb{
    font-size: 24px;
    font-weight: 500;
}
.promo-plan-familiar-t sup{
    font-size: 16px;
    top: -8px;
    left: -8px;
}
.promo-plan-familiar-t{
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
}
.social_icons{
    display: flex;
    justify-content: center;
    align-items: center;
}
.social_icons img{
    width: 35px;
    padding: 2px;
}

/* Estilos para carousel de planes familiares */
.planes-familiares-carousel.owl-carousel {
    display: none;
}

.planes-familiares-carousel .plans-n,
.planes-familiares-carousel .item.favorito-familiar {
    margin: 0 auto;
}

/* En desktop: mostrar como flex, ocultar carousel */
@media screen and (min-width: 992px) {
    .planes-familiares-carousel.owl-carousel {
        display: flex !important;
        justify-content: space-around;
        align-items: center;
    }
    
    .planes-familiares-carousel .owl-stage-outer,
    .planes-familiares-carousel .owl-stage,
    .planes-familiares-carousel .owl-item {
        display: contents !important;
    }
    
    .planes-familiares-carousel .owl-nav,
    .planes-familiares-carousel .owl-dots {
        display: none !important;
    }
}

/* En tablet y móvil: activar carousel */
@media screen and (max-width: 991px) {
    .planes-familiares-carousel.owl-carousel {
        display: block !important;
    }
	
	/* Centrar verticalmente los items en el carousel */
	.planes-familiares-carousel .owl-stage {
		display: flex !important;
		align-items: center !important;
	}
	
	.planes-familiares-carousel .owl-item {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	
	#paquetes .item.favorito-familiar .plans-n {
		max-width: 276px;
	}
	
	/* Asegurar que los planes tengan la misma altura base */
	.planes-familiares-carousel .plans-n {
		min-height: 450px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.planes-familiares-carousel .item.favorito-familiar {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

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

	.selectpackage button, #navigation1 a{
		width: 100% !important;
		display: block;
		margin: 0 auto 1em;
	}
	.selectpackage button.active{
		-webkit-transform: scale(1) !important;
		-moz-transform: scale(1) !important;
		-ms-transform: scale(1) !important;
		-o-transform: scale(1) !important;
		transform: scale(1) !important;
	}
	    .promo-plan-familiar-container{
    margin-top: 50px;
}
}