/*REDISENIO MINISITIO WEB 19-05-2025*/
/* Estilo para asegurar que el footer esté al final */

body, a, p {
	font-family: 'AMX', serif !important;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0;
	color: #444444;
}

body {
	display: flex;
	flex-direction: column;
	height: 100%;
}

main {
	flex: 1;
	/* Ocupa el espacio restante entre header y footer */
}

.hvh-100 {
	height: 100vh;
}

.color-text-gray {
	color: #b9b9b9 !important;
}

.color-text-red {
	color: #ef3829;
}

.color-text-gray-hard {
	color: #888888;
}

.bg-color-dark {
	background-color: #000000;
}

.bg-color-gray-light-3 {
	background-color: #bbbbbb;
}

.bg-color-gray-light {
	background-color: #f4f4f4;
}

.bg-color-gray-light-2 {
	background-color: #e7e7e7;
}

.bg-color-gray {
	background-color: #b9b9b9;
}

.bg-color-yellow {
	background-color: #f1b014;
}

.color-text-yellow {
	color: #f1b014;
}

.color-text-blue {
	color: #1097ae;
}

.bg-color-blue {
	color: #1097ae;
}

.bg-light-blue {
	background-color: #b2f3f6;
}

.color-text-light-blue {
	color: #b2f3f6;
}

.bg-blue-new {
	background-color: #0097a9;
}

.color-text-blue {
	color: #0097a9;
}

.bg-light-red {
	background-color: #f65041;
}

.color-text-light-red {
	color: #f65041;
}

.bg-hard-blue {
	background-color: #005c66;
}

.color-text-hard-blue {
	color: #005c66;
}

.font-size-1_15 {
	font-size: 1.15em;
}

.font-size-1_5 {
	font-size: 1.5em;
}

.font-size-1_2 {
	font-size: 1.2em;
}

.font-size-1_3 {
	font-size: 1.35em;
}

.font-size-2 {
	font-size: 2em;
}

.header-claro-red {
	background-color: #ef3829;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .65rem;
	text-align: center;
}

.footer-claro-black {
	background-color: #000000;
	color: #ffffff;
	justify-content: center;
	align-items: center;
	width: 100%;
	gap: 1rem;
	display: flex;
	text-align: center;
	padding: .65rem;
	font-size: 1.25em;
	/* bottom: 0px; */
}

.img-logo {
	width: 85px;
}

.banner-principal {
	border-radius: 0px 0px 40px 40px;
	background: radial-gradient(circle at center, rgba(18, 18, 20, 0.8) 0%, rgba(18, 18, 20, 1) 40%)
}

.text-header, .banner-medium, .text-footer {
	color: #ffffff !important;
}

.text-footer a {
	padding: 0rem;
}

.content-options {
	display: grid;
}

.content-options .card {
	box-shadow: 0px 0px 12px 0px #00000040;
	padding: 1rem .5rem;
	cursor: pointer;
	border-radius: 16px;
}

.content-options .card .card-body {
	padding: 0rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.card-descarga {
	position: relative;
	background-color: #F4F4F4;
	border-radius: 40px;
	display: flex;
	padding: 1rem;
	/* flex-wrap: nowrap; */
	flex-direction: column;
	align-items: flex-start;
	align-content: space-around;
	justify-content: center;
}



@media (min-width: 300px) {

	.banner-medium img {
		width: 100%;
	}

	.card-descarga {
		padding: 4rem 1rem 1rem 1rem;
		align-content: center;
		align-items: center;
		justify-content: center;
	}

	.card-descarga .img-btn-claro {
		width: 100px;
		margin-top: -350px;
	}

}


@media (max-width: 399px) {

	.content-options {
		grid-template-columns: repeat(1, 1fr);
		gap: 1rem;
	}

}

@media (max-width: 325px) {

	.card-descarga .img-btn-claro {
		margin-top: -370px;
	}

}

@media (min-width: 400px) {

	.content-options {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}
}

@media (min-width: 425px) {

	.card-descarga .img-btn-claro {
		margin-top: -400px;
	}

}

@media (min-width: 575px) {

	.content-options {
		grid-template-columns: repeat(3, 1fr);
		gap: 1rem;
	}

}

@media (min-width: 500px) {

	.banner-medium img {
		width: 75%;
	}

}


@media (min-width: 700px) {

	.banner-medium img {
		width: 50%;
	}

	.card-descarga {
		padding: 1rem;
		align-content: center;
		align-items: start;
		justify-content: center;
	}

}

@media (min-width: 768px) {

	.card-descarga .img-btn-claro {
		width: 146px;
		margin-top: 0px;
		margin-left: 10px;
	}

}

@media (min-width: 992px) {

	.content-options {
		gap: 3rem;
	}

	.card-descarga .img-btn-claro {
		width: 170px;
		margin-top: -4px;
		margin-left: 30px;
	}

}

/*FIN REDISENIO MINISITIO WEB 19-05-2025*/

















/* ==========================================================================
   Author's custom styles: Mauricio Loayza Sánchez
   ========================================================================== */
/*---------------------------------------------------------------------------------------------------------------------
												Inicio barra de menu principal perzonalizada	
----------------------------------------------------------------------------------------------------------------------*/
img {
	height: auto;
}

.navbar-personalizado {
	background-color: #e31d1a;
	border-radius: 0;
	margin-bottom: 0;
}

.menu-desplega {
	color: white;
	font-size: 1em;
	margin-top: 1%;
}

.link-menu {
	color: #f9f9f9 !important;
}

.icon-bar {
	background-color: #FFF !important
}

@media (min-width: 993px) {

	.navbar-personalizado {
		min-height: 68px;
	}

}

@media all and (max-width: 601px) {

	.menu-lg {
		display: none;
	}

	.navbar-personalizado {
		z-index: 10000;
	}

	.app-principal {
		margin-bottom: -1em;
	}

	.header-logo {
		margin-left: 3%;
	}
}

@media all and (min-width: 602px) and (max-width: 800px) {
	@media all and (max-width: 767px) {
		.menu-lg {
			display: none;
		}
	}

	li a.link-menu:hover {
		background-color: #e31d1a;
		color: white;
	}

	li a.link-menu-active {
		background-color: #e31d1a;
		color: white;
	}

	.nav>li>a:focus, .nav>li>a:hover {
		background-color: #e31d1a;
		color: white;
	}

	.app-principal {
		margin-bottom: -1em;
	}

	.header-logo {
		margin-left: 3%;
	}

	.navbar-nav {
		margin-left: 15%;
		padding: 1%;
	}
}

@media all and (min-width: 801px) and (max-width: 1920px) {
	.link-menu {
		color: white !important;
	}

	li a.link-menu:hover {
		background-color: #e31d1a;
		color: white;
	}

	li a.link-menu-active {
		background-color: #e31d1a;
		color: white;
	}

	.nav>li>a:focus, .nav>li>a:hover {
		background-color: #e31d1a;
		color: white;
		border: 1px solid #e31d1a;
	}

	.app-principal {
		margin-bottom: -3.95em;
	}

	.cabecera {
		margin-left: 20%;
	}

	.navbar-header {
		padding: 0.3%;
	}

	.navbar-nav {
		padding: 1%;
	}
}

/*---------------------------------------------------------------------------------------------------------------------
												Fin barra de menu principal perzonalizada	
----------------------------------------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------------------------------------
												Inicio del content principal	
----------------------------------------------------------------------------------------------------------------------*/
.detalle-contenido-scroll {
	overflow-y: scroll;
}

.detalle-contenido-padding {
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 1%;
}

.contenido-oculto {
	display: none !important;
}

@media all and (max-width: 601px) {
	.imagen-md {
		width: 100%;
	}

	.menu-desplega {
		margin-top: -1px;
		padding-left: 1em;
		position: absolute;
		text-align: left;
		width: 100%;
	}

	.navbar-nav {
		margin: 0px;
	}

	.flecha-caraousel {
		background-color: #FFF;
		border: 1px solid #FFF;
		border-radius: 50%;
		color: #333;
		font-size: 0.6em;
		margin-top: 400%;
		padding: 0.5em;
	}

	.item-banner-xs {
		display: inline;
	}

	.item-banner-lg {
		display: none;
	}

	.item-banner-lg-mediano {
		display: none;
	}

	.imagen-contenido {
		display: inline;
		height: 250px;
	}

	.titulo-contenido {
		font-size: 1.2em;
		margin-left: 2%;
		text-align: left;
	}

	.sub-titulo-contenido {
		margin-left: 2%;
		margin-right: 2%;
		margin-top: 1%;
	}

	.opcion-contenido {
		color: #1f97ae;
		font-size: 0.65em;
		text-align: center;
	}

	.opcion-contenido-imagen {
		height: 15px;
		width: 15px
	}

	.opcion-contenido-nombre {
		margin-top: 1%
	}

	.opcion-contenido-nombre:hover, .opcion-contenido-nombre-active {
		border-bottom: 2px solid #797973;
	}

	.detalle-contenido {
		background-color: #FFFFFF;
		font-size: 0.75em;
		margin-bottom: 3%;
		margin-left: 2%;
		margin-right: 2%;
		margin-top: 5%;
		text-align: left;
	}

	.detalle-contenido-imagen {
		margin-left: 30%;
		margin-top: 3%;
		width: 10em;
	}

	.detalle-contenido-texto {
		margin-top: 5%;
		margin-bottom: 5%;
	}
}

@media all and (min-width: 602px) and (max-width: 800px) and (max-height: 1024px) {
	.imagen-md {
		width: 100%;
	}

	.imagen-contenido {
		display: inline;
		margin-top: 3%;
		height: 394px;
	}

	.titulo-contenido {
		font-size: 1.5em;
		margin-left: 1%;
		margin-top: 2%;
		text-align: left;
	}

	.detalle-contenido {
		background-color: #FFFFFF;
		margin-left: 1%;
		margin-top: 2%;
		text-align: left;
		height: 220px;
	}
}

@media all and (min-width: 602px) and (max-width: 800px) and (min-height: 1025px) and (max-height: 1366px) {
	.carousel-inner {
		height: 1000px;
	}

	.imagen-md {
		height: 1000px !important;
		width: 100%;
	}

	.imagen-contenido {
		display: inline;
		margin-top: 3%;
		height: 500px;
	}

	.titulo-contenido {
		font-size: 1.5em;
		margin-left: 1%;
		margin-top: 5%;
		text-align: left;
	}

	.detalle-contenido {
		background-color: #FFFFFF;
		margin-left: 1%;
		margin-top: 2%;
		text-align: left;
		height: 350px;
	}
}

@media all and (min-width: 602px) and (max-width: 800px) {
	@media all and (max-width: 767px) {
		.menu-desplega {
			margin-top: -1px;
			padding-left: 1em;
			position: absolute;
			text-align: left;
			width: 100%;
		}

		.navbar-nav {
			margin: 0px;
		}
	}

	@media all and (min-width: 768px) and (max-width: 800px) {
		.menu-desplega {
			display: none;
		}
	}

	.flecha-caraousel {
		background-color: #FFF;
		border: 1px solid #FFF;
		border-radius: 50%;
		color: #333;
		font-size: 0.9em;
		margin-top: 300%;
		padding: 0.5em;
	}

	.item-banner-xs {
		display: inline;
	}

	.item-banner-lg {
		display: none;
	}

	.item-banner-lg-mediano {
		display: none;
	}

	.sub-titulo-contenido {
		margin-left: 1%;
		margin-top: 3%;
	}

	.opcion-contenido {
		color: #1f97ae;
		font-size: 1em;
		text-align: left;
	}

	.opcion-contenido-imagen {
		height: 30px;
		width: 30px
	}

	.opcion-contenido-nombre {
		margin-top: 1%
	}

	.opcion-contenido-nombre:hover, .opcion-contenido-nombre-active {
		border-bottom: 2px solid #797973;
	}

	.detalle-contenido-imagen {
		margin-left: 30%;
		margin-top: 5%;
	}

	.detalle-contenido-texto {
		margin-top: 2%;
		margin-bottom: 3%;
	}
}

@media all and (min-width: 801px) and (max-width: 1920px) and (max-height: 768px) {
	.flecha-caraousel {
		background-color: #FFF;
		border: 1px solid #FFF;
		border-radius: 50%;
		color: #333;
		margin-top: 100%;
		padding: 0.5em;
	}

	.carousel-inner {
		height: 345px;
	}

	.imagen-lg {
		width: 100%;
		height: 345px !important;
	}

	.item-banner-xs {
		display: none;
	}

	.item-banner-lg {
		display: none;
	}

	.item-banner-lg-mediano {
		display: inline;
	}
}

@media all and (min-width: 801px) and (max-width: 1920px) and (min-height: 769px) and (max-height: 1365px) {
	.flecha-caraousel {
		background-color: #FFF;
		border: 1px solid #FFF;
		border-radius: 50%;
		color: #333;
		margin-top: 100%;
		padding: 0.5em;
	}

	.carousel-inner {
		height: 540px;
	}

	.imagen-lg {
		width: 100%;
		height: 540px !important;
	}

	.item-banner-xs {
		display: none;
	}

	.item-banner-lg {
		display: inline;
	}

	.item-banner-lg-mediano {
		display: none;
	}
}

@media all and (min-width: 801px) and (max-width: 1920px) and (min-height: 1366px) and (max-height: 1500px) {
	.flecha-caraousel {
		background-color: #FFF;
		border: 1px solid #FFF;
		border-radius: 50%;
		color: #333;
		margin-top: 300%;
		padding: 0.5em;
	}

	.carousel-inner {
		height: 1090px;
	}

	.imagen-md {
		width: 100%;
		height: 1090px !important;
	}

	.item-banner-xs {
		display: inline;
	}

	.item-banner-lg {
		display: none;
	}

	.item-banner-lg-mediano {
		display: none;
	}
}

@media all and (min-width: 801px) and (max-width: 1920px) and (max-height: 600px) {
	.imagen-contenido {
		margin-left: 30%;
		height: 250px;
		width: 125px;
	}

	.cuerpo-contenido {
		margin-top: 3%;
	}
}

@media all and (min-width: 801px) and (max-width: 1920px) and (min-height: 601px) and (max-height: 650px) {
	.imagen-contenido {
		margin-left: 30%;
	}

	.cuerpo-contenido {
		margin-top: 5%;
	}
}

@media all and (min-width: 801px) and (max-width: 1920px) and (min-height: 651px) and (max-height: 768px) {
	.cuerpo-contenido {
		margin-top: 8%;
	}

	.imagen-contenido {
		margin-left: 30%;
		height: 300px;
	}
}

@media all and (min-width: 801px) and (max-width: 1920px) and (min-height: 769px) and (max-height: 1365px) {
	.cuerpo-contenido {
		margin-top: 8%;
	}

	.imagen-contenido {
		margin-left: 30%;
		height: 394px;
	}
}

@media all and (min-width: 801px) and (max-width: 1920px) and (min-height: 1366px) and (max-height: 1500px) {
	.cuerpo-contenido {
		margin-top: 8%;
	}

	.imagen-contenido {
		margin-left: 40%;
		margin-top: -15%;
		height: 450px;
	}
}

@media all and (min-width: 801px) and (max-width: 1920px) and (max-height: 650px) {
	.detalle-contenido {
		margin-left: 10%;
		margin-top: 2%;
		text-align: left;
		height: 203px;
	}
}

@media all and (min-width: 801px) and (min-height: 651px) and (max-height: 1366px) {
	.detalle-contenido {
		margin-left: 10%;
		margin-top: 2%;
		text-align: left;
		height: 270px;
	}
}


@media all and (min-width: 801px) and (max-width: 1920px) {
	.menu-desplega {
		display: none;
	}

	.titulo-contenido {
		font-size: 1.5em;
		margin-left: 10%;
		text-align: left;
	}

	.sub-titulo-contenido {
		margin-left: 10%;
		margin-top: 3%;
	}

	.opcion-contenido {
		color: #1f97ae;
		font-size: 1em;
		text-align: center;
	}

	.opcion-contenido-imagen {
		height: 30px;
		width: 30px
	}

	.opcion-contenido-nombre {
		font-size: 1.21em;
		margin-top: 1%;
	}

	.opcion-contenido-nombre:hover, .opcion-contenido-nombre-active {
		border-bottom: 2px solid #797973;
	}

	.detalle-contenido-imagen {
		margin-left: 45%;
		margin-top: 2%;
		width: 8em;
	}

	.detalle-contenido-texto {
		margin-top: 2%;
	}
}

/*---------------------------------------------------------------------------------------------------------------------
												Fin del content principal	
----------------------------------------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------------------------------------
												Inicio del footer
----------------------------------------------------------------------------------------------------------------------*/
.footer {
	color: white;
}

@media all and (max-width: 601px) {
	.fondo-gris {
		text-align: center;
		background-color: #f9f9f9;
		margin-top: 4%;
		width: 100%;
	}

	.logo-abajo {
		display: inline;
		margin-top: 15%;
		width: 20em;
	}

	.titulo-abajo {
		color: #080808;
		font-size: 1em;
		margin-top: 5%;
		text-align: left
	}

	.descripcion-abajo-lg {
		display: none;
	}

	.descripcion-abajo-xs {
		color: #444444;
		display: inline;
		font-size: 0.9em;
		margin-bottom: 5%;
		text-align: left;
	}

	.content-footer {
		background-color: #000;
		padding-top: 0.30em;
		height: 7em;
	}

	.logo-miclaro-footer {
		width: 5em;
		margin-right: 100%;
		text-align: left;
	}

	.reservados {
		display: block;
		font-size: 0.6em;
		text-align: left;
	}

	.iconos-redes {
		font-size: 1.5em
	}

	.link-footer, .link-footer:hover {
		color: white;
		padding: 0.2em;
		text-decoration: none;
	}

	.footer-derecho {
		color: #1f97ae;
		font-size: 0.70em;
	}

	.footer-derecho a {
		display: block;
		text-align: left;
		text-decoration: none;
	}
}

@media all and (min-width: 602px) and (max-width: 800px) and (min-height: 1024px) {
	.footer {
		bottom: 0;
		position: absolute;
	}
}

@media all and (min-width: 602px) and (max-width: 800px) and (max-height: 1280px) {
	.logo-abajo {
		display: inline;
		margin-top: 5%;
		margin-bottom: 1%;
	}

	.titulo-abajo {
		color: #080808;
		font-size: 1.2em;
		margin-top: 2%;
		text-align: center
	}

	.iconos-redes {
		font-size: 1.5em
	}

	.footer-derecho {
		margin-left: -5%
	}
}

@media all and (min-width: 602px) and (max-width: 800px) and (min-height: 1281px) {
	.logo-abajo {
		display: inline;
		margin-top: 3%;
		margin-bottom: 1%;
	}

	.titulo-abajo {
		color: #080808;
		font-size: 2em;
		margin-top: 2%;
		text-align: center
	}

	.iconos-redes {
		font-size: 2em
	}

	.footer-derecho {
		margin-left: -18%
	}
}

@media all and (min-width: 602px) and (max-width: 800px) {
	.fondo-gris {
		background-color: #f9f9f9;
		width: 100%;
	}

	.descripcion-abajo-lg {
		display: none;
	}

	.descripcion-abajo-xs {
		color: #444444;
		display: inline;
		font-size: 1em;
		text-align: center;
	}

	.logo-miclaro-footer {
		width: 6em;
	}

	.content-footer {
		background-color: #000;
		padding-top: 0.9em;
		height: 6em;
	}

	.reservados {
		font-size: 0.9em
	}

	.link-footer, .link-footer:hover {
		color: white;
		padding: 0.5em;
		text-decoration: none;
	}

	.footer-derecho a {
		color: #1f97ae;
		display: inline;
		text-align: left;
		text-decoration: none;
		padding: 2%;
	}
}

@media all and (min-width: 801px) and (max-width: 1920px) and (max-height: 549px) {
	.footer {
		margin-top: 5%;
	}
}

@media all and (min-width: 801px) and (max-width: 1920px) and (min-height: 550px) {
	.footer {
		bottom: 0;
		position: absolute;
		width: 100%;
	}
}

@media all and (min-width: 801px) and (max-width: 1920px) and (max-height: 650px) {
	.logo-abajo {
		display: inline;
		margin-left: 28%;
		margin-top: 0.3%;
		width: 20em;
		padding-bottom: 0.5em;
	}

	.titulo-abajo {
		color: #080808;
		font-size: 1.5em;
		text-align: left
	}

	.content-footer {
		background-color: #000;
		height: 4em;
		padding-top: 0.5em;
	}
}

@media all and (min-width: 801px) and (max-width: 1920px) and (min-height: 651px) and (max-height: 1366px) {
	.logo-abajo {
		display: inline;
		margin-top: 3%;
		padding-bottom: 0.5em;
	}

	.titulo-abajo {
		color: #080808;
		font-size: 1.5em;
		margin-top: 3%;
		text-align: left
	}

	.content-footer {
		background-color: #000;
		height: 5em;
		padding-top: 0.9em;
	}
}

@media all and (min-width: 801px) and (max-width: 1920px) {
	.fondo-gris {
		background-color: #f9f9f9;
		width: 100%;
	}

	.descripcion-abajo-lg {
		color: #444444;
		display: inline;
		text-align: left;
	}

	.descripcion-abajo-xs {
		display: none;
	}

	.logo-miclaro-footer {
		margin-bottom: 1%;
		width: 7em;
	}

	.reservados {
		font-size: 0.9em
	}

	.iconos-redes {
		font-size: 1.5em
	}

	.link-footer, .link-footer:hover {
		color: white;
		padding-bottom: 0.5em;
		padding-left: 0.3em;
		padding-top: 0.5em;
		text-decoration: none;
	}

	.footer-derecho a {
		color: #1f97ae;
		padding-bottom: 0.5em;
		padding-left: 0.3em;
		padding-top: 0.5em;
		text-align: left;
		text-decoration: none;
	}
}

/*---------------------------------------------------------------------------------------------------------------------
												Fin del footer	
----------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------
												Inicio del mensaje de espera
----------------------------------------------------------------------------------------------------------------------*/
.modal-espera {
	margin-top: 5em;
}

.espera {
	color: #e31d1a;
	font-size: 2em;
	font-weight: bold;
}

/*---------------------------------------------------------------------------------------------------------------------
												Fin del mensaje de espera	
----------------------------------------------------------------------------------------------------------------------*/