Ir al contenido principal
Internet en Casa MX
Acceso interno · Página no indexada

Biblioteca de componentes

Cada bloque reusable de internetencasa.mx con preview en vivo, snippet HTML para copy/paste y auto-conteo de páginas que ya lo usan. Para ver inventario de CTAs específicos, abre /biblioteca-ctas.

Bloques completos

CTA box (componente completo)

<x-iec-cta-box />

El bloque completo con wrapper, título, subtítulo, botones primary y secondary y footnote. Una sola línea Blade reemplaza ~25 líneas de HTML hand-rolled. El componente auto-resuelve teléfono, lead source y typeform desde cta-presets.php según provider + intent. Override title, description, primaryLabel, secondaryLabel o footnote cuando necesites copy custom.

Preview en vivo

Contrata Megacable con nuestra ayuda

Confirmamos cobertura, comparamos paquetes y avanzamos con tu alta sin costo adicional.

Distribuidor autorizado

HTML para copiar
{{-- Caso simple: copy auto-generada según provider + intent --}}
<x-iec-cta-box provider="Megacable" intent="contratar" />

{{-- Caso con copy custom (estilo de los CTAs en pages contratar) --}}
<x-iec-cta-box
    provider="Dish"
    intent="paquetes"
    title="Compara paquetes antes de decidir"
    description="Paga solo por lo que vas a usar. Te armamos opciones según tu zona y presupuesto."
    primaryLabel="Comparar paquetes disponibles"
    footnote="Asesoría independiente y gratuita"
/>

{{-- Intents disponibles: contratar, opiniones, promociones, cobertura, paquetes,
     cancelar, streaming, recargas, pospago, television, satelital, cobertura-5g,
     cambio-domicilio, att-clientes, guias, tiendas, versus, general, ahorro --}}
Dónde se usa — 303 archivos · 475 instancias
  • sites/internetencasa.mx/pages/analisis-companias/bait/index.blade.php
  • sites/internetencasa.mx/pages/biblioteca-ctas.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/att/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/axtel/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/dish/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/izzi/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/movistar/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/on-internet/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/sky/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telcel/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/unefon/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/blue-telecomm/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/directvgo/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/diri/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/freedompop/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/hughesnet/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/ientc/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/newww/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/rincel/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/virgin-mobile/paquetes.blade.php
  • sites/internetencasa.mx/pages/ranking/tv/canales-peliculas.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/abib/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/altan-redes/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/att/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/blue-telecomm/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/blue-telecomm/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/buenocell/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/chedraui-movil/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/diri/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/dish/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/dish/paquetes/internet.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/dish/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/dish/promociones.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/disneyplus/promociones.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/elitesat/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/flash-mobile/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/freedompop/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/gigacable/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/gigacable/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/gurucomm/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/ientc/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/internet-bienestar/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/izzi/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/izzi/paquetes/movil.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/izzi/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/izzi/promociones.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/max/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/paquetes/movil.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/paquetes/television.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/promociones.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/movistar/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/netflix/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/nettv/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/netwey/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/netwey/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/on-internet/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/on-internet/paquetes/amazon-prime.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/on-internet/paquetes/satelital.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/on-internet/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/ouimovil/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/oxxo-cel/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/pillofon/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/pillofon/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/redi/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/retemex/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/retemex/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/sky/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/sky/internet.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/sky/paquetes/hbomax.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/sky/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/sky/promociones.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/soriana-movil/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/stargo/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/starlink/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/starlink/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/startv/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telcel/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telcel/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telcel/promociones.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/paquetes/amazon-prime.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/paquetes/disneyplus.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/paquetes/netflix.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/promociones.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmovil/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telnor/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/paquetes/amazon-prime.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/paquetes/netflix.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/promociones.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/ultracel/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/unefon/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/vasanta/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/vetv/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/vetv/paquetes/internet.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/vetv/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/vetv/promociones.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/viasat/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/viasat/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/virgin-mobile/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/vission-cable/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/weex/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/wimo/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/wizz/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/wizz/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/yobi/index.blade.php
  • sites/internetencasa.mx/pages/gestiones/cancelar/megacable.blade.php
  • sites/internetencasa.mx/pages/ranking/amazon-prime.blade.php
  • sites/internetencasa.mx/pages/ranking/disneyplus.blade.php
  • sites/internetencasa.mx/pages/ranking/inalambrico.blade.php
  • sites/internetencasa.mx/pages/ranking/internet-barato.blade.php
  • sites/internetencasa.mx/pages/ranking/internet-streaming.blade.php
  • sites/internetencasa.mx/pages/ranking/internet-telefono.blade.php
  • sites/internetencasa.mx/pages/ranking/internet-tv.blade.php
  • sites/internetencasa.mx/pages/ranking/planes-celular.blade.php
  • sites/internetencasa.mx/pages/ranking/tv/abierta.blade.php
  • sites/internetencasa.mx/pages/ranking/tv/deportes.blade.php
  • sites/internetencasa.mx/pages/ranking/tv/series.blade.php
  • sites/internetencasa.mx/pages/versus/dish-sky.blade.php
  • sites/internetencasa.mx/pages/versus/izzi-megacable.blade.php
  • sites/internetencasa.mx/pages/versus/izzi-totalplay.blade.php
  • sites/internetencasa.mx/pages/versus/megacable-telmex.blade.php
  • sites/internetencasa.mx/pages/versus/megacable-totalplay.blade.php
  • sites/internetencasa.mx/pages/acerca.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/att/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/bait/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/bait/paquetes/inalambrico.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/bait/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/blue-telecomm/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/dish/paquetes/amazon-prime.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/hughesnet/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/izzi/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/izzi/paquetes/disney-plus.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/izzi/paquetes/hbomax.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/izzi/paquetes/netflix.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/izzi/paquetes/television.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/paquetes/amazon-prime.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/paquetes/disney-plus.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/paquetes/hbomax.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/paquetes/netflix.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/movistar/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/movistar/paquetes/inalambrico.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/newww/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/newww/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/on-internet/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/pillofon/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telcel/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telcel/paquetes/disney-plus.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telcel/paquetes/inalambrico.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telcel/paquetes/netflix.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/paquetes/con-telefonia.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/paquetes/hbomax.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/paquetes/inalambrico.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telnor/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telnor/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/paquetes/hbomax.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/paquetes/television.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/paquetes/triple.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/ultracel/paquetes.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/unefon/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/vasanta/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/wizz/paquetes.blade.php
  • sites/internetencasa.mx/pages/cobertura/aguascalientes.blade.php
  • sites/internetencasa.mx/pages/cobertura/cancun.blade.php
  • sites/internetencasa.mx/pages/cobertura/cd-juarez.blade.php
  • sites/internetencasa.mx/pages/cobertura/cdmx.blade.php
  • sites/internetencasa.mx/pages/cobertura/celaya.blade.php
  • sites/internetencasa.mx/pages/cobertura/cuernavaca.blade.php
  • sites/internetencasa.mx/pages/cobertura/culiacan.blade.php
  • sites/internetencasa.mx/pages/cobertura/durango.blade.php
  • sites/internetencasa.mx/pages/cobertura/guadalajara.blade.php
  • sites/internetencasa.mx/pages/cobertura/hermosillo.blade.php
  • sites/internetencasa.mx/pages/cobertura/index.blade.php
  • sites/internetencasa.mx/pages/cobertura/leon.blade.php
  • sites/internetencasa.mx/pages/cobertura/mazatlan.blade.php
  • sites/internetencasa.mx/pages/cobertura/merida.blade.php
  • sites/internetencasa.mx/pages/cobertura/mexicali.blade.php
  • sites/internetencasa.mx/pages/cobertura/monterrey.blade.php
  • sites/internetencasa.mx/pages/cobertura/morelia.blade.php
  • sites/internetencasa.mx/pages/cobertura/oaxaca.blade.php
  • sites/internetencasa.mx/pages/cobertura/pachuca.blade.php
  • sites/internetencasa.mx/pages/cobertura/playa-del-carmen.blade.php
  • sites/internetencasa.mx/pages/cobertura/puebla.blade.php
  • sites/internetencasa.mx/pages/cobertura/puerto-vallarta.blade.php
  • sites/internetencasa.mx/pages/cobertura/queretaro.blade.php
  • sites/internetencasa.mx/pages/cobertura/reynosa.blade.php
  • sites/internetencasa.mx/pages/cobertura/slp.blade.php
  • sites/internetencasa.mx/pages/cobertura/tampico.blade.php
  • sites/internetencasa.mx/pages/cobertura/tijuana.blade.php
  • sites/internetencasa.mx/pages/cobertura/toluca.blade.php
  • sites/internetencasa.mx/pages/cobertura/veracruz.blade.php
  • sites/internetencasa.mx/pages/cobertura/villahermosa.blade.php
  • sites/internetencasa.mx/pages/cobertura/zacatecas.blade.php
  • sites/internetencasa.mx/pages/cobertura/zapopan.blade.php
  • sites/internetencasa.mx/pages/como-trabajamos.blade.php
  • sites/internetencasa.mx/pages/contacto.blade.php
  • sites/internetencasa.mx/pages/equipo.blade.php
  • sites/internetencasa.mx/pages/gestiones/cancelar/amazon-prime.blade.php
  • sites/internetencasa.mx/pages/gestiones/cancelar/att.blade.php
  • sites/internetencasa.mx/pages/gestiones/cancelar/dish.blade.php
  • sites/internetencasa.mx/pages/gestiones/cancelar/index.blade.php
  • sites/internetencasa.mx/pages/gestiones/cancelar/izzi.blade.php
  • sites/internetencasa.mx/pages/gestiones/cancelar/movistar.blade.php
  • sites/internetencasa.mx/pages/gestiones/cancelar/netflix.blade.php
  • sites/internetencasa.mx/pages/gestiones/cancelar/sky.blade.php
  • sites/internetencasa.mx/pages/gestiones/cancelar/spotify.blade.php
  • sites/internetencasa.mx/pages/gestiones/cancelar/telcel.blade.php
  • sites/internetencasa.mx/pages/gestiones/cancelar/telmex.blade.php
  • sites/internetencasa.mx/pages/gestiones/cancelar/totalplay.blade.php
  • sites/internetencasa.mx/pages/gestiones/celular/5g.blade.php
  • sites/internetencasa.mx/pages/gestiones/celular/apn.blade.php
  • sites/internetencasa.mx/pages/gestiones/celular/esim.blade.php
  • sites/internetencasa.mx/pages/gestiones/celular/index.blade.php
  • sites/internetencasa.mx/pages/gestiones/celular/liberar.blade.php
  • sites/internetencasa.mx/pages/gestiones/celular/localizar-android.blade.php
  • sites/internetencasa.mx/pages/gestiones/celular/localizar-iphone.blade.php
  • sites/internetencasa.mx/pages/gestiones/celular/registro-linea-curp.blade.php
  • sites/internetencasa.mx/pages/gestiones/celular/roaming.blade.php
  • sites/internetencasa.mx/pages/gestiones/index.blade.php
  • sites/internetencasa.mx/pages/gestiones/modem/att.blade.php
  • sites/internetencasa.mx/pages/gestiones/modem/bait.blade.php
  • sites/internetencasa.mx/pages/gestiones/modem/bluetelecomm.blade.php
  • sites/internetencasa.mx/pages/gestiones/modem/index.blade.php
  • sites/internetencasa.mx/pages/gestiones/modem/izzi.blade.php
  • sites/internetencasa.mx/pages/gestiones/modem/megacable.blade.php
  • sites/internetencasa.mx/pages/gestiones/modem/netwey.blade.php
  • sites/internetencasa.mx/pages/gestiones/modem/telcel.blade.php
  • sites/internetencasa.mx/pages/gestiones/modem/telmex.blade.php
  • sites/internetencasa.mx/pages/gestiones/modem/totalplay.blade.php
  • sites/internetencasa.mx/pages/gestiones/pagar/bluetelecomm.blade.php
  • sites/internetencasa.mx/pages/gestiones/pagar/dish.blade.php
  • sites/internetencasa.mx/pages/gestiones/pagar/index.blade.php
  • sites/internetencasa.mx/pages/gestiones/pagar/izzi.blade.php
  • sites/internetencasa.mx/pages/gestiones/pagar/megacable.blade.php
  • sites/internetencasa.mx/pages/gestiones/pagar/on-internet.blade.php
  • sites/internetencasa.mx/pages/gestiones/pagar/sky.blade.php
  • sites/internetencasa.mx/pages/gestiones/pagar/startv.blade.php
  • sites/internetencasa.mx/pages/gestiones/pagar/telcel.blade.php
  • sites/internetencasa.mx/pages/gestiones/pagar/telmex.blade.php
  • sites/internetencasa.mx/pages/gestiones/pagar/telnor.blade.php
  • sites/internetencasa.mx/pages/gestiones/pagar/totalplay.blade.php
  • sites/internetencasa.mx/pages/gestiones/pagar/vetv.blade.php
  • sites/internetencasa.mx/pages/gestiones/pagar/wizz.blade.php
  • sites/internetencasa.mx/pages/gestiones/portabilidad/att.blade.php
  • sites/internetencasa.mx/pages/gestiones/portabilidad/bait.blade.php
  • sites/internetencasa.mx/pages/gestiones/portabilidad/index.blade.php
  • sites/internetencasa.mx/pages/gestiones/portabilidad/izzi.blade.php
  • sites/internetencasa.mx/pages/gestiones/portabilidad/megacable.blade.php
  • sites/internetencasa.mx/pages/gestiones/portabilidad/movistar.blade.php
  • sites/internetencasa.mx/pages/gestiones/portabilidad/telcel.blade.php
  • sites/internetencasa.mx/pages/gestiones/portabilidad/telmex.blade.php
  • sites/internetencasa.mx/pages/gestiones/portabilidad/totalplay.blade.php
  • sites/internetencasa.mx/pages/gestiones/portabilidad/unefon.blade.php
  • sites/internetencasa.mx/pages/gestiones/portabilidad/virgin-mobile.blade.php
  • sites/internetencasa.mx/pages/gestiones/recargas-celular/att.blade.php
  • sites/internetencasa.mx/pages/gestiones/recargas-celular/bait.blade.php
  • sites/internetencasa.mx/pages/gestiones/recargas-celular/cfe.blade.php
  • sites/internetencasa.mx/pages/gestiones/recargas-celular/flashmobile.blade.php
  • sites/internetencasa.mx/pages/gestiones/recargas-celular/freedompop.blade.php
  • sites/internetencasa.mx/pages/gestiones/recargas-celular/index.blade.php
  • sites/internetencasa.mx/pages/gestiones/recargas-celular/megamovil.blade.php
  • sites/internetencasa.mx/pages/gestiones/recargas-celular/movistar.blade.php
  • sites/internetencasa.mx/pages/gestiones/recargas-celular/netwey.blade.php
  • sites/internetencasa.mx/pages/gestiones/recargas-celular/oui.blade.php
  • sites/internetencasa.mx/pages/gestiones/recargas-celular/oxxo.blade.php
  • sites/internetencasa.mx/pages/gestiones/recargas-celular/redi.blade.php
  • sites/internetencasa.mx/pages/gestiones/recargas-celular/telcel.blade.php
  • sites/internetencasa.mx/pages/gestiones/recargas-celular/unefon.blade.php
  • sites/internetencasa.mx/pages/gestiones/recibo/index.blade.php
  • sites/internetencasa.mx/pages/gestiones/recibo/megacable.blade.php
  • sites/internetencasa.mx/pages/internet-gratis.blade.php
  • sites/internetencasa.mx/pages/ranking/adsl.blade.php
  • sites/internetencasa.mx/pages/ranking/fibra/para-estudiar.blade.php
  • sites/internetencasa.mx/pages/ranking/fibra.blade.php
  • sites/internetencasa.mx/pages/ranking/hbomax.blade.php
  • sites/internetencasa.mx/pages/ranking/ilimitado.blade.php
  • sites/internetencasa.mx/pages/ranking/inalambrico/portatil.blade.php
  • sites/internetencasa.mx/pages/ranking/index.blade.php
  • sites/internetencasa.mx/pages/ranking/internet-prepago.blade.php
  • sites/internetencasa.mx/pages/ranking/netflix.blade.php
  • sites/internetencasa.mx/pages/ranking/satelital.blade.php
  • sites/internetencasa.mx/pages/ranking/simetrico.blade.php
  • sites/internetencasa.mx/pages/ranking/tv.blade.php
  • sites/internetencasa.mx/pages/sdp/sucursales-hub.blade.php
  • sites/internetencasa.mx/pages/sdp/sucursales-state.blade.php
  • sites/internetencasa.mx/pages/speedtest/izzi.blade.php
  • sites/internetencasa.mx/pages/speedtest/megacable.blade.php
  • sites/internetencasa.mx/pages/speedtest/telmex.blade.php
  • sites/internetencasa.mx/pages/speedtest/totalplay.blade.php
  • sites/internetencasa.mx/pages/speedtest.blade.php
  • sites/internetencasa.mx/pages/versus/index.blade.php
  • sites/internetencasa.mx/pages/versus/internet-satelital.blade.php
  • sites/internetencasa.mx/pages/versus/izzi-telmex.blade.php

CTA box

Título de CTA

iec-cta-title

Línea de título grande y bold de un cuadro CTA. Ej: "Las mejores ofertas para ti".

Preview en vivo

Las mejores ofertas para ti

HTML para copiar
<p class="iec-cta-title">Las mejores ofertas para ti</p>
Dónde se usa — 1 archivo · 1 instancia
  • departments/mexico-telecom/views/components/iec-cta-box.blade.php

Subtítulo de CTA

iec-cta-subtitle

Texto descriptivo gris debajo del título de un CTA.

Preview en vivo

Dinos tu presupuesto y zona. Te contamos las promos disponibles.

HTML para copiar
<p class="iec-cta-subtitle">Dinos tu presupuesto y zona. Te contamos las promos disponibles.</p>
Dónde se usa — 1 archivo · 1 instancia
  • departments/mexico-telecom/views/components/iec-cta-box.blade.php

Pie de página de CTA

iec-cta-footnote

Microcopy gris al pie del cuadro CTA ("Distribuidor autorizado", "Asesor independiente").

Preview en vivo

Distribuidor autorizado

HTML para copiar
<p class="iec-cta-footnote">Distribuidor autorizado</p>
Dónde se usa — 1 archivo · 1 instancia
  • departments/mexico-telecom/views/components/iec-cta-box.blade.php

Botón primario (naranja)

iec-btn iec-btn--primary

Botón naranja sólido para acción principal de un CTA. Usar para llamadas (tel:) o enlaces de alta conversión.

Preview en vivo

HTML para copiar
<button type="button" class="iec-btn iec-btn--primary"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>Llamar ahora</button>
Dónde se usa — 3 archivos · 8 instancias
  • sites/internetencasa.mx/pages/analisis-companias/izzi/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/cobertura.blade.php
  • departments/mexico-telecom/views/components/iec-cta-box.blade.php

Botón secundario (azul outline)

iec-btn iec-btn--secondary

Botón azul outline para acción complementaria (ej. "Comparar ofertas" cuando primario es llamar).

Preview en vivo

Comparar ofertas
HTML para copiar
<a href="#" class="iec-btn iec-btn--secondary">Comparar ofertas</a>
Dónde se usa — 1 archivo · 2 instancias
  • departments/mexico-telecom/views/components/iec-cta-box.blade.php

Hero actions

Hero action button

iec-hero-action

Botón blanco grande con sombra + caja de icono colorida. Va al inicio de páginas contratar.blade.php y promociones.blade.php. Se usa en sets de 3 con variantes --blue, --amber, --green para la caja del icono.

Preview en vivo

HTML para copiar
<div class="flex flex-wrap gap-3"><a href="#" class="iec-hero-action"><span class="iec-hero-action-icon iec-hero-action-icon--blue"><svg style="width:18px; height:18px; color:#015aa3;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a2 2 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg></span><span class="iec-hero-action-label">Consulta tu <span class="iec-hero-action-emphasis">Cobertura</span></span></a><a href="#" class="iec-hero-action"><span class="iec-hero-action-icon iec-hero-action-icon--amber"><svg style="width:18px; height:18px; color:#b45309;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/></svg></span><span class="iec-hero-action-label">Diseña tu <span class="iec-hero-action-emphasis">Plan ideal</span></span></a><a href="#" class="iec-hero-action"><span class="iec-hero-action-icon iec-hero-action-icon--green"><svg style="width:18px; height:18px; color:#15803d;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></span><span class="iec-hero-action-label">Conoce cómo <span class="iec-hero-action-emphasis">Contratar</span></span></a></div>
Dónde se usa — 56 archivos · 840 instancias
  • sites/internetencasa.mx/pages/analisis-companias/blue-telecomm/contratar.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/dish/contratar.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/dish/promociones.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/disneyplus/promociones.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/gigacable/paquetes.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/hughesnet/paquetes.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/izzi/contratar.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/izzi/paquetes/disney-plus.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/izzi/paquetes/hbomax.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/izzi/paquetes/movil.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/izzi/paquetes/netflix.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/izzi/paquetes/television.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/izzi/promociones.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/max/contratar.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/megacable/contratar.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/megacable/paquetes/amazon-prime.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/megacable/paquetes/disney-plus.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/megacable/paquetes/hbomax.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/megacable/paquetes/movil.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/megacable/paquetes/netflix.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/megacable/promociones.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/netflix/contratar.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/netwey/paquetes.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/newww/paquetes.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/on-internet/contratar.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/on-internet/paquetes/amazon-prime.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/on-internet/paquetes/satelital.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/on-internet/paquetes.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/sky/contratar.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/sky/promociones.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/stargo/paquetes.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/starlink/paquetes.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/telcel/contratar.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/telcel/promociones.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/telmex/contratar.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/telmex/paquetes/amazon-prime.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/telmex/paquetes/con-telefonia.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/telmex/paquetes/disneyplus.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/telmex/paquetes/hbomax.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/telmex/paquetes/inalambrico.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/telmex/paquetes/netflix.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/telmex/paquetes/satelital.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/telmex/paquetes.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/telmex/promociones.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/telnor/paquetes.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/contratar.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/paquetes/amazon-prime.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/paquetes/hbomax.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/paquetes/netflix.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/paquetes/television.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/paquetes/triple.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/paquetes.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/promociones.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/vetv/promociones.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/viasat/paquetes.blade.php 15×
  • sites/internetencasa.mx/pages/analisis-companias/wizz/contratar.blade.php 15×

Verdict cards

Verdict positivo

iec-verdict iec-verdict--positive

Cuadro verde para "Lo que más valoran los usuarios" / "Sí conviene si...". Tres piezas combinables: iec-verdict-icon, iec-verdict-label o iec-verdict-heading, y los iec-verdict-marker al frente de cada bullet.

Preview en vivo

Lo que más valoran los usuarios

  • +Cobertura nacional amplia, llega a más zonas que cable.
  • +Promos con plataformas de streaming incluidas los primeros 6 meses.
HTML para copiar
<div class="iec-verdict iec-verdict--positive"><div class="flex items-start gap-3"><span class="iec-verdict-icon iec-verdict-icon--positive"><svg style="width:18px; height:18px;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg></span><div><h3 class="iec-verdict-label iec-verdict-label--positive">Lo que más valoran los usuarios</h3><ul class="list-none p-0 m-0 space-y-2 text-sm" style="color:#0f172a;"><li class="flex gap-2"><span class="iec-verdict-marker iec-verdict-marker--positive">+</span><span><strong>Cobertura nacional amplia</strong>, llega a más zonas que cable.</span></li><li class="flex gap-2"><span class="iec-verdict-marker iec-verdict-marker--positive">+</span><span><strong>Promos con plataformas de streaming</strong> incluidas los primeros 6 meses.</span></li></ul></div></div></div>
Dónde se usa — 13 archivos · 26 instancias
  • sites/internetencasa.mx/pages/analisis-companias/att/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/axtel/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/bait/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/dish/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/izzi/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/movistar/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/on-internet/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/sky/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telcel/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/unefon/index.blade.php

Verdict de advertencia (ámbar)

iec-verdict iec-verdict--warning

Cuadro ámbar para "Mejor compara antes..." / "Considera si...". Usar cuando hay matices a tener en cuenta sin ser un veto.

Preview en vivo

Mejor comparar si...

  • !Tu calle aún tiene cobre: la velocidad real puede ser inferior a la contratada.
  • !Pago al mes 7: la promo termina y la tarifa sube — verifica el precio regular.
HTML para copiar
<div class="iec-verdict iec-verdict--warning"><div class="flex items-start gap-3"><span class="iec-verdict-icon iec-verdict-icon--warning"><svg style="width:18px; height:18px;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z"/></svg></span><div><h3 class="iec-verdict-heading iec-verdict-heading--warning">Mejor comparar si...</h3><ul class="list-none p-0 m-0 mt-2 space-y-2 text-sm" style="color:#0f172a;"><li class="flex gap-2"><span class="iec-verdict-marker iec-verdict-marker--warning">!</span><span><strong>Tu calle aún tiene cobre</strong>: la velocidad real puede ser inferior a la contratada.</span></li><li class="flex gap-2"><span class="iec-verdict-marker iec-verdict-marker--warning">!</span><span><strong>Pago al mes 7</strong>: la promo termina y la tarifa sube — verifica el precio regular.</span></li></ul></div></div></div>
Dónde se usa — 13 archivos · 13 instancias
  • sites/internetencasa.mx/pages/analisis-companias/att/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/axtel/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/bait/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/dish/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/izzi/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/movistar/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/on-internet/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/sky/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telcel/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/unefon/index.blade.php

Verdict negativo (rojo)

iec-verdict iec-verdict--negative

Cuadro rojo para "Quejas más reportadas" / "Evita si...". Reservar para señales claras de que el producto no encaja con el perfil.

Preview en vivo

Quejas más reportadas

  • Soporte técnico variable: tiempos de respuesta dependen del centro asignado.
  • Cambios de tarifa al terminar la promoción: sorpresa al ver los servicios extra retirados.
HTML para copiar
<div class="iec-verdict iec-verdict--negative"><div class="flex items-start gap-3"><span class="iec-verdict-icon iec-verdict-icon--negative"><svg style="width:18px; height:18px;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M10 14H5.236a2 2 0 01-1.789-2.894l3.5-7A2 2 0 018.736 3h3.026a4 4 0 011.789.447L17 5.5M10 14v5a2 2 0 002 2h.095c.5 0 .905-.405.905-.905 0-.714.211-1.412.608-2.006L17 13V4m-7 10h7"/></svg></span><div><h3 class="iec-verdict-label iec-verdict-label--negative">Quejas más reportadas</h3><ul class="list-none p-0 m-0 space-y-2 text-sm" style="color:#0f172a;"><li class="flex gap-2"><span class="iec-verdict-marker iec-verdict-marker--negative">−</span><span><strong>Soporte técnico variable</strong>: tiempos de respuesta dependen del centro asignado.</span></li><li class="flex gap-2"><span class="iec-verdict-marker iec-verdict-marker--negative">−</span><span><strong>Cambios de tarifa al terminar la promoción</strong>: sorpresa al ver los servicios extra retirados.</span></li></ul></div></div></div>
Dónde se usa — 13 archivos · 13 instancias
  • sites/internetencasa.mx/pages/analisis-companias/att/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/axtel/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/bait/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/dish/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/izzi/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/movistar/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/on-internet/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/sky/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telcel/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/unefon/index.blade.php

Profile cards

Profile card (perfil de uso)

iec-profile-card

Card neutra con icono colorido + heading + body, para la sección "perfiles de uso" (Navegación básica / Streaming / Gaming). Variantes del icon box: --blue, --green, --amber, --purple. Combina el title y el body con el wrapper para el bloque completo.

Preview en vivo

  • Navegación básica

    Si solo navegas, redes sociales y videollamadas ocasionales. 50–100 Mbps son suficientes.

  • Streaming y trabajo

    Home office y streaming diario en varios dispositivos. 200–500 Mbps con buena subida.

  • Gaming y descargas

    Gaming en línea y descargas grandes en alta calidad. 500–1000 Mbps simétricos idealmente.

HTML para copiar
<ul class="grid sm:grid-cols-3 gap-4 list-none p-0 m-0"><li class="iec-profile-card"><div class="flex items-center gap-3 mb-3"><span class="iec-profile-icon iec-profile-icon--blue"><svg style="width:22px; height:22px;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg></span><strong class="iec-profile-card-title">Navegación básica</strong></div><p class="iec-profile-card-body">Si solo navegas, redes sociales y videollamadas ocasionales. 50–100 Mbps son suficientes.</p></li><li class="iec-profile-card"><div class="flex items-center gap-3 mb-3"><span class="iec-profile-icon iec-profile-icon--green"><svg style="width:22px; height:22px;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg></span><strong class="iec-profile-card-title">Streaming y trabajo</strong></div><p class="iec-profile-card-body">Home office y streaming diario en varios dispositivos. 200–500 Mbps con buena subida.</p></li><li class="iec-profile-card"><div class="flex items-center gap-3 mb-3"><span class="iec-profile-icon iec-profile-icon--amber"><svg style="width:22px; height:22px;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg></span><strong class="iec-profile-card-title">Gaming y descargas</strong></div><p class="iec-profile-card-body">Gaming en línea y descargas grandes en alta calidad. 500–1000 Mbps simétricos idealmente.</p></li></ul>
Dónde se usa — 15 archivos · 136 instancias
  • sites/internetencasa.mx/pages/analisis-companias/megacable/cobertura.blade.php 10×
  • sites/internetencasa.mx/pages/analisis-companias/att/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/axtel/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/bait/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/dish/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/izzi/cobertura.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/izzi/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/movistar/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/on-internet/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/sky/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telcel/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/index.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/unefon/index.blade.php

Disclosure

Disclosure inline ("¿Qué significa…?")

iec-disclosure-button + iec-disclosure-box

Botón con underline punteado que abre un cuadro tipo popover con definiciones cortas. Ideal para definir términos del contexto (ej. los perfiles "navegación básica / streaming"). Usa Alpine.js para el toggle.

Preview en vivo

  • Navegación básica: redes y videollamadas ocasionales en pocos dispositivos.
  • Streaming y trabajo: home office y streaming diario en varios dispositivos.
  • Gaming y descargas: gaming en línea, descargas grandes y streaming en alta calidad.
HTML para copiar
<div x-data="{ open: false }" class="relative inline-block"><button @click="open = !open" type="button" class="iec-disclosure-button"><svg style="width:12px; height:12px;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg><span class="iec-disclosure-button-text">¿Qué significa cada perfil?</span></button><div x-show="open" @click.outside="open = false" x-cloak class="absolute z-10 iec-disclosure-box" style="top:calc(100% + 0.5rem); width:min(20rem,calc(100vw - 2rem));"><ul class="iec-disclosure-list"><li><strong>Navegación básica</strong>: redes y videollamadas ocasionales en pocos dispositivos.</li><li><strong>Streaming y trabajo</strong>: home office y streaming diario en varios dispositivos.</li><li><strong>Gaming y descargas</strong>: gaming en línea, descargas grandes y streaming en alta calidad.</li></ul></div></div>
Dónde se usa — sin uso todavía

Esta clase aún no se usa en ninguna página. Cuando refactoricemos los inline styles a esta clase, los archivos aparecerán aquí automáticamente.

Tabla de canales

Tabla de canales

iec-channels-table + iec-channels-*

Tabla de 3 columnas (Canal / Cuándo aplica / Contratar) que aparece al inicio de cada página contratar. Combina con table-swap para el layout responsive (mobile = cards apiladas). El botón de la última columna usa una de las 3 variantes iec-channel-btn--whatsapp / --typeform / --phone.

Preview en vivo

Canales para contratar Dish
CanalCuándo aplicaContratar
WhatsAppCuando quieres una respuesta rápida sin llamada.Contratar por WhatsApp
InternetCuando quieres revisar paquetes por tu cuenta.Iniciar contratación
TeléfonoCuando prefieres hablar con un asesor.
HTML para copiar
<div class="iec-channels-wrap"><table class="table-swap iec-channels-table"><caption class="iec-channels-caption">Canales para contratar Dish</caption><thead><tr class="iec-channels-thead-tr"><th class="iec-channels-th">Canal</th><th class="iec-channels-th">Cuándo aplica</th><th class="iec-channels-th">Contratar</th></tr></thead><tbody><tr class="iec-channels-row"><td data-label="Canal" class="iec-channels-cell">WhatsApp</td><td data-label="Cuándo aplica" class="iec-channels-cell">Cuando quieres una respuesta rápida sin llamada.</td><td data-label="Contratar" class="iec-channels-cta-cell"><a href="#" class="iec-channel-btn iec-channel-btn--whatsapp">Contratar por WhatsApp</a></td></tr><tr class="iec-channels-row"><td data-label="Canal" class="iec-channels-cell">Internet</td><td data-label="Cuándo aplica" class="iec-channels-cell">Cuando quieres revisar paquetes por tu cuenta.</td><td data-label="Contratar" class="iec-channels-cta-cell"><a href="#" class="iec-channel-btn iec-channel-btn--typeform">Iniciar contratación</a></td></tr><tr class="iec-channels-row"><td data-label="Canal" class="iec-channels-cell">Teléfono</td><td data-label="Cuándo aplica" class="iec-channels-cell">Cuando prefieres hablar con un asesor.</td><td data-label="Contratar" class="iec-channels-cta-cell"><button type="button" class="iec-channel-btn iec-channel-btn--phone">55 4161 4687</button></td></tr></tbody></table></div>
Dónde se usa — 18 archivos · 18 instancias
  • sites/internetencasa.mx/pages/analisis-companias/blue-telecomm/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/dish/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/izzi/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/max/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/netflix/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/on-internet/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/sky/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telcel/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/wizz/contratar.blade.php
  • sites/internetencasa.mx/pages/gestiones/cambio-domicilio/izzi.blade.php
  • sites/internetencasa.mx/pages/gestiones/cambio-domicilio/megacable.blade.php
  • sites/internetencasa.mx/pages/gestiones/cambio-domicilio/sky.blade.php
  • sites/internetencasa.mx/pages/gestiones/cambio-domicilio/telmex.blade.php
  • sites/internetencasa.mx/pages/gestiones/cambio-domicilio/telnor.blade.php
  • sites/internetencasa.mx/pages/gestiones/cambio-domicilio/totalplay.blade.php

Botón de canal (3 variantes)

iec-channel-btn + --whatsapp/--typeform/--phone

Botón full-width usado dentro de la tabla de canales. Tres variantes según el medio: --whatsapp (verde) para chats, --typeform (naranja) para enlaces a formularios web, --phone (naranja) para botones Alpine con mxPhoneButton.

Preview en vivo

HTML para copiar
<div style="display:flex; gap:0.75rem; flex-wrap:wrap; max-width:600px;"><a href="#" class="iec-channel-btn iec-channel-btn--whatsapp" style="flex:1; min-width:160px;">Contratar por WhatsApp</a><a href="#" class="iec-channel-btn iec-channel-btn--typeform" style="flex:1; min-width:160px;">Iniciar contratación</a><button type="button" class="iec-channel-btn iec-channel-btn--phone" style="flex:1; min-width:160px;">55 4161 4687</button></div>
Dónde se usa — 18 archivos · 122 instancias
  • sites/internetencasa.mx/pages/gestiones/cambio-domicilio/telnor.blade.php 14×
  • sites/internetencasa.mx/pages/gestiones/cambio-domicilio/izzi.blade.php 10×
  • sites/internetencasa.mx/pages/gestiones/cambio-domicilio/sky.blade.php 10×
  • sites/internetencasa.mx/pages/gestiones/cambio-domicilio/telmex.blade.php 10×
  • sites/internetencasa.mx/pages/analisis-companias/izzi/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/wizz/contratar.blade.php
  • sites/internetencasa.mx/pages/gestiones/cambio-domicilio/totalplay.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/blue-telecomm/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/dish/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/megacable/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/on-internet/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/sky/contratar.blade.php
  • sites/internetencasa.mx/pages/gestiones/cambio-domicilio/megacable.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/max/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/netflix/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telcel/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/totalplay/contratar.blade.php
  • sites/internetencasa.mx/pages/analisis-companias/telmex/contratar.blade.php

Badges

Badge "Simétrico"

iec-badge--symmetric

Pequeño marcador verde dentro de la celda Velocidad del modal de offers-table cuando download = upload. No tiene background — solo el texto coloreado.

Preview en vivo

300 Mbit/s

Simétrico
HTML para copiar
<div style="border:1px solid #e2e8f0; padding:0.75rem; border-radius:0.5rem; max-width:200px; background:white;"><p style="font-size:0.875rem; font-weight:600; margin:0;">300 Mbit/s</p><span class="iec-badge--symmetric">Simétrico</span></div>
Dónde se usa — sin uso todavía

Esta clase aún no se usa en ninguna página. Cuando refactoricemos los inline styles a esta clase, los archivos aparecerán aquí automáticamente.