: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 ========================= */
/*.boton-primario{background:#4da6d9;color:#fff;padding:12px 28px;border-radius:6px;margin:10px;border:0;}
.boton-primario:hover{background:var(--color-texto);color:#fff;}
.btn-primary{background:#4da6d9;border:none;}
.btn-primary:hover{background:var(--color-texto);}
.boton-primario{background:#4da6d9;color:#fff;}
.boton-primario: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;}
.tarjeta .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; }
}





/************************* COMPARATIVA RAIOLA VS HOSTINGER ***************************************/
.comparativaPagina { max-width: 1200px; }
/*.comparativaArticulo { color: #212529; }*/
.comparativaHeader { }
.comparativaH1 { font-size: 2.2rem; font-weight: 700; line-height: 1.2; }
.comparativaIntro { font-size: 1.08rem; line-height: 1.75; color: #4b5563; }
.comparativaMiniTitulo { font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #6b7280; margin-bottom: 0.5rem; }
.comparativaMiniProductos { font-size: 1.15rem; font-weight: 700; line-height: 1.4; }
.comparativaMiniProductos span { font-size: 0.95rem; font-weight: 600; color: #6b7280; margin: 0 0.2rem; }
.comparativaBloque { }
.comparativaH2 { font-size: 1.6rem; font-weight: 700; line-height: 1.3; }
.comparativaH2Producto { font-size: 1.45rem; font-weight: 700; line-height: 1.3; }
.comparativaH3 { font-size: 1.05rem; font-weight: 700; line-height: 1.4; }
.comparativaCardProducto { border-radius: 1rem; }
.comparativaSubbloque { }
.comparativaTabla { font-size: 0.98rem; }
.comparativaTabla thead th { background: #f8f9fa; font-weight: 700; border-bottom-width: 1px; }
.comparativaTabla td { line-height: 1.5; }
.comparativaLabel { font-weight: 600; }
.cmpLista { margin: 0; padding-left: 1.2rem; }
.cmpLista li { margin-bottom: 0.55rem; line-height: 1.55; }
.comparativaAccordionItem { border-color: #e9ecef; }
.comparativaAccordionItem h3.accordion-header{ margin-top: 0px;}
.comparativaAccordionItem .accordion-button { font-weight: 600; line-height: 1.45; }
.comparativaAccordionItem .accordion-body { line-height: 1.7; color: #4b5563; }
.comparativaConclusion { border-left: 4px solid #0d6efd; border-radius: 1rem; }
@media (max-width: 991.98px) { .comparativaH1 { font-size: 1.9rem; } .comparativaH2 { font-size: 1.45rem; } .comparativaH2Producto { font-size: 1.3rem; } }
@media (max-width: 767.98px) { .comparativaPagina { padding-left: 0.85rem; padding-right: 0.85rem; } .comparativaH1 { font-size: 1.65rem; } .comparativaH2 { font-size: 1.3rem; } .comparativaH2Producto { font-size: 1.2rem; } .comparativaIntro { font-size: 1rem; } .comparativaTabla { font-size: 0.92rem; } }
@media (max-width: 575.98px) { .comparativaH1 { font-size: 1.45rem; } .comparativaH2 { font-size: 1.18rem; } .comparativaH3 { font-size: 1rem; } .comparativaIntro { font-size: 0.98rem; line-height: 1.7; } .comparativaAccordionItem .accordion-button { padding: 0.9rem 1rem; font-size: 0.96rem; } .comparativaAccordionItem .accordion-body { padding: 0.95rem 1rem; } }

.boton-primario{    background: var(--azul-hielo);color: white;text-decoration: none !Important;}
.boton-primario:hover{background: #275a77;color: white;}

.boton-secundario{background: white;color: var(--azul-hielo);border:solid 1px var(--azul-hielo); text-decoration: none !Important;}
.boton-secundario:hover{background: #7a9db1;color: #fff;}

.boton-terciario{background: #e3b24a;color: #ffffff;border: solid 1px #e3b24a;text-decoration: none ! Important;}
.boton-terciario:hover{background: #7a9db1;color: #fff;}

/***************************************** BANNERS ***************************************************/
.bannerHostingVertical{max-width:420px;margin:auto;background: var(--azul-hielo);padding: 5px;border-radius: 0px;}
.bannerHostingImg{width:100%;aspect-ratio:1/1;object-fit:cover;background:#fff;    border: solid 3px white;}



.bannerAmazon{position:relative;max-width:320px;border:1px solid #ddd;padding:15px;background:#fff;text-align: center;}
.bannerAmazon img{width:100%;border:solid 1px #ddd8d8;}
.bannerAmazon .imagenProducto{position:relative;}
.bannerAmazon .descuento{ position:absolute;top:-33px;left:-38px;background:#e60023;color:#fff;font-weight:bold;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:18px;border-radius:50%;}
.bannerAmazon .precio{font-size:22px;color:#e60023;font-weight:bold;}
.bannerAmazon .precioAntes{text-decoration:line-through;color:#777;    margin-top: -20px;
    margin-bottom: 18px;}
.bannerAmazon .card-title{font-weight: bold;}
.bannerAmazon .btn{text-decoration: none;}
.bannerAmazon .btn:hover{background-color: #ebb30a;}
.bannerAmazon .card{border-radius: 0px;}