@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600&display=swap);.comp-telcel-backoffice-banner{margin-left:15px;margin-right:15px}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--cabecera{position:relative;display:inline-block;width:100%}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--cabecera-bg{max-height:269px;height:100%;background-position:top;background-size:cover;border-radius:8px;position:absolute;left:0;top:0;width:100%}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--recomendado{border-radius:4px;background-color:#e2eff0;color:#00838f;padding:4px;font-weight:600;display:inline-block}
@media(max-width:767px){.comp-telcel-backoffice-banner{margin:0}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--cabecera>div{padding:17px 0 0}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--recomendado{margin-left:16px}
}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(10,61,126,.35);min-height:88px;display:flex;align-items:center;flex-direction:column;color:#fff;padding:16px 8px 0;margin:44px 0 16px;border-radius:8px}
@media(max-width:767px){.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen{margin:48px 16px 17px}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen>div{width:100%;padding:0}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen_titulo{width:100%}
}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen_titulo{margin-bottom:12px;padding:0}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen_titulo span{font-size:20px;line-height:24px;font-weight:400;font-family:telcellight}
@media(min-width:991px){.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen{min-height:76px}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen_titulo{font-size:24px;margin:0}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen_titulo span{font-size:24px;line-height:28px}
}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen_precio{font-size:14px;line-height:17px;padding:0}
@media(min-width:991px){.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen_precio{text-align:right;font-size:16px;line-height:17px;margin:0}
}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen_precio-precio{font-size:20px;line-height:24px;font-family:telcellight}
@media(min-width:991px){.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen_precio-precio{font-size:24px;line-height:28px}
}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen_cta{width:100%}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen_cta a{background-color:#7b1fa2;border:0;border-radius:5px;color:#fff;text-align:center;padding:10px;text-decoration:none !important;min-height:20px;display:block;font-size:16px;line-height:20px;font-weight:500;margin:16px 24px !important}
@media(max-width:767px){.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen_precio{width:100%}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen_cta a{display:block;min-height:28px;line-height:25px;margin:0 auto 20px}
}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen_cta a:hover{text-decoration:none;background-color:#8221ab;border:0;-webkit-box-shadow:0 1px 5px 1px #b3afb3;-moz-box-shadow:0 1px 5px 1px #b3afb3;box-shadow:0 1px 5px 1px #b3afb3;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.1),0 5px 5px -5px rgba(0,34,77,.25);-moz-box-shadow:0 0 4px 0 rgba(0,0,0,.1),0 5px 5px -5px rgba(0,34,77,.25);box-shadow:0 0 4px 0 rgba(0,0,0,.1),0 5px 5px -5px rgba(0,34,77,.25)}
@media(min-width:768px){.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen{flex-direction:row;padding:0}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--resumen_cta a{margin:0 !important}
}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios{border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-cabecera{background-color:#f2f7f9;color:#0a3d7e;font-size:18px;line-height:22px;padding:8px 16px;font-weight:600}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-cuerpo{background-color:#fff;min-height:120px;padding:0 16px;display:flex;flex-direction:column}
@media(min-width:768px){.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-cuerpo{padding:18px;display:inline-block}
}
@media(min-width:991px){.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-cuerpo{display:flex;flex-direction:row}
}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-pie{min-height:48px;background-color:#f8f8f8}
@media(max-width:767px){.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-pie{min-height:74px;padding:12px 13px}
}
@media(min-width:768px){.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-pie{padding:12px}
}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-pie p{font-size:16px;font-weight:600;min-height:19px;line-height:14px;margin:0;display:flex;align-items:flex-end}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-pie p>span{align-self:flex-end;display:flex}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-pie--clarovideo-logo{margin:0 4px}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-pie--suscripcion-sin-costo{font-size:14px;font-weight:400}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-beneficio{border:1px solid transparent;padding:13px 0;display:flex;flex-direction:column;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@media(max-width:767px){.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-pie p{display:block;font-size:14px;min-height:18px}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-pie--clarovideo-logo{float:left;margin-top:8px;margin-left:0}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-pie--suscripcion-sin-costo{line-height:40px;min-height:40px}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-beneficio{border-top:1px solid #e3e3e3}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-beneficio:first-child{border:0}
}
@media(min-width:768px){.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-beneficio:nth-child(2n){padding-left:11px;border-left:1px solid #e3e3e3}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-beneficio:nth-child(3),.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-beneficio:nth-child(4){border-top:1px solid #e3e3e3}
}
@media(min-width:991px){.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-beneficio{border-top:0;border-right:1px solid #e3e3e3;border-bottom:0;border-left:0;padding:0 23px}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-beneficio:nth-child(2){border-left:0}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-beneficio:nth-child(3){border-top:0}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-beneficio:last-child{border:0}
}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-beneficio_titulo{font-size:14px;line-height:17px;margin-bottom:4px}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-beneficio_desc{font-size:20px;line-height:24px;font-family:telcelregular;margin-bottom:4px}
.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-beneficio_promo{font-size:13px;font-weight:600;color:#c71585;border-radius:0 4px 4px;padding:4px;background-color:#fbedf6;width:fit-content}
@media(min-width:991px){.comp-telcel-backoffice-banner .telcel-backoffice-banner--beneficios-beneficio_promo{display:block;margin:15px 0}
}