:root {
  --color-base: #e9e9e9;
  --color-texto:#2f6c94;
  
  /* Colores */
  --azul-hielo:#4da6d9;
  --azul-oscuro:#1e3a5f;
  --azul-glow:#8fd3ff;
  --gris-oscuro:#0f172a;
  --gris-medio:#334155;
  --blanco:#ffffff;
  --marfil:#e8d7a6;
  --rojo-acento:#ff2a2a;
  --azul-sutil:#c9f5ff;
  --font-base:"Montserrat", sans-serif;
  
  --fs-base:18px;
  --fs-sm:14px;
  --fs-xs:12px;
  --fs-h1:39px;
  --fs-h2:30px;
  --fs-h3:20px;
  --lh-base:1.65;

  /* Espaciados */
  --space-1:6px;
  --space-2:10px;
  --space-3:15px;
  --space-4:20px;
  --space-5:25px;
  --space-6:35px;
  --space-7:45px;

  /* Secciones */
  --section-pad:80px;
  --hero-pad:60px;



  /* Bordes y sombras */
  --radius-1:10px;
  --radius-2:14px;
  --shadow-1:0 10px 25px rgba(0,0,0,.06);
  --shadow-2:0 10px 20px rgba(0,0,0,.05);
  --shadow-3:0 23px 25px rgba(152,182,225,.85);
}

/* ========================= 11) UTILIDADES (GENÉRICAS) ========================= */
.mt-0{margin-top:0;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-25{margin-top:25px;}
.mt-35{margin-top:35px;}
.mt-45{margin-top:45px;}
.mb-0{margin-bottom:0 !important;}
.p-20{padding:20px;}
.p-25{padding:25px;}
.fs-28{font-size:28px;}
.lead-intro{font-size:18px;max-width:900px;}
.breadcrumb-simple{margin-bottom:10px;}
.cta-row{margin-top:20px;}
.card-pad{padding:20px;}
.row-mt-20{margin-top:20px;}

.separacionSuperior{margin-top:50px;}
.separacionInferior{margin-bottom:50px;}
.form-select{background-color:var(--color-base);}
.modoMantenimiento{position:fixed;bottom:0;left:0;width:100%;background:#dc3545;color:#fff;padding:6px 10px;font-size:13px;text-align:center;z-index:999999;}
.alertError{background:#ffe5e5;border:1px solid #ff9c9c;color:#a40000;padding:12px;margin-bottom:20px;border-radius:6px;font-size:14px;}
#borrarAccesosDirectos{cursor:pointer;font-size:24px;position: absolute;right: 0px;}
.misma_altura{display:flex;flex-wrap:wrap;}
.misma_altura>[class*="col-"]{display:flex;}
.misma_altura>[class*="col-"]>*{width:100%;height:100%;display:flex;flex-direction:column;}

.centrar_texto_VH{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;text-align: center;}
.tamanhoLogo{height: 125px;}
.enlaces-conversion-links{padding: 0px 10px;;}
.anchoAlto{background-color: var(--color-base);}






/******************* PAGINA INICIO **********************/
/*.container-body{margin-top:51px;text-align:center;}*/
.tituloPrincipal{font-size:46px;font-weight:700;margin-bottom:10px;}
.subtituloPrincipal{color:#6c757d;font-size:18px;margin-bottom:60px;}
.herramientasGrid{max-width:1000px;margin:auto;}
.herramientasGrid>div{margin-bottom:30px;}
.tarjetaHerramienta {display: block;background: #ffffff;padding: 35px;text-decoration: none;color: #333;box-shadow: 0 11px 17px #918a8a59;transition: all .25s;}
.tarjetaHerramienta:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,0.15);text-decoration:none;}
.tarjetaHerramienta h3{font-size:22px;margin-top:12px;margin-bottom:6px;font-weight:600;}
.tarjetaHerramienta p{font-size:14px;color:#777;margin:0;}
.iconoHerramienta{font-size:38px;}











/*******************  LOADER*******************************/
.loaderConversion{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.85);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .2s}
.loaderConversion.activo{opacity:1;visibility:visible}
.loaderContenido{text-align:center}
.spinner{width:48px;height:48px;border:5px solid #ddd;border-top:5px solid #007bff;border-radius:50%;animation:giro 1s linear infinite;margin:auto}
.textoLoader{margin-top:12px;font-weight:600}
@keyframes giro{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}





/*******************  LOADER*******************************/
footer { background: var(--color-base);padding: 40px;text-align: center;}





.h1, .h2, .h3, h1, h2, h3, h1,h2,h3 {
    margin-top: 38px;
        color: #444;
    font-weight: 600;
    letter-spacing: -.05em;
    
}
h2,.h2{    border-bottom: 2px solid lightgray;}
@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 400;font-display: swap;src: url("/external/fonts/Montserrat/Montserrat-VariableFont_wght.ttf") format("truetype");}


/* ========================= 3) BASE ========================= */
html{font-size:var(--fs-base);}
body{
    background:var(--blanco);
    font-family:var(--font-base);
    color:var(--gris-medio);
    line-height:var(--lh-base);
    font-weight: 400;
    font-size:var(--fs-base);
        letter-spacing: -.01em;
}






small,.small{font-size:var(--fs-sm);}
h1{font-size:var(--fs-h1);font-weight:800;line-height:1.15;color:var(--color-texto);}
h2{font-size:var(--fs-h2);font-weight:800;line-height:1.2;color:var(--azul-oscuro);}
h3{font-size:var(--fs-h3);font-weight:700;line-height:1.25;color:var(--azul-oscuro);}
a{color:var(--color-texto);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;height:auto;}


/**************** INDICE AUTOMATICO ************************/
.seccion_indice_contenido{padding-top:10px;padding-bottom:10px;}
.indice_contenido{background:#f3f3f3;border:1px solid #e3e3e3;border-radius:10px;padding:28px 28px 22px 28px;}
.indice_contenido_cabecera{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid #dddddd;margin-bottom:18px;}
.indice_contenido_titulo{margin:0;font-size:42px;line-height:1.15;font-weight:700;text-align:center;}
.indice_contenido_toggle{background:none;border:none;padding:0;color:#666666;font-size:16px;line-height:1;cursor:pointer;}
.indice_contenido_toggle:hover{text-decoration:underline;}
.indice_contenido_cuerpo{display:block;}
.indice_contenido_cuerpo.oculto{display:none;}
.indice_contenido_ul{list-style:none;margin:0;padding:0;}
.indice_contenido_ul li{margin:0;padding:0;}
.indice_contenido_ul li+li{margin-top:6px;}
.indice_contenido_ul a{color:#444444;text-decoration:none;display:inline-block;line-height:1.45;}
.indice_contenido_ul a:hover{text-decoration:underline;}
.indice_contenido_ul .nivel-h1>a{font-size:20px;font-weight:700;}
.indice_contenido_ul .nivel-h2>a{font-size:18px;font-weight:500;}
.indice_contenido_ul .nivel-h3>a{font-size:16px;font-weight:400;color:#666666;}
.indice_contenido_ul .nivel-h1{padding-left:0;}
.indice_contenido_ul .nivel-h2{padding-left:0;}
.indice_contenido_ul .nivel-h3{padding-left:24px;}
@media (max-width:767px){.indice_contenido{padding:20px 16px 18px 16px;}}
@media (max-width:767px){.indice_contenido_titulo{font-size:30px;}}
@media (max-width:767px){.indice_contenido_ul .nivel-h1>a{font-size:18px;}}
@media (max-width:767px){.indice_contenido_ul .nivel-h2>a{font-size:17px;}}
@media (max-width:767px){.indice_contenido_ul .nivel-h3>a{font-size:15px;}}







/* ========================= 4) LAYOUT / SECCIONES ========================= */
/*.section{margin:var(--section-pad) 0;}*/
.section{margin-top:var(--section-pad);}
.section-tight-top{padding-top:40px;}
.page-top{padding-top:var(--nav-offset);}
.grupo_1_2{/*background:linear-gradient(rgba(255,255,255,.50),rgba(158,200,237,.50)),url("../img/hielo.jpg");*/background-size:cover;background-position:center;background-repeat:no-repeat;}
.seccion_1{padding:var(--hero-pad) 0;text-align:center;}
.seccion_1 p{margin-top:var(--space-4);}
.seccion_2{background:transparent;padding-bottom: 47px;}

.seccion_3{background:var(--azul-sutil);    padding-bottom: 49px;}
.seccion_seo{background:transparent;}
:target{scroll-margin-top:var(--nav-offset);}


.seccion_header{margin-top: 0px;text-align: center;}


/* ========================= 6) BOTONES ========================= */
.btn-main{background:#4da6d9;color:#fff;padding:12px 28px;border-radius:6px;margin:10px;border:0;}
.btn-main:hover{background:var(--color-texto);color:#fff;}
.btn-primary{background:#4da6d9;border:none;}
.btn-primary:hover{background:var(--color-texto);}
.boton_hosting{background:#4da6d9;color:#fff;}
.boton_hosting:hover{background:var(--color-texto);color:#fff;}

/* ========================= 7) TARJETAS (GENÉRICO) ========================= */
.card{background:#fff;border-radius:var(--radius-2);box-shadow:var(--shadow-1);}
.tarjeta_servicio{padding:13px;border-radius:0;box-shadow:var(--shadow-3);text-align:center;margin-bottom:30px;background:#fff;}
/*.tarjeta_servicio i{font-size:40px;color:#4da6d9;margin-bottom:20px;}*/

/* ========================= 8) TARJETAS HOSTING ========================= */
.tarjeta_hosting{background:#fff;border-radius:0;box-shadow:var(--shadow-2);text-align:center;margin-bottom:30px;position:relative;}
.cabecera_superior_tarjeta{background:#c5bcf9;left:0;right:0;top:0;padding:9px;color:#fff;font-weight:800;margin-bottom:14px;}
.cabecera_tarjeta{font-weight:800;color:var(--color-texto);margin-bottom:10px;}
.precio_tarjeta{position:relative;}
.descuento{position:absolute;top:-10px;right:-10px;background:var(--azul-hielo);padding:4px 10px;border-radius:20px;font-size:var(--fs-xs);}
.precio{font-size:36px;font-weight:800;margin:10px 0;}
.precio_anterior{text-decoration:line-through;color:#777;font-size:var(--fs-sm);}
.periodo{font-size:var(--fs-xs);color:#666;}
.boton_tarjeta{margin:15px 0;}
.caracteristicas{padding:0;margin:15px 0;text-align:center;}
.caracteristicas li{list-style:none;margin:6px 0;}
.mas_info{font-size:13px;color:#334155;}

/* ========================= 9) OPINIONES ========================= */
.opiniones_intro{max-width:900px;font-size:1rem;color:var(--gris-medio);margin-top:var(--space-2);}
.opiniones_row{margin-top:var(--space-4);}
.opiniones_card{background:#fff;box-shadow:var(--shadow-1);padding:18px;border-radius:var(--radius-1);margin-bottom:20px;}
.opiniones_fuente{display:inline-block;background:#c5bcf9;color:#fff;font-weight:800;padding:6px 10px;border-radius:999px;font-size:var(--fs-xs);margin-bottom:10px;}
.opiniones_titulo{margin:8px 0;font-size:18px;color:var(--color-texto);}
.opiniones_texto{color:var(--gris-medio);margin-bottom:12px;}
.opiniones_link a{font-weight:800;color:var(--color-texto);}
.opiniones_link a:hover{text-decoration:underline;}
.opiniones_resumen{margin-top:20px;background:rgba(255,255,255,.78);border:1px solid rgba(0,0,0,.06);padding:18px;border-radius:var(--radius-1);}
.opiniones_resumen h3{margin-top:0;color:var(--azul-oscuro);}
.opiniones_resumen ul{margin-bottom:10px;}
.opiniones_nota{color:#64748b;margin:0;}

/* ========================= 10) FOOTER ========================= */
.footer{background:#eef7ff;padding:40px;text-align:center;}




@media (min-width:768px){
    .misma_altura{display:flex;flex-wrap:wrap;}
    .misma_altura>[class*="col-"]{display:flex;}
    .misma_altura>[class*="col-"]>*{width:100%;height:100%;display:flex;flex-direction:column;}
}



@media (min-width: 992px){

}

@media (min-width: 1200px){
   
}

@media (min-width: 1400px){


}





@media (max-width: 991px) {
    .visible-xs-sm { display: block !important; }
    .visible-md-up { display: none !important; }
}

/* Mostrar la imagen en pantallas medianas y mayores (a partir de 992px) */
@media (min-width: 992px) {
    .visible-md-up { display: block !important; }
    .visible-xs-sm { display: none !important; }
}