/* Capa progresiva: móvil primero sin alterar la maqueta histórica de escritorio. */
@media (max-width: 760px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  .cabecera { height: auto; min-height: 230px; }

  .cabecera .cab-barra > #header,
  .cabecera .cab-barra > div[style*="width:965px"] { width: 100% !important; box-sizing: border-box; }
  .cabecera .cab-barra .menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 10px; padding: 8px 12px; }
  .cabecera .cab-barra .menu .a { float: none !important; padding: 4px 0; }
  /* Menú principal histórico: su contenedor tenía 40 px y recortaba las filas envueltas. */
  #MPInka { height: auto !important; min-height: 40px; overflow: visible !important; }
  #MPInka > .MPInka { width: 100% !important; height: auto !important; display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; white-space: normal !important; }
  #MPInka > .MPInka > li { float: none !important; flex: 0 0 auto; display: block !important; }
  #MPInka > .MPInka > li > a { white-space: nowrap; font-size: 12px; }
  .cabecera #ContenidoOfertas { left: 8px; right: 8px; width: auto; }

  .cabecera .texto { padding: 4px 12px; text-align: center; }
  .cabecera .texto .Movil { float: none !important; display: inline-block; }
  #Logo2013 { width: 100%; padding: 8px 12px; box-sizing: border-box; text-align: center; }
  #Logo2013 .Col-32p { float: none !important; width: 100% !important; }
  #Logo2013 .Central { margin-top: 8px; font-size: 28px; line-height: 30px; text-align: center; }
  #Logo2013 .Central span { font-size: 18px; }

  .franja-menu { width: 100%; height: auto; padding: 0; overflow: hidden; }
  #MPInka { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #MPInka ul.MPInka { width: max-content; min-width: 100%; }
  #MPInka ul.MPInka > li { float: none; display: inline-block; }
  #MPInka ul.MPInka > li > div { display: none; }

  .contenedor,
  .cuerpo { width: 100% !important; box-sizing: border-box; }
  /* Páginas internas: anula las dos y tres columnas fijas del sitio histórico. */
  .cuerpo > .columna-200,
  .cuerpo > .columna-250,
  .cuerpo > .columna-480,
  .cuerpo > .columna-680,
  .cuerpo > .columna-730,
  .cuerpo > .columna-900 { float: none !important; width: 100% !important; margin: 0 0 12px !important; box-sizing: border-box; }
  .cuerpo > .columna-730,
  .cuerpo > .columna-680 { padding: 0 6px; }
  .home .cuerpo { display: flex; flex-direction: column; padding: 0 6px; }
  .home .columna-250,
  .home .columna-680,
  .home .columna-200,
  .home .columna-480 { float: none !important; width: 100% !important; margin: 0 0 10px !important; box-sizing: border-box; }
  .home .columna-480 { padding: 0 4px; }
  .home .centro-marron-cuerpo { overflow-wrap: anywhere; }

  /* Conserva la prioridad comercial: buscador y slider antes de los planes heredados. */
  .home #WhoisDomains { order: 1; }
  .home .columna-680 { order: 2; }
  .home .columna-250 { order: 3; }

  .home #WhoisDomains { height: auto; min-height: 0; padding: 8px; box-sizing: border-box; }
  .home #WhoisDomains .tu_name { display: none; }
  .home #WhoisDomains .Av { display: none; }
  .home #WhoisDomains .Franja { float: none !important; width: calc(100% - 92px); height: 34px; padding-left: 0; }
  .home #WhoisDomains .Franja input { width: calc(100% - 100px); font-size: 14px; }
  .home #WhoisDomains .BotonWhois { width: 84px; height: 34px; padding: 0 4px; }

  .home .home-slider { width: 100% !important; height: calc((100vw - 12px) * .388) !important; margin: 0 !important; }
  .home .home-slider .bx-wrapper,
  .home .home-slider .bx-viewport,
  .home .home-slider .bxslider,
  .home .home-slider .bxslider li,
  .home .home-slider .bxslider a,
  .home .home-slider .bxslider img { width: 100% !important; height: calc((100vw - 12px) * .388) !important; }
  .home .home-slider .bx-wrapper { margin: 0 !important; }
  .home .home-slider .bx-viewport { left: 0 !important; }
  .home .home-slider .bxslider img { object-fit: cover; }

  .home .columna-250 #IdPaquetes { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .home .columna-250 #IdPaquetes .CajaBox { min-width: 0; }
  .home .Paq-1,
  .home .Paq-2,
  .home .Paq-3 { margin-left: auto; margin-right: auto; }

  /* Listado y detalle de tutoriales: las dos columnas históricas pasan a una. */
  .Tutorial .bloque,
  .Tutorial .centro-marron-cuerpo { width: 100% !important; box-sizing: border-box; }
  .Tutorial .centro-marron-cuerpo .Left[style],
  .Tutorial .centro-marron-cuerpo .Right[style] { width: 100% !important; float: none !important; box-sizing: border-box; }
  .Tutorial .centro-marron-cuerpo img { max-width: 100% !important; height: auto !important; box-sizing: border-box; }
  .Tutorial .Segmento .Col-70p { width: calc(100% - 112px) !important; }
  .Tutorial .CText { max-width: calc(100% - 145px); box-sizing: border-box; }

  footer.Ppie { height: auto; padding: 12px 0; }
  footer.Ppie .Center { width: 100% !important; padding: 0 16px; box-sizing: border-box; }
  footer.Ppie .Pp1 { height: auto; display: grid; grid-template-columns: 1fr; gap: 12px; }
  footer.Ppie .Fxx,
  footer.Ppie .Fxx[style] { width: 100% !important; float: none; padding: 0; box-sizing: border-box; }
  footer.Ppie .Pp3 .Left { float: none; width: 100%; margin: 8px 0; text-align: center; }

}

.inka-check { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; margin-right: 5px; border-radius: 50%; background: #0a9b59; color: #fff; font-size: 10px; font-weight: 700; line-height: 1; vertical-align: text-bottom; }
.inka-check--red { background: #e50000; }

/* Planes: sustituye el check de imagen azul por un check vectorial rojo de la marca. */
#IdPaquetes .CajaBox .Ca .Right img { display: none; }
#IdPaquetes .CajaBox .Ca .Right::before { content: '✓'; color: #e50000; font-size: 18px; font-weight: 800; line-height: 1; margin-right: 4px; vertical-align: -1px; }

/* Tabla comparativa de hosting: los rótulos de precios nunca invaden la fila siguiente. */
.Fila-Dolar,
.Fila-Nacional { height: 56px; }
.Fila-Dolar .Col-102,
.Fila-Nacional .Col-102 { height: 56px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.Fila-Dolar .Col-102 b,
.Fila-Nacional .Col-102 b,
.Fila-Dolar .Col-102 span,
.Fila-Nacional .Col-102 span { height: auto; min-height: 0; margin: 0; padding: 0; line-height: 14px; }

@media (max-width: 760px) {
  .inka-hosting-table-scroll { width: 100%; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; padding-bottom: 8px; }
  .inka-hosting-table-scroll > .Fila-Titulo,
  .inka-hosting-table-scroll > div { min-width: 929px; }
  .inka-hosting-table-hint { margin: 8px 0 4px; color: #555; font-size: 12px; text-align: center; }

  /* Blog legado: elimina sus columnas fijas de 1040 px sin alterar escritorio. */
  .blog-menu-unificado + .Contenido { width: 100% !important; margin: 0 !important; padding: 12px; box-sizing: border-box; }
  .blog-menu-unificado + .Contenido .Col-730,
  .blog-menu-unificado + .Contenido .Col-550,
  .blog-menu-unificado + .Contenido .Col-300,
  .blog-menu-unificado + .Contenido .Col-160 { float: none !important; width: 100% !important; box-sizing: border-box; }
  .blog-menu-unificado + .Contenido .Post { width: 100% !important; overflow-wrap: anywhere; }
  .blog-menu-unificado + .Contenido .Post img { max-width: 100%; height: auto; }
  .blog-menu-unificado + .Contenido .Post .Comentarios { width: 100% !important; height: auto; min-height: 28px; padding: 5px 8px; box-sizing: border-box; }
  .blog-menu-unificado + .Contenido .Post .Comentarios .Col-25p,
  .blog-menu-unificado + .Contenido .Post .Comentarios .Col-66p { width: auto !important; max-width: 100%; }
  .blog-menu-unificado + .Contenido .Post .Te-Center { overflow-x: auto; white-space: nowrap; }
  .blog-menu-unificado + .Contenido .Galeria { width: 100% !important; float: none !important; }
  .blog-menu-unificado + .Contenido > .Right.Col-300 { margin-top: 14px; }

  /* Pie capturado por el Blog: sus reglas históricas tenían mayor especificidad. */
  #footer { height: auto !important; }
  #footer > .Center { width: 100% !important; padding: 0 16px; box-sizing: border-box; }
  #footer .Pp1 { height: auto; display: grid; grid-template-columns: 1fr; gap: 12px; }
  #footer .Fxx,
  #footer .Fxx[style] { width: 100% !important; float: none !important; padding: 0; box-sizing: border-box; }

  /* Diseño Web: las composiciones de 730 px pasan a tarjetas legibles. */
  .DisenoNew { height: auto !important; padding: 16px; box-sizing: border-box; background-size: cover; }
  .DisenoNew .Col-50p { width: 100% !important; float: none !important; box-sizing: border-box; }
  .DisenoNew .MaTo-200 { margin-top: 0; }
  .DisenoNew img { max-width: 100%; height: auto; }
  .DisenoNew .Po-Re { height: auto !important; }
  .DisenoNew .Porta { position: relative; width: 100%; max-width: 369px; margin: 16px auto 0; }
  .DisenoNew .Po-Ab { position: static !important; width: auto !important; margin-top: 12px; text-align: center; }
  .F-Cd1, .F-Cd2, .F-Cd3, .F-Cd4, .F-Cd5 { width: 100% !important; height: auto !important; min-height: 198px; background-size: cover; box-sizing: border-box; }
  .F-Cd1 > div, .F-Cd2 > div, .F-Cd3 > div, .F-Cd4 > div, .F-Cd5 > div { padding: 16px !important; }
  .F-Cd1 .Col-55p, .F-Cd2 .Col-55p, .F-Cd3 .Col-55p, .F-Cd4 .Col-55p, .F-Cd5 .Col-55p,
  .F-Cd1 .Col-45p, .F-Cd2 .Col-45p, .F-Cd3 .Col-45p, .F-Cd4 .Col-45p, .F-Cd5 .Col-45p { width: 100% !important; float: none !important; box-sizing: border-box; }
  .F-Cd1 .Pre, .F-Cd2 .Pre, .F-Cd3 .Pre, .F-Cd4 .Pre, .F-Cd5 .Pre { position: static; margin: 12px auto 0; }

  /* Formulario de presupuesto SEO: elimina su contenedor fijo de 650 px. */
  .cuerpo .seo-form-wrapper { width: 100% !important; max-width: 100%; margin: 0 !important; box-sizing: border-box; }
  .cuerpo .seo-form-wrapper .Col-50p { width: 100% !important; float: none !important; box-sizing: border-box; }
  .cuerpo .seo-form-wrapper input[type="text"],
  .cuerpo .seo-form-wrapper textarea { width: 100% !important; max-width: 100%; box-sizing: border-box; }

  /* Contacto: el formulario legado ocupaba 440 px y quedaba recortado en teléfonos. */
  .Izqc { width: 100% !important; max-width: 100%; box-sizing: border-box; }
  .Izqc #form1,
  .Izqc #form1 > div { width: 100% !important; max-width: 100%; box-sizing: border-box; }
  .Izqc #form1 .Right { float: none !important; }
  .Izqc #form1 .CText,
  .Izqc #form1 .CTextarea,
  .Izqc #form1 .styled-select,
  .Izqc #form1 .styled-select select { width: 100% !important; max-width: 100%; box-sizing: border-box; }
  .Izqc #form1 .Col-40p,
  .Izqc #form1 .Col-60p,
  .Izqc #form1 .Col-90p { width: 100% !important; float: none !important; box-sizing: border-box; }

  /* Reporte de pagos: transforma los pares de 190 px en campos consecutivos. */
  .Reportar { width: 100% !important; max-width: 100%; box-sizing: border-box; }
  .Reportar > div[style*="width:190px"] { width: 100% !important; float: none !important; margin-left: 0 !important; box-sizing: border-box; }
  .Reportar .in2,
  .Reportar .in2-co,
  .Reportar .text2,
  .Reportar .Importante { width: 100% !important; max-width: 100%; box-sizing: border-box; }
  .Reportar input[type="text"],
  .Reportar select,
  .Reportar textarea,
  .Reportar input[type="file"] { max-width: 100% !important; box-sizing: border-box; }
  .Reportar select { width: 100% !important; }
  .Reportar textarea { width: 100% !important; }
  .Reportar > div[style*="width:320px"] { width: 100% !important; max-width: 100%; box-sizing: border-box; }

  /* VPS: las tarjetas originales de 710 px se convierten en fichas de una columna. */
  .Pvps2 { width: 100% !important; height: auto !important; min-height: 0; margin: 0 0 14px !important; padding: 0 0 12px; box-sizing: border-box; background: #f3f3f3 !important; border: 1px solid #d4d4d4; }
  .Pvps2-titulo { width: 100% !important; height: auto !important; min-height: 42px; padding: 9px 12px !important; line-height: 22px !important; box-sizing: border-box; background: #303030; color: #fff; }
  .Pvps2 > div[style*="width:346px"] { width: 100% !important; float: none !important; padding: 10px; box-sizing: border-box; }
  .Pvps2-La1,
  .Pvps2-La2 { width: 50% !important; height: auto !important; min-height: 84px; padding: 0 5px !important; box-sizing: border-box; }
  .Pvps2-img { width: 100% !important; height: 122px !important; float: none !important; background-position: center bottom !important; background-size: auto 122px; }
  .Pvps2-pre { right: 12px !important; top: 4px !important; font-size: 36px !important; line-height: 22px !important; }
  .VpsP { width: 100% !important; height: auto !important; min-height: 104px; float: none !important; margin: 0 0 8px !important; box-sizing: border-box; background-size: cover; }
  .VpsP > div[style] { margin: 10px 12px 12px 82px !important; }

  /* Carrito: esta plantilla tiene cabecera y columnas propias. */
  .contenedor > .Re-5 { width: 100% !important; box-sizing: border-box; }
  .contenedor #ListaProduct,
  .contenedor #ListaCompra { width: 100% !important; float: none !important; margin: 0 0 14px !important; box-sizing: border-box; }
  .contenedor .Bg-Who-Car,
  .contenedor .Adv-Car-2,
  .contenedor .Adv-Car-3 { width: 100% !important; max-width: 100%; box-sizing: border-box; }
  .contenedor .Ce0,
  .contenedor .Ce1,
  .contenedor .Ce2,
  .contenedor .Ce3 { float: none !important; display: block; margin: 8px auto !important; max-width: 100%; box-sizing: border-box; }
  .contenedor .Ce0 { width: auto !important; text-align: center; }
  .contenedor .Ce1,
  .contenedor .Ce2 { width: min(100%, 300px) !important; }
  .contenedor .Ce3 { width: auto !important; }
  .contenedor .Re-10 { width: 100% !important; max-width: 100%; box-sizing: border-box; }
}