@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600&display=swap");.cdp-promo-grid{position:relative;text-align:center;float:right;margin:27px 0}
.cdp_i-promo-grid{font-size:14px;text-decoration:none;transition:background 250ms;display:inline-block;text-transform:uppercase;margin:0 3px 6px;height:24px;min-width:24px;border-radius:13px;padding:0;color:#00529b;font-weight:600;display:none;line-height:1.7}
.cdp_i-promo-grid:first-child,.cdp_i-promo-grid:last-child{vertical-align:middle}
.cdp-promo-grid:not([actpage="1"]) .cdp_i-promo-grid:nth-child(1){display:inline-block}
.cdp_tres_antes-promo-grid{display:inline-block;pointer-events:none;color:transparent;border-color:transparent;width:10px}
.cdp_tres_antes-promo-grid:after{content:'...';color:#00529b;font-size:14px;margin-left:-6px}
.cdp_dos_antes-promo-grid{display:inline-block}
.cdp_una_antes-promo-grid{display:inline-block}
.cdp_activa-promo-grid{background-color:#e5edf5;color:#00529b;display:inline-block}
.cdp_una_adelante-promo-grid{display:inline-block}
.cdp_dos_adelante-promo-grid{display:inline-block}
.cdp_tres_adelante-promo-grid{display:inline-block;pointer-events:none;color:transparent;border-color:transparent;width:10px}
.cdp_tres_adelante-promo-grid:after{content:'...';color:#00529b;font-size:14px;margin-left:-6px}
.general-box-promo{padding:0 16px}
.general-box-promo a:hover{text-decoration:none !important}
.general-box-promo a{max-width:350px;display:block;margin:0 auto}
@media(min-width:768px){.general-box-promo:nth-child(even) a{margin-left:0;margin-right:auto}
.general-box-promo:nth-child(odd) a{margin-right:0;margin-left:auto}
}
.contenedor-mosaico-promos{border-radius:4px;box-shadow:0 10px 10px -5px rgba(0,34,77,0.25),0 0 4px 0 rgba(0,0,0,0.1);overflow:hidden;position:relative;margin-bottom:30px;min-height:502px;height:502px;background-size:cover}
.contenedor-mosaico-promos .promo-box{min-height:228px;height:100%;width:100%;position:relative;border-radius:4px;background:transparent;background-position:top center;background-repeat:no-repeat;background-size:cover}
.contenedor-mosaico-promos .promo-box .promo-box-etiqueta{font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;position:absolute;top:8px;left:8px;background-color:#e5edf5;border-radius:4px;padding:4px;font-size:13px;font-weight:600;height:25px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#0071d1}
.contenedor-mosaico-promos .promo-box--contenido{padding:16px 16px 10px;border-radius:4px;position:absolute;width:100%;bottom:0;width:calc(100% - 24px);margin:0 12px;left:0;background-color:#fff;height:132px;max-height:132px;transition:max-height .7s;border-bottom:8px solid #00529b}
.contenedor-mosaico-promos .promo-box--contenido.amigo-mosaico{border-bottom:8px solid #c51162}
.contenedor-mosaico-promos .promo-box--contenido.entretenimiento-mosaico{border-bottom:8px solid #03a678}
.contenedor-mosaico-promos .promo-box--contenido.plan-mosaico{border-bottom:8px solid #dd2c00}
.contenedor-mosaico-promos .promo-box--contenido.circulo-azul-mosaico{border-bottom:8px solid #4169e1}
.contenedor-mosaico-promos .promo-box--contenido .promo-box--contenido-interno{height:100%}
.contenedor-mosaico-promos .promo-box--contenido .date{font-size:13px;color:#757575}
.contenedor-mosaico-promos .promo-box--contenido .title{font-size:24px;font-family:telcelregular;margin-bottom:8px;height:auto;line-height:1.17;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}
.contenedor-mosaico-promos .promo-box--contenido .descripcion p{font-size:14px;margin-bottom:8px;line-height:1.21}
.contenedor-mosaico-promos .promo-box--contenido .descripcion p.texto-por{font-size:13px;line-height:1.38}
.contenedor-mosaico-promos .promo-box--contenido .btn-box{line-height:1.25;color:#0071d1;position:absolute;bottom:12px}
.contenedor-mosaico-promos .promo-box--contenido .btn-box img{display:none}
.contenedor-mosaico-promos .promo-box--contenido .date-box,.contenedor-mosaico-promos .promo-box--contenido .descripcion{display:none}
.contenedor-mosaico-promos .promo-box--contenido.promo-box--telcel{border-bottom:8px solid #0071d1;height:100px;max-height:100px}
.contenedor-mosaico-promos .promo-box--contenido.promo-box--empresas{border-bottom:8px solid #0f2f85;height:100px;max-height:100px}
.contenedor-mosaico-promos .promo-box--contenido.promo-box--mundo{border-bottom:8px solid #595959;height:100px;max-height:100px}
.contenedor-mosaico-promos:hover .promo-box{backdrop-filter:blur(4px)}
.contenedor-mosaico-promos:hover .promo-box--contenido{background-color:#FFF;max-height:324px;height:auto;min-height:200px}
.contenedor-mosaico-promos:hover .promo-box--contenido .date-box,.contenedor-mosaico-promos:hover .promo-box--contenido .descripcion{display:block}
.contenedor-mosaico-promos:hover .promo-box--contenido .title{height:auto;-webkit-line-clamp:initial;-webkit-box-orient:initial;overflow:visible;text-overflow:initial}
.contenedor-mosaico-promos:hover .promo-box--contenido .btn-box img{display:inline}
@media(max-width:768px){.contenedor-mosaico-promos .promo-box--contenido{background-color:#FFF;max-height:324px;height:auto;min-height:221px}
.contenedor-mosaico-promos .promo-box--contenido .date-box,.contenedor-mosaico-promos .promo-box--contenido .descripcion{display:block}
.contenedor-mosaico-promos .promo-box--contenido .title{height:auto;-webkit-line-clamp:initial;-webkit-box-orient:initial;overflow:visible;text-overflow:initial}
.contenedor-mosaico-promos .promo-box--contenido .btn-box img{display:inline}
}
.telcel_mosaico-carrusel{max-width:756px;margin:0 auto}
.telcel_mosaico-carrusel .general-box{width:100%}