@charset "UTF-8";
/* Capa responsive progresiva: conserva la maqueta de escritorio heredada. */
* { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
input, select, textarea, button { font: inherit; }
button, input[type="submit"], input[type="button"], input[type="image"] { touch-action: manipulation; }

.menu-toggle { display: none; }
.search-disabled { opacity: .65; cursor: not-allowed; }
.search-disabled .Ce input { cursor: not-allowed; }
.Whois .ext_selector_container { display: none; }
.Whois .text-dominio[disabled] { opacity: .75; cursor: not-allowed; }
.whois-disabled-message { margin: 12px 0 0; color: #fff; font: 700 12px Arial, sans-serif; }
/* Los separadores raster heredados ya no existen; se reemplazan por borde. */
.Menu-Usu li, .Menu-T li { background-image: none; border-right: 1px solid rgba(255, 255, 255, .16); }
.Menu-Usu li:last-child, .Menu-T li:last-child { border-right: 0; }
.Plan .Pn4 { background-image: none; }
/* Cada característica de la tabla de hosting inicia una fila independiente. */
.Plan .Pn4 { clear: left; }

@media (max-width: 1000px) {
  .contenedor { width: calc(100% - 32px); max-width: 980px; }
  .Bancos-Franja { width: 100%; }
  .Izquierda { max-width: 100% !important; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .Plan { min-width: 980px; }
  .Hpa, .Hpa .Ti, .Host-General-S, .Res-Reseller, .Vps-Reseller, .Ser-Reseller { max-width: 100%; width: 100%; }
}

@media (max-width: 1000px) {
  body { font-size: 14px; line-height: 1.5; overflow-x: hidden; }
  .contenedor { width: calc(100% - 24px); }
  p, .Texto { font-size: 14px; line-height: 1.6; }
  h3, h4, h5, h6 { line-height: 1.3; }
  h3 { font-size: 20px; }
  h4 { font-size: 18px; }
  h5, h6 { font-size: 16px; }
  input[type="text"], input[type="email"], input[type="tel"], input[type="file"], select, textarea { max-width: 100%; font-size: 16px; }
  input[type="submit"], input[type="button"], button, .btn { min-height: 42px; padding: 8px 14px; }

  .MenuZonaCliente, .MenuNavRapido, .Menus { height: auto; background: #272935; margin: 0; }
  .MenuZonaCliente { min-height: 40px; }
  .Menu-top { width: 100%; }
  .Menu-Usu { display: none; }
  .Menu-T { width: 100%; height: auto; display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch; overflow: hidden; }
  .Menu-T li { display: none; height: auto; background: none; border: 0; }
  .Menu-T li:nth-child(1), .Menu-T li:nth-child(2), .Menu-T li:nth-child(7) { display: block; }
  .Menu-T li a { height: auto; min-height: 40px; line-height: 1.2; padding: 0 14px; font-size: 11px; display: flex; align-items: center; gap: 5px; }
  .MenuNavRapido { display: none; }

  .LogoChat { width: 100%; height: auto; min-height: 112px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; overflow: hidden; }
  .LogoChat > img { width: min(185px, 48%); }
  .Telefonos-Index { float: none; width: auto; min-width: 0; margin: 0; padding: 0; font-size: 14px; line-height: 1.45; text-align: right; }
  .Telefonos-Index .Col1, .Telefonos-Index .Col2 { width: 100%; float: none; }
  .Telefonos-Index span { width: auto; float: none; display: inline; margin-right: 4px; font-size: 12px; }

  .Menus > .contenedor { width: 100%; }
  .menu-toggle { display: block; width: calc(100% - 24px); margin: 0 auto; min-height: 46px; border: 0; background: #2185c5; color: #fff; font: 700 15px Arial, sans-serif; text-align: left; padding: 0 14px; cursor: pointer; }
  .menu-toggle::after { content: '\2630'; float: right; font-size: 20px; }
  .menu-toggle.is-open { background: #166b9f; }
  .menu-toggle.is-open::after { content: '\00d7'; font-size: 27px; line-height: 20px; }
  div#menu, .MenuPrincipal { width: 100%; height: auto; padding: 0; }
  div#menu > ul { display: none; background: #fff; }
  div#menu > ul.is-open { display: block; }
  div#menu li, div#menu a { float: none; width: 100%; }
  div#menu a { min-height: 42px; height: auto; line-height: 42px; padding: 0 14px; border-bottom: 1px solid #e5e7eb; }
  div#menu ul ul, div#menu ul ul ul, div#menu li:hover > ul { position: static; display: block; width: 100%; margin: 0 !important; padding: 0; border: 0; background: #f4f7fa; }
  div#menu .Sub1, div#menu .Sub1 li, div#menu .Sub2, div#menu .Sub2 li { width: 100%; }
  div#menu ul ul a { padding-left: 28px; line-height: 38px; }
  div#menu ul ul ul a { padding-left: 42px; }

  .Cabeza { display: none; }
  .Cuerpo { padding: 16px 0; }
  .Col-230, .Col-320, .Col-650, .Col-670, .Col-85p2 { width: 100% !important; float: none !important; margin: 0 0 16px !important; padding-left: 0; }
  .Col-230 .top, .Col-320 .top { background-size: 100% 100%; }
  .Col-230 .top { min-height: 0; }
  .Col-230 h5.San { height: auto; }
  .Col-320 .Fp, .Pagos { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; }
  .Texto-Index, .Texto-Index-Cont { width: 100%; }
  .Texto-Index-Cont { padding: 12px; }
  .Whois, .Crea-Whois { width: 100% !important; max-width: 100%; height: auto; min-height: 192px; overflow: hidden; background-size: cover; }
  .Whois .Titulo-Whois, .Whois #VerificarDominio { left: 0; width: 100% !important; max-width: 100%; }
  .Whois .Titulo-Whois { padding-right: 14px; padding-left: 14px; }
  .Whois #VerificarDominio { padding: 12px; }
  .Whois .text-dominio { position: static; width: 100% !important; max-width: 100%; margin: 0; }
  .Whois .boton_buscar_32 { display: none; }
  .Marco { width: 100%; overflow-x: auto; }
  .Marco iframe, .Marco embed, .Marco object, .Marco video { width: 100% !important; max-width: 100%; height: auto; min-height: 220px; }
  .Cuerpo table { display: block; width: 100% !important; max-width: 100%; overflow-x: auto; }
  .Cuerpo pre, .Cuerpo code { max-width: 100%; overflow-x: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
  .Cuerpo a { overflow-wrap: anywhere; }
  .Spa { width: 100% !important; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .Spa > .Ta, .Spa > .Ca { min-width: 650px; }

  .Posteo { padding: 0 0 18px; margin-bottom: 22px; }
  .Posteo .Titu { height: auto; min-height: 72px; padding: 14px 42px 14px 22px; }
  .Posteo .Titu .h1 { margin: 0; line-height: 1.35; }
  .Posteo .Titu .Date { left: 0; top: 0; transform: scale(.78); transform-origin: top left; }
  .Posteo .Titu .Com { right: 0; transform: scale(.82); transform-origin: top right; }
  .Posteo .Im { float: none; width: 100%; max-width: 100%; height: 180px; margin: 12px 0; background-size: cover !important; }
  .Posteo .F1, .Posteo .F2 { height: auto; min-height: 34px; padding: 7px 8px; }
  .Posteo .F1 a { width: auto; min-width: 72px; margin-right: 4px; }
  .Posteo .V .f1, .Posteo .V .f2 { float: none; width: auto; margin: 5px 0; padding: 0; border: 0; }
  .Posteo .V a { margin-right: 5px; }
  .Ig, .Cuerpo img[style*="float:right"] { float: none !important; display: block; margin: 12px auto !important; }

  .Res-Reseller, .Vps-Reseller { height: auto; min-height: 105px; background-size: cover; }
  .Vps-Reseller-1, .Vps-Reseller-2, .Vps-Reseller-3 { float: none !important; width: 100%; max-width: 100%; min-height: 0; height: auto; margin: 0 0 10px; background-size: cover; }
  .Vps-Reseller-1 { padding: 10px 0; }
  .Vps-Reseller-1 .Col-25p { width: 50%; margin-left: 0 !important; min-height: 58px; }
  .Vps-Reseller-2, .Vps-Reseller-3 { padding: 10px; }

  .Pie { padding: 24px 0; }
  .col-Pie { width: 100%; float: none; margin: 0 0 20px; }
  .Franja-Bancos { height: auto; min-height: 150px; background-position: center; }
  .FormContactText, .FormContactAText { width: 100%; background-size: 100% 100%; }
  .FormContactText input, .FormContactText select, .FormContactAText textarea { width: 100%; }
  #form, .wrapper, .blocks { width: 100% !important; max-width: 100%; }
  #form p { display: block; margin: 0 0 12px; }
  #form label { display: block; width: auto; }
  #form .text, #form .textarea { width: 100% !important; max-width: 100%; }
  .Aviso { width: 100% !important; max-width: 100%; margin: 0 !important; }
  .Aviso .In { display: none; }
  .Aviso .Ce, .Aviso .Co, .Aviso .Clear { width: 100% !important; max-width: 100%; margin: 0 !important; }
  .Cuerpo div[style*="width:313px"], .Cuerpo div[style*="width:270px"] { width: 100% !important; float: none !important; }
  .Cn { padding: 12px; }
  .Cu1, .Cu2, .Cu11 { max-width: 100%; background-size: contain; }
  .whatsapp-float { right: 16px; bottom: 16px; }
  .accesos-directos-v { display: none; }
  .Paginacion { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; }
  .Paginacion a, .Paginacion span { margin: 0 !important; min-width: 32px; min-height: 32px; line-height: 27px; }
}

@media (min-width: 761px) {
  .Cuerpo { padding: 20px 0 30px; }
  .Texto-Index, .Col-650 .top, .Col-320 .top { border-radius: 4px; }
  .Texto-Index { box-shadow: 0 1px 3px rgba(0, 0, 0, .08); }
  .Col-230 .top, .Col-320 .top { transition: box-shadow .2s ease, transform .2s ease; }
  .Col-230 .top:hover, .Col-320 .top:hover { box-shadow: 0 5px 16px rgba(0, 0, 0, .12); transform: translateY(-2px); }
  .Izquierda { max-width: 100%; overflow-x: auto; }
  .Posteo { border-radius: 4px; }
}

@media (min-width: 1001px) {
  .MenuZonaCliente { display: flex; align-items: center; justify-content: space-between; }
  .Menu-Usu, .Menu-T { width: auto; float: none; }
  .Menu-T { display: flex; align-items: center; justify-content: flex-end; }
  .Menu-T li { float: none; }
  .Menu-T li a { padding-right: 10px; padding-left: 10px; }
  .LogoChat { display: flex; align-items: center; min-height: 90px; }
  .LogoChat > img { flex: 0 0 auto; }
  .Telefonos-Index { float: none; margin-left: auto; }
}

@media (max-width: 420px) {
  .contenedor { width: calc(100% - 20px); }
  .LogoChat { align-items: flex-start; }
  .LogoChat > img { width: 44%; }
  .Telefonos-Index { font-size: 13px; }
  .Precio { font-size: 25px; }
  .Menu-T li a { font-size: 9px; }
}