/* Web comercial AlojamientoPlus (SiteInstaller). Estilo tomado de prototipo/404-alojamientoplus.html
   y de la paleta del panel. Los colores también están como paleta global (theme.json y Kadence Blocks). */
:root {
    --hub-navy: #08142e; --hub-navy-2: #0d1d40; --hub-navy-line: #1d2f5c;
    --hub-blue: #0a3fc4; --hub-blue-600: #0835a6; --hub-blue-50: #eaf0ff;
    --hub-green: #5f9a32; --hub-green-600: #4e8228; --hub-yellow: #f2b71a;
    --hub-bg: #f4f7fc; --hub-ink: #0f1a33; --hub-muted-ink: #44516b; --hub-line: #dbe3f2;
    --hub-on-dark: #eef3ff; --hub-on-dark-muted: #b8c5e0;
    --hub-display: Poppins, "Segoe UI", system-ui, sans-serif;
    --hub-body: "Plus Jakarta Sans", Inter, "Segoe UI", system-ui, sans-serif;
    --hub-wrap: 1180px;
    /* Paleta global de Kadence Blocks (sin el tema Kadence usa estas variables) */
    --global-palette1: #0a3fc4; --global-palette2: #0835a6; --global-palette3: #0f1a33;
    --global-palette4: #33425c; --global-palette5: #52607a; --global-palette6: #8a96ab;
    --global-palette7: #e9eef7; --global-palette8: #f4f7fc; --global-palette9: #ffffff;
    --global-content-width: 1180px;
}
html { background: var(--hub-navy); }
:root body { background: var(--hub-navy); color: var(--hub-ink); font-family: var(--hub-body); margin: 0; }
/* El fondo del documento es el del pie: en páginas cortas no queda franja blanca debajo. */
.wp-site-blocks { padding: 0 !important; }
.wp-site-blocks > header, .wp-site-blocks > main, .wp-site-blocks > .hub-main { background: #fff; }
.wp-site-blocks > * + * { margin-block-start: 0 !important; }
.hub-main { margin: 0; }
.hub-main > .wp-block-post-content > * + * { margin-block-start: 0; }
:focus-visible { outline: 3px solid var(--hub-yellow); outline-offset: 2px; }

/* Secciones (kadence/rowlayout) */
.kb-row-layout-wrap.hub-sec { margin: 0 !important; }
.kb-row-layout-wrap.hub-sec > .kt-row-column-wrap {
    max-width: var(--hub-wrap); margin-inline: auto; padding: 64px 16px !important; gap: 32px;
}
.kb-row-layout-wrap.hub-sec--soft { background: var(--hub-bg); }
.kb-row-layout-wrap.hub-sec--dark { background: var(--hub-navy); color: var(--hub-on-dark); position: relative; overflow: hidden; }
.kb-row-layout-wrap.hub-sec--dark::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: radial-gradient(circle at 1px 1px, rgba(120, 150, 220, .16) 1px, transparent 1.5px) 0 0 / 22px 22px;
}
.kb-row-layout-wrap.hub-sec--dark > .kt-row-column-wrap { position: relative; align-items: center; }
.hub-sec--dark h1, .hub-sec--dark h2, .hub-sec--dark h3 { color: #fff; }
.hub-sec h1, .hub-sec h2, .hub-sec h3 { font-family: var(--hub-display); text-wrap: balance; margin-block: 0 .5em; }
.hub-sec h1 { font-weight: 800; font-size: clamp(2rem, 4.6vw, 3.2rem); line-height: 1.08; }
.hub-sec h2 { font-size: clamp(1.5rem, 3vw, 2rem); }
.hub-sec h3 { font-size: 1.08rem; font-weight: 600; }
.hub-sec p { margin-block: 0 1em; }
.hub-eyebrow { color: var(--hub-blue); font-weight: 600; font-size: .95rem; margin-bottom: 10px !important; }
.hub-sec--dark .hub-eyebrow { color: var(--hub-yellow); }
.hub-lead { font-size: 1.1rem; max-width: 60ch; }
.hub-sec--dark .hub-lead { color: var(--hub-on-dark-muted); }
.hub-sub { color: var(--hub-muted-ink); margin-bottom: 28px !important; max-width: 70ch; }
.hub-more a { font-weight: 600; color: var(--hub-blue); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.hub-more a:hover { text-decoration-thickness: 2px; }
.hub-hero > .kt-row-column-wrap { padding-block: 80px !important; }
.hub-hero--short > .kt-row-column-wrap { padding-block: 56px !important; }
.hub-hero-card {
    background: var(--hub-navy-2); border: 1px solid var(--hub-navy-line); border-radius: 16px; padding: 28px;
}
.hub-hero-domains .hub-domstrip__title { color: var(--hub-on-dark-muted); font-size: .95rem; margin-bottom: 4px; }
.hub-hero-domains .hub-domstrip__list { column-gap: 24px; }
.hub-hero-domains .hub-domstrip__item { border-top: 1px solid var(--hub-navy-line); padding: 14px 0; }
.hub-hero-domains .hub-domstrip__tld { font-family: var(--hub-display); color: #fff; font-size: clamp(1.2rem, 1.9vw, 1.45rem); letter-spacing: -.01em; white-space: nowrap; }
.hub-hero-domains .hub-price { color: var(--hub-on-dark); }
.hub-hero-domains .hub-domstrip__cycle { color: var(--hub-on-dark-muted); font-weight: 400; }
.hub-hero-domains__more { margin: 12px 0 0 !important; }
.hub-hero-domains__more a { color: var(--hub-on-dark); font-weight: 600; text-underline-offset: 3px; }
.hub-included { background: var(--hub-navy-2); color: var(--hub-on-dark-muted); border-top: 1px solid var(--hub-navy-line); }
.hub-included p { max-width: var(--hub-wrap); margin: 0 auto; padding: 16px; font-size: .95rem; }
/* Preguntas frecuentes: lista desplegable */
.hub-faq { max-width: 860px; display: grid; gap: 12px; }
.hub-faq__item { margin: 0 !important; background: #fff; border: 1px solid var(--hub-line); border-radius: 14px; transition: border-color .15s ease, box-shadow .15s ease; }
.hub-faq__item[open] { border-color: var(--hub-blue); box-shadow: 0 10px 28px -20px rgba(10, 63, 196, .45); }
.hub-faq__item summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 22px; font-family: var(--hub-display); font-weight: 600; font-size: 1.1rem; color: var(--hub-ink); border-radius: 14px; }
.hub-faq__item summary::-webkit-details-marker { display: none; }
.hub-faq__item summary::after { content: "+"; flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--hub-blue-50); font-size: 1.25rem; line-height: 1; color: var(--hub-blue); }
.hub-faq__item[open] summary::after { content: "‘2"; background: var(--hub-blue); color: #fff; }
.hub-faq__item summary:hover { color: var(--hub-blue); }
.hub-faq__item summary:focus-visible { outline: 3px solid var(--hub-yellow); outline-offset: 2px; }
.hub-faq__item p { color: var(--hub-muted-ink); margin: 0; padding: 0 22px 20px; max-width: 70ch; }
.hub-checks { list-style: none; padding: 0; margin: 0; }
.hub-checks li { padding: 8px 0 8px 32px; position: relative; border-bottom: 1px solid var(--hub-navy-line); }
.hub-checks li:last-child { border-bottom: 0; }
.hub-checks li::before {
    content: ""; position: absolute; left: 0; top: 11px; width: 20px; height: 20px; border-radius: 50%;
    background: var(--hub-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center / 12px no-repeat;
}

/* Botones */
.hub-main .wp-block-buttons { gap: 12px; margin-top: 8px; }
.wp-block-button .wp-block-button__link { border-radius: 999px; padding: 12px 22px; font-weight: 600; text-decoration: none; background: var(--hub-blue); color: #fff; border: 1.5px solid transparent; }
.wp-block-button .wp-block-button__link:hover { background: var(--hub-blue-600); }
.wp-block-button.hub-btn-primary .wp-block-button__link, .wp-block-button.hub-btn-green .wp-block-button__link { background: var(--hub-blue); color: #fff; }
.wp-block-button.hub-btn-primary .wp-block-button__link:hover, .wp-block-button.hub-btn-green .wp-block-button__link:hover { background: var(--hub-blue-600); }
.hub-sec--dark .wp-block-button.hub-btn-primary .wp-block-button__link:hover { background: var(--hub-blue-600); box-shadow: 0 0 0 1px var(--hub-on-dark-muted); }
.wp-block-button.hub-btn-light .wp-block-button__link { background: transparent; color: var(--hub-on-dark); border-color: var(--hub-on-dark-muted); }
.wp-block-button.hub-btn-light .wp-block-button__link:hover { background: rgba(255, 255, 255, .08); }
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--hub-blue); border-color: var(--hub-blue); }

/* Rejillas de tarjetas */
.kb-row-layout-wrap.hub-grid { margin: 0 !important; }
.kb-row-layout-wrap.hub-grid > .kt-row-column-wrap { padding: 0 !important; gap: 16px !important; display: grid !important; }
.hub-grid--4 > .kt-row-column-wrap { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.hub-grid--3 > .kt-row-column-wrap { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
@media (max-width: 1024px) { .hub-grid--4 > .kt-row-column-wrap, .hub-grid--3 > .kt-row-column-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 600px) { .hub-grid > .kt-row-column-wrap { grid-template-columns: 1fr !important; } }
.wp-block-kadence-column.hub-card > .kt-inside-inner-col,
.hub-card.wp-block-group {
    background: var(--hub-bg); border: 0; border-radius: 14px; padding: 22px; height: 100%;
}
.hub-sec--soft .wp-block-kadence-column.hub-card > .kt-inside-inner-col, .hub-sec--soft .hub-card.wp-block-group { background: #fff; }
.wp-block-kadence-column.hub-card > .kt-inside-inner-col { display: flex; flex-direction: column; }
.hub-card p:last-child { margin-bottom: 0; }
.hub-card p { color: var(--hub-muted-ink); }
.hub-card .hub-more { margin-top: auto; }
/* Por qué elegir: puntos con regla superior, sin caja */
.hub-points .hub-point > .kt-inside-inner-col { border-top: 3px solid var(--hub-ink); padding-top: 18px; }
.hub-points .hub-point h3 { font-size: 1.15rem; margin-bottom: .4em; }
.hub-points .hub-point p { color: var(--hub-muted-ink); margin: 0; }
/* Testimonios: citas tipográficas, sin caja */
.hub-quote.wp-block-quote { margin: 0; padding: 0; border: 0; }
.hub-quote::before { content: "\201C"; display: block; font-family: var(--hub-display); font-weight: 700; font-size: 3.5rem; line-height: .8; color: var(--hub-blue); margin-bottom: 4px; }
.hub-quote p { font-size: 1.12rem; line-height: 1.55; color: var(--hub-ink); margin: 0 0 12px; }
.hub-quote cite { font-style: normal; font-size: .92rem; color: var(--hub-muted-ink); }

/* Iconos de tarjeta (máscaras SVG) */
.hub-ico::before {
    content: ""; display: block; width: 44px; height: 44px; border-radius: 12px; margin-bottom: 14px;
    background: var(--hub-blue-50) var(--ico) center / 24px no-repeat;
}
.hub-ico--hosting { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='4' width='18' height='7' rx='2'/%3E%3Crect x='3' y='13' width='18' height='7' rx='2'/%3E%3Cpath d='M7 7.5h.01M7 16.5h.01'/%3E%3C/svg%3E"); }
.hub-ico--vps { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h8M8 15h4'/%3E%3C/svg%3E"); }
.hub-ico--cloud { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M7 18h10a4 4 0 0 0 .5-8A6 6 0 0 0 6 9.5 4.3 4.3 0 0 0 7 18Z'/%3E%3C/svg%3E"); }
.hub-ico--dominio { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E"); }
.hub-ico--correo { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E"); }
.hub-ico--web { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18M7 6.5h.01M10 6.5h.01'/%3E%3C/svg%3E"); }
.hub-ico--moodle { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='m2 9 10-5 10 5-10 5z'/%3E%3Cpath d='M6 11v5c3 2 9 2 12 0v-5'/%3E%3C/svg%3E"); }
.hub-ico--soporte { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 13v-1a8 8 0 0 1 16 0v1'/%3E%3Crect x='3' y='13' width='4' height='6' rx='1.5'/%3E%3Crect x='17' y='13' width='4' height='6' rx='1.5'/%3E%3C/svg%3E"); }
.hub-ico--speed { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E"); }
.hub-ico--shield { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V6z'/%3E%3C/svg%3E"); }
.hub-ico--factura { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E"); }
.hub-ico--check { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E"); }
.hub-ico--alert { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 3 2 20h20z'/%3E%3Cpath d='M12 10v4M12 17h.01'/%3E%3C/svg%3E"); }
.hub-ico--phone { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M5 3h4l2 5-3 2a11 11 0 0 0 6 6l2-3 5 2v4a2 2 0 0 1-2 2A17 17 0 0 1 3 5a2 2 0 0 1 2-2'/%3E%3C/svg%3E"); }
.hub-ico--quote::before { display: none; }

/* Banda de llamada a la acción */
.kb-row-layout-wrap.hub-cta { background: var(--hub-blue-50); color: var(--hub-ink); }
.hub-cta h2 { color: var(--hub-ink); }
.hub-cta .hub-lead { color: var(--hub-muted-ink); }
.hub-cta .wp-block-button.hub-btn-light .wp-block-button__link { color: var(--hub-blue); border-color: var(--hub-blue); background: transparent; }
.hub-cta .wp-block-button.hub-btn-light .wp-block-button__link:hover { background: #fff; }

/* Textos legales */
.hub-sec--prose > .kt-row-column-wrap { max-width: 820px; }
.hub-note { background: #fdf3d6; color: #7a5500; border-radius: 10px; padding: 12px 16px; }

/* Cabecera */
.hub-topbar { background: var(--hub-blue); color: #fff; font-size: .82rem; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 8px max(16px, calc((100% - var(--hub-wrap)) / 2 + 16px)); }
.hub-topbar p { margin: 0; }
.hub-topbar-left { display: flex; gap: 6px 24px; flex-wrap: wrap; }
.hub-topbar a { color: #fff; text-decoration: none; }
.hub-header { background: #fff; border-bottom: 1px solid var(--hub-line); display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 76px; padding: 10px max(16px, calc((100% - var(--hub-wrap)) / 2 + 16px)); position: relative; }
.hub-logo { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; font-family: var(--hub-display); font-weight: 700; font-size: 1.4rem; letter-spacing: -.01em; color: var(--hub-ink); }
.hub-logo svg { flex: none; }
.hub-nav .wp-block-navigation-item__content { font-weight: 600; font-size: .95rem; color: var(--hub-ink); text-decoration: none; }
.hub-nav .wp-block-navigation-item__content:hover { color: var(--hub-blue); }
.hub-nav.wp-block-navigation { gap: 22px; }
.hub-nav .wp-block-navigation__submenu-container { border-radius: 10px; border: 1px solid var(--hub-line) !important; padding: 6px 0; min-width: 220px !important; }
.hub-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 8px 16px; }
.hub-portal { margin: 0 !important; }
.hub-portal .wp-block-button__link { padding: 10px 18px; font-size: .9rem; white-space: nowrap; }
@media (max-width: 900px) {
    .hub-header { flex-wrap: nowrap; gap: 12px; }
    .hub-header .hub-portal { order: 2; margin-left: auto !important; }
    .hub-header .hub-nav { order: 3; flex: none; }
}
/* El núcleo solo pasa a hamburguesa bajo 600px; entre 600 y 1024 el menú completo no cabe. */
@media (min-width: 600px) and (max-width: 1024px) {
    .hub-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
    .hub-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}
@media (max-width: 480px) {
    .hub-header { gap: 8px; }
    .hub-logo { font-size: 1.1rem; gap: 6px; min-width: 0; }
    .hub-logo svg { width: 34px; height: 30px; }
    .hub-portal .wp-block-button__link { padding: 8px 12px; font-size: .8rem; }
    .hub-topbar { justify-content: flex-end; }
    .hub-topbar-left { display: none; }
}

/* Pie */
.hub-footer { background: var(--hub-navy); color: var(--hub-on-dark-muted); font-size: .92rem; }
.hub-footer a { color: var(--hub-on-dark); text-decoration: none; }
.hub-footer a:hover { text-decoration: underline; }
.hub-foot-top { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 32px; max-width: var(--hub-wrap); margin: 0 auto; padding: 48px 16px 32px; }
@media (max-width: 760px) { .hub-foot-top { grid-template-columns: 1fr; } }
.hub-footer .hub-logo { color: #fff; }
.hub-footer h3 { color: #fff; font-family: var(--hub-display); font-size: 1rem !important; font-weight: 600; line-height: 1.4; margin: 0 0 12px; }
.hub-footer ul { list-style: none; padding: 0; margin: 0; }
.hub-footer li, .hub-foot-nav .wp-block-navigation-item { margin: 0 0 8px; font-size: .92rem !important; line-height: 1.5; }
.hub-footer li a, .hub-foot-nav .wp-block-navigation-item__content { color: var(--hub-on-dark) !important; font-size: .92rem !important; line-height: 1.5; padding: 0 !important; font-family: var(--hub-body); font-weight: 400; }
.hub-foot-nav.wp-block-navigation { gap: 0; font-size: .92rem !important; }
.hub-foot-bottom { border-top: 1px solid var(--hub-navy-line); display: flex; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; align-items: center; max-width: var(--hub-wrap); margin: 0 auto; padding: 20px 16px; }
.hub-foot-bottom p { margin: 0; }
.hub-foot-legal { display: flex; gap: 8px 18px; flex-wrap: wrap; align-items: center; }
.hub-lrc { border: 1px solid var(--hub-navy-line); border-radius: 8px; padding: 6px 10px; display: inline-flex; gap: 8px; align-items: center; }
.hub-lrc::before { content: ""; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2b71a' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M5 3h11l3 3v15H5z'/%3E%3Cpath d='M9 9h6M9 13h6M9 17h3'/%3E%3C/svg%3E") center / contain no-repeat; }

/* 404 */
.hub-404-art svg { width: 100%; max-width: 440px; height: auto; display: block; margin-inline: auto; }
.hub-led { animation: hub-blink 1.6s infinite steps(2); }
.hub-led--2 { animation-delay: .5s; }
@keyframes hub-blink { 50% { opacity: .25; } }
@media (prefers-reduced-motion: reduce) { .hub-led { animation: none; } }

/* Shortcodes del conector dentro de la web */
.hub-main .hub-connector { --hub-primary: #0a3fc4; --hub-border: #dbe3f2; --hub-radius: 14px; --hub-muted: #52607a; }
.hub-main .hub-plan { box-shadow: 0 1px 2px rgba(15, 26, 51, .06), 0 10px 28px rgba(15, 26, 51, .08); }
.hub-main .hub-plan__name { font-family: var(--hub-display); font-size: 1.3rem; }
.hub-main .hub-plan .hub-price { font-family: var(--hub-display); font-size: 2rem; letter-spacing: -.01em; }
.hub-main .hub-plan .hub-button { display: block; border-radius: 999px; padding: 12px 22px; }
.hub-main .hub-plan .hub-button:hover { background: var(--hub-blue-600); text-decoration: none; }
.hub-main .hub-plan .hub-button:focus-visible { outline: 3px solid var(--hub-yellow); outline-offset: 2px; text-decoration: none; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }

/* Cabecera: logo, menú y botón en la misma línea (el grupo no añade margen entre hijos) */
.hub-header > * { margin-block: 0 !important; }
.hub-header .hub-nav, .hub-header .hub-nav .wp-block-navigation__container { align-items: center; }

/* Inicio: tarjeta de planes del hero (esquinas redondeadas y sombra profunda suave) */
.hub-hero-plan { max-width: 440px; margin-left: auto; }
.hub-main .hub-hplans {
    --hub-surface: #fff; --hub-border: var(--hub-line); --hub-muted: var(--hub-muted-ink); --hub-primary: var(--hub-blue);
    color: var(--hub-ink); border: 0; border-radius: 18px; overflow: hidden;
    box-shadow: 0 2px 6px rgba(2, 8, 24, .18), 0 28px 60px -12px rgba(2, 8, 24, .55);
}
.hub-main .hub-hplans__tabs { padding: 6px 12px 0; }
.hub-main .hub-hplans__tab { font-family: var(--hub-display); font-size: .98rem; padding: 14px 14px 12px; }
.hub-main .hub-hplans__panel { padding: 24px 28px 28px; }
.hub-main .hub-hplans__name { font-family: var(--hub-display); font-size: 1.15rem; }
.hub-main .hub-hplans__price { font-family: var(--hub-body); font-size: 1rem; margin-top: 6px; }
.hub-main .hub-hplans__figure { font-family: var(--hub-display); font-size: clamp(2.6rem, 4vw, 3.3rem); letter-spacing: -.02em; color: var(--hub-ink); }
.hub-main .hub-hplans__figure .hub-price__symbol { font-size: .5em; font-weight: 700; letter-spacing: 0; margin-right: 2px; vertical-align: .55em; }
.hub-main .hub-hplans__features li::before { border-color: var(--hub-green-600); }
.hub-main .hub-hplans__cta { border-radius: 999px; padding: 14px 22px; font-size: 1rem; background: var(--hub-blue); }
.hub-main .hub-hplans__cta:hover { background: var(--hub-blue-600); text-decoration: none; }
.hub-main .hub-hplans__cta:focus-visible { outline: 3px solid var(--hub-yellow); outline-offset: 2px; text-decoration: none; }
.hub-main .hub-hplans__tab:focus-visible, .hub-main .hub-hplans__panel:focus-visible { outline-color: var(--hub-yellow); }
.hub-hero .hub-hero-links { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.hub-hero .hub-hero-links .wp-block-buttons { margin: 0; }
.hub-hero .hub-hero-quote { margin: 0 !important; }
.hub-hero .hub-hero-quote a { color: var(--hub-on-dark); font-weight: 600; text-underline-offset: 4px; }

/* Inicio: buscador de dominios y franja de confianza, en la misma banda clara */
.hub-findbar { background: var(--hub-bg); border-bottom: 1px solid var(--hub-line); }
.hub-findbar__in { max-width: var(--hub-wrap); margin: 0 auto; padding: 32px 16px 0; }
.hub-main .hub-dsearch { --hub-primary: var(--hub-blue); --hub-border: var(--hub-line); --hub-muted: var(--hub-muted-ink); --hub-radius: 12px; }
.hub-findbar .hub-dsearch { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 12px 40px; align-items: end; }
.hub-findbar .hub-dsearch__label { font-family: var(--hub-display); font-size: 1.25rem; color: var(--hub-ink); }
.hub-main .hub-dsearch__input { padding: 14px 16px; font-size: 1.05rem; border-radius: 999px; padding-inline: 22px; }
.hub-main .hub-dsearch__submit { border-radius: 999px; padding: 12px 28px; background: var(--hub-blue); }
.hub-main .hub-dsearch__submit:hover { background: var(--hub-blue-600); text-decoration: none; }
.hub-main .hub-dsearch__submit:focus-visible, .hub-main .hub-dsearch__input:focus-visible { outline: 3px solid var(--hub-yellow); outline-offset: 2px; text-decoration: none; }
.hub-findbar .hub-dsearch__chips { margin: 0 0 8px; justify-content: flex-end; }
.hub-findbar .hub-dsearch__chip { font-size: .95rem; }
.hub-trust { list-style: none; margin: 28px 0 0 !important; padding: 18px 0 22px; border-top: 1px solid var(--hub-line); display: flex; flex-wrap: wrap; gap: 10px 36px; color: var(--hub-ink); font-size: .95rem; }
.hub-trust li { display: flex; align-items: center; gap: 10px; margin: 0; }
.hub-trust li::before { content: ""; flex: none; width: 22px; height: 22px; background: var(--ico) center / contain no-repeat; }
.hub-trust .hub-trust--mig { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h13l-3-3M20 16H7l3 3'/%3E%3C/svg%3E"); }
.hub-trust .hub-trust--sop { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M4 13v-1a8 8 0 0 1 16 0v1'/%3E%3Crect x='3' y='13' width='4' height='6' rx='1.5'/%3E%3Crect x='17' y='13' width='4' height='6' rx='1.5'/%3E%3C/svg%3E"); }
.hub-trust .hub-trust--fac { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E"); }
.hub-trust .hub-trust--pay { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a3fc4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M6 9v.01M18 15v.01'/%3E%3C/svg%3E"); }
@media (max-width: 860px) {
    .hub-findbar .hub-dsearch { grid-template-columns: 1fr; }
    .hub-findbar .hub-dsearch__chips { justify-content: flex-start; }
    .hub-hero-plan { max-width: none; margin: 8px 0 0; }
}
@media (max-width: 480px) {
    .hub-main .hub-dsearch__row { flex-direction: column; }
    .hub-main .hub-dsearch__submit { width: 100%; }
    .hub-trust { flex-direction: column; gap: 12px; }
    .hub-main .hub-hplans__panel { padding: 20px 20px 24px; }
}

/* Dominios: resultados de ?q= */
.hub-sec .hub-dsearch__title { font-size: clamp(1.3rem, 2.6vw, 1.6rem); }
.hub-dsearch__list .hub-dsearch__domain { font-size: 1.1rem; }
.hub-dsearch__results .hub-button { border-radius: 999px; padding: 12px 24px; }
.hub-dsearch__results .hub-button:hover { background: var(--hub-blue-600); text-decoration: none; }
.hub-dsearch__results .hub-button:focus-visible { outline: 3px solid var(--hub-yellow); outline-offset: 2px; }
.hub-sec--dark .hub-dsearch__label { color: var(--hub-on-dark); }
.hub-domquery { max-width: 720px; }

/* Ajustes tras la revisión de capturas */
.hub-main .hub-hplans__price .hub-price__cycle, .hub-main .hub-hplans__from { font-size: 1rem; font-weight: 500; }
.hub-main .hub-hplans__figure .hub-price__symbol { vertical-align: baseline; font-size: .55em; }
.hub-main .hub-hplans__features { margin-top: 14px; }
.hub-home-hero > .kt-row-column-wrap, .hub-hero:has(.hub-hero-plan) > .kt-row-column-wrap { padding-block: 56px 64px !important; }
.hub-findbar .hub-dsearch { grid-template-columns: minmax(0, 640px) auto; align-items: end; }
.hub-findbar .hub-dsearch__chips { justify-content: flex-start; flex-wrap: nowrap; }
@media (max-width: 1100px) { .hub-findbar .hub-dsearch { grid-template-columns: 1fr; } .hub-findbar .hub-dsearch__chips { flex-wrap: wrap; } }
.hub-main .hub-dsearch__input { color: var(--hub-ink); background: #fff; }
.hub-sec--dark .hub-dsearch { --hub-border: var(--hub-navy-line); --hub-muted: var(--hub-on-dark-muted); }
.hub-sec--dark .hub-dsearch__list li, .hub-sec--dark .hub-dsearch__domain { color: var(--hub-on-dark); }
.hub-sec--dark .hub-dsearch__list .hub-price { color: #fff; }
.hub-sec--dark .hub-dsearch__error { color: #ffc9c9; }
.hub-hero:has(.hub-hero-plan) > .kt-row-column-wrap { padding-block: 40px 48px !important; }
.hub-main .hub-hplans__tab { padding: 12px 14px 10px; }
.hub-main .hub-hplans__panel { padding: 20px 28px 24px; gap: 2px; }
.hub-main .hub-hplans__features { margin: 12px 0 8px; padding-top: 12px; gap: 6px; }
.hub-main .hub-hplans__cta { padding: 12px 22px; }
.hub-findbar__in { padding-top: 22px; }
.hub-findbar .hub-dsearch__label { font-size: 1.1rem; margin-bottom: 8px; }
.hub-trust { margin-top: 20px !important; padding: 14px 0 18px; }

/* ===== Rediseño 1.3: contenedor único, escala tipográfica y portada ===== */
:root { --hub-gutter: 24px; --hub-shell: calc(var(--hub-wrap) + 2 * var(--hub-gutter)); }
@media (max-width: 600px) { :root { --hub-gutter: 16px; } }
/* Un solo contenedor: 1180px de contenido + márgenes laterales, igual en todas las bandas */
.kb-row-layout-wrap.hub-sec > .kt-row-column-wrap,
.hub-findbar__in, .hub-foot-top, .hub-foot-bottom, .hub-included p {
    box-sizing: border-box; max-width: var(--hub-shell) !important; margin-inline: auto;
    padding-inline: var(--hub-gutter) !important;
}
.hub-header, .hub-topbar { padding-inline: max(var(--hub-gutter), calc((100% - var(--hub-wrap)) / 2)); }
.kb-row-layout-wrap.hub-sec > .kt-row-column-wrap { padding-block: 88px !important; }
.hub-sec--prose > .kt-row-column-wrap { max-width: calc(820px + 2 * var(--hub-gutter)) !important; }

/* Tipografía: Poppins solo en títulos; cuerpo en Plus Jakarta Sans a 17px */
.hub-main { font-size: 1.0625rem; line-height: 1.65; color: var(--hub-ink); }
.hub-sec h1 { font-size: clamp(2.25rem, 5vw, 3.5rem); letter-spacing: -.025em; }
.hub-sec h2 { font-size: clamp(1.85rem, 3.4vw, 2.5rem); letter-spacing: -.02em; line-height: 1.15; }
.hub-sec h3 { font-size: 1.2rem; line-height: 1.3; }
.hub-sub { font-size: 1.125rem; color: var(--hub-muted-ink); margin-bottom: 40px !important; }
.hub-lead { font-size: clamp(1.1rem, 1.6vw, 1.25rem); line-height: 1.6; }
.hub-eyebrow { font-size: .9rem; letter-spacing: .06em; text-transform: uppercase; }
.wp-block-button .wp-block-button__link { padding: 14px 26px; font-size: 1rem; line-height: 1.3; }
.wp-block-button .wp-block-button__link:focus-visible { outline: 3px solid var(--hub-yellow); outline-offset: 3px; }
.hub-header .hub-portal .wp-block-button__link { padding: 10px 20px; font-size: .92rem; }
@media (max-width: 480px) { .hub-header .hub-portal .wp-block-button__link { padding: 8px 12px; font-size: .8rem; } }

/* Bandas oscuras (hero y CTA): degradado radial tenue y malla que se desvanece */
.kb-row-layout-wrap.hub-sec--dark {
    background:
        radial-gradient(60% 80% at 85% 10%, rgba(10, 63, 196, .45), transparent 70%),
        radial-gradient(50% 70% at 0% 100%, rgba(95, 154, 50, .12), transparent 70%),
        linear-gradient(180deg, var(--hub-navy) 0%, #0a1838 100%);
}
.kb-row-layout-wrap.hub-sec--dark::before {
    background:
        linear-gradient(rgba(140, 170, 235, .07) 1px, transparent 1px) 0 0 / 40px 40px,
        linear-gradient(90deg, rgba(140, 170, 235, .07) 1px, transparent 1px) 0 0 / 40px 40px;
    -webkit-mask-image: radial-gradient(ellipse 80% 90% at 70% 30%, #000 20%, transparent 75%);
    mask-image: radial-gradient(ellipse 80% 90% at 70% 30%, #000 20%, transparent 75%);
}
.hub-sec--dark .wp-block-button.hub-btn-light .wp-block-button__link { color: #fff; border-color: rgba(255, 255, 255, .55); background: transparent; }
.hub-sec--dark .wp-block-button.hub-btn-light .wp-block-button__link:hover { background: rgba(255, 255, 255, .1); border-color: #fff; }
.hub-sec--dark .wp-block-button.hub-btn-primary .wp-block-button__link { box-shadow: 0 8px 24px -8px rgba(10, 63, 196, .9); }

/* Hero de inicio */
.hub-hero:has(.hub-hero-plan) > .kt-row-column-wrap { padding-block: 72px 128px !important; gap: 48px; }
.hub-hero h1 { margin-bottom: 20px; }
.hub-hero .hub-lead { margin-bottom: 32px !important; }
.hub-hero .hub-hero-links { margin: 0 0 28px !important; gap: 12px; }
.hub-hero-checks { list-style: none; margin: 0 !important; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 28px; color: var(--hub-on-dark); font-size: 1rem; font-weight: 500; }
.hub-hero-checks li { display: flex; align-items: center; gap: 10px; margin: 0; }
.hub-hero-checks li::before {
    content: ""; flex: none; width: 20px; height: 20px; border-radius: 50%;
    background: rgba(95, 154, 50, .25) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fd16f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E") center / 12px no-repeat;
}
.hub-main .hub-hplans__tabs { padding: 8px 16px 0; background: #fff; }
.hub-main .hub-hplans__panel { padding: 24px 28px 28px; }
.hub-main .hub-hplans__features { border-top: 1px solid var(--hub-line); font-size: 1rem; }
.hub-main .hub-hplans__cta { padding: 14px 22px; margin-top: 8px; }

/* Buscador de dominios: tarjeta blanca que monta sobre el borde del hero */
.hub-findbar { background: transparent; border: 0; position: relative; z-index: 2; }
.hub-findbar__in { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: -72px !important; }
.hub-main .hub-findbar .hub-dsearch {
    display: block; background: #fff; border: 1px solid var(--hub-line); border-radius: 18px;
    padding: 28px 32px; box-shadow: 0 1px 3px rgba(15, 26, 51, .06), 0 20px 48px -16px rgba(15, 26, 51, .22);
}
.hub-findbar .hub-dsearch__label { font-size: 1.3rem; margin-bottom: 14px; }
.hub-main .hub-findbar .hub-dsearch__row { gap: 10px; }
.hub-main .hub-findbar .hub-dsearch__input { height: 60px; box-sizing: border-box; font-size: 1.125rem; padding-inline: 24px; border: 1.5px solid #9aa6bd; }
.hub-main .hub-findbar .hub-dsearch__input:hover { border-color: var(--hub-muted-ink); }
.hub-main .hub-findbar .hub-dsearch__submit { height: 60px; padding-inline: 40px; font-size: 1.0625rem; }
.hub-findbar .hub-dsearch__chips { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 16px 0 0; }
.hub-findbar .hub-dsearch__chip { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 10px 16px; font-size: 1rem; background: var(--hub-bg); border-color: transparent; }
.hub-findbar .hub-dsearch__tld { font-family: var(--hub-display); font-weight: 600; }
@media (max-width: 860px) { .hub-findbar .hub-dsearch__chips { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) {
    .hub-main .hub-findbar .hub-dsearch { padding: 22px 18px; }
    .hub-findbar .hub-dsearch__chip { padding: 8px 12px; font-size: .95rem; flex-direction: column; gap: 0; }
    .hub-hero-checks { flex-direction: column; }
}

/* ¿Qué necesitas hoy?: grilla de servicios 4×2 */
.hub-tiles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.hub-tiles li { margin: 0; }
.hub-tile {
    display: flex; flex-direction: column; height: 100%; box-sizing: border-box; padding: 26px 24px 22px;
    background: #fff; border: 1px solid var(--hub-line); border-radius: 16px; color: var(--hub-ink); text-decoration: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.hub-tile:hover { border-color: var(--hub-blue); box-shadow: 0 10px 28px -14px rgba(10, 63, 196, .45); }
.hub-tile:focus-visible { outline: 3px solid var(--hub-yellow); outline-offset: 3px; border-color: var(--hub-blue); }
.hub-tile__ico { width: 48px; height: 48px; padding: 10px; box-sizing: border-box; border-radius: 12px; background: var(--hub-blue-50); color: var(--hub-blue); margin-bottom: 18px; }
.hub-tile__title { font-family: var(--hub-display); font-weight: 600; font-size: 1.2rem; line-height: 1.3; margin-bottom: 6px; }
.hub-tile__text { color: var(--hub-muted-ink); font-size: 1rem; line-height: 1.55; margin-bottom: 18px; }
.hub-tile__more { margin-top: auto; color: var(--hub-blue); font-weight: 600; font-size: .98rem; }
.hub-tile:hover .hub-tile__more { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1024px) { .hub-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .hub-tiles { grid-template-columns: 1fr; gap: 12px; } .hub-tile { padding: 20px; } }

/* Planes de hosting: más aire y plan destacado */
.hub-main .hub-plans { gap: 24px; }
.hub-main .hub-plan { padding: 36px 30px 30px; border-radius: 18px; border: 1px solid var(--hub-line); box-shadow: 0 1px 2px rgba(15, 26, 51, .05), 0 12px 32px -12px rgba(15, 26, 51, .14); }
.hub-main .hub-plan__name { font-size: 1.4rem; }
.hub-main .hub-plan__specs { font-size: 1rem; color: var(--hub-muted-ink); }
.hub-main .hub-plan .hub-price { font-size: 2.3rem; }
.hub-main .hub-plan .hub-price__cycle { font-family: var(--hub-body); font-size: 1rem; font-weight: 500; letter-spacing: 0; }
.hub-main .hub-plan--featured { border: 2px solid var(--hub-blue); box-shadow: 0 2px 4px rgba(10, 63, 196, .08), 0 24px 48px -16px rgba(10, 63, 196, .35); }
.hub-main .hub-plan__badge { font-size: .85rem; padding: 6px 14px; letter-spacing: .02em; }
.hub-main .hub-plan > .hub-plan__badge { left: 30px; }
.hub-main .hub-plan .hub-button { padding: 14px 22px; border: 1.5px solid var(--hub-blue); font-size: 1rem; }
.hub-main .hub-plan:not(.hub-plan--featured) .hub-button { background: transparent; color: var(--hub-blue); }
.hub-main .hub-plan:not(.hub-plan--featured) .hub-button:hover { background: var(--hub-blue-50); }
.hub-main .hub-currency { margin-bottom: 28px; }
.hub-more { margin-top: 28px !important; }

/* Por qué elegir: icono, título y texto */
.hub-points > .kt-row-column-wrap { gap: 32px !important; }
.hub-points .hub-point > .kt-inside-inner-col { border-top: 0; padding-top: 0; }
.hub-points .hub-point > .kt-inside-inner-col::before {
    content: ""; display: block; position: static; opacity: 1; mix-blend-mode: normal; width: 52px; height: 52px; border-radius: 14px; margin-bottom: 18px;
    background: var(--hub-blue-50) var(--ico) center / 26px no-repeat;
}
.hub-points .hub-point h3 { font-size: 1.2rem; margin-bottom: .45em; }
.hub-points .hub-point p { font-size: 1.0625rem; line-height: 1.6; color: var(--hub-muted-ink); }

/* Por qué elegir: título a la izquierda, puntos 2×2 a la derecha */
.hub-why .kadence-columnhubin-why-c1 > .kt-inside-inner-col { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr); column-gap: 72px; grid-template-rows: auto auto 1fr; align-items: start; }
.hub-why .kadence-columnhubin-why-c1 > .kt-inside-inner-col > * { grid-column: 1; }
.hub-why .kadence-columnhubin-why-c1 > .kt-inside-inner-col > .hub-points { grid-column: 2; grid-row: 1 / span 3; margin: 0; }
.hub-why .hub-sub { margin-bottom: 20px !important; }
.hub-why .hub-more { margin-top: 0 !important; }
.hub-why .hub-points > .kt-row-column-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; }
.hub-why .hub-point > .kt-inside-inner-col { padding: 28px 28px 28px 0 !important; border-top: 1px solid var(--hub-line) !important; }
.hub-why .hub-point:nth-child(even) > .kt-inside-inner-col { padding-left: 28px !important; padding-right: 0 !important; border-left: 1px solid var(--hub-line); }

/* Testimonios: tarjetas de igual alto con el autor abajo */
.hub-badge { display: inline-block; margin: 0 0 14px !important; padding: 4px 12px; border-radius: 999px; background: var(--hub-blue-50); color: var(--hub-blue); font-size: .875rem; font-weight: 600; }
.hub-testimonials .wp-block-kadence-column > .kt-inside-inner-col { height: 100%; }
.hub-quote.wp-block-quote {
    height: 100%; box-sizing: border-box; display: flex; flex-direction: column;
    background: #fff; border: 1px solid var(--hub-line); border-radius: 16px; padding: 30px 30px 26px;
    box-shadow: 0 1px 2px rgba(15, 26, 51, .04), 0 12px 32px -18px rgba(15, 26, 51, .18);
}
.hub-quote::before { font-size: 3rem; margin-bottom: 10px; }
.hub-quote p { font-size: 1.125rem; line-height: 1.6; flex: 1; margin-bottom: 24px; }
.hub-quote cite { display: block; padding-top: 16px; border-top: 1px solid var(--hub-line); font-size: .95rem; font-weight: 600; color: var(--hub-ink); }

/* CTA final: banda navy */
.kb-row-layout-wrap.hub-cta.hub-sec--dark { color: var(--hub-on-dark); }
.hub-cta.hub-sec--dark > .kt-row-column-wrap { text-align: center; }
.hub-cta.hub-sec--dark h2 { color: #fff; }
.hub-cta.hub-sec--dark .hub-lead { color: var(--hub-on-dark-muted); margin-inline: auto; }
.hub-cta.hub-sec--dark .wp-block-buttons { justify-content: center; }

@media (max-width: 600px) {
    .hub-why .hub-points > .kt-row-column-wrap { grid-template-columns: 1fr !important; }
    .hub-why .hub-point > .kt-inside-inner-col, .hub-why .hub-point:nth-child(even) > .kt-inside-inner-col { padding: 24px 0 !important; border-left: 0; }
}

@media (max-width: 860px) {
    .hub-hero:has(.hub-hero-plan) > .kt-row-column-wrap { padding-block: 48px 112px !important; }
    .kb-row-layout-wrap.hub-sec > .kt-row-column-wrap { padding-block: 64px !important; }
}
@media (max-width: 480px) {
    .hub-hero .hub-hero-links .wp-block-button { flex: 1 1 100%; }
    .hub-hero .hub-hero-links .wp-block-button__link { display: block; text-align: center; }
    .hub-main .hub-plan { padding: 32px 22px 24px; }
}
@media (prefers-reduced-motion: reduce) { .hub-tile { transition: none; } }
@media (max-width: 860px) {
    .hub-why .kadence-columnhubin-why-c1 > .kt-inside-inner-col { display: block; }
    .hub-why .hub-points { margin-top: 24px; }
    .hub-findbar__in { margin-top: 32px !important; }
    .hub-main .hub-plans { row-gap: 36px; }
}
@media (max-width: 480px) { .hub-findbar .hub-dsearch__chip { border-radius: 12px; } }
.hub-sec h2 + .hub-points, .hub-sec h2 + .kb-row-layout-wrap.hub-points { margin-top: 36px !important; }

/* Las tarjetas laterales (p. ej. Datos de contacto) empiezan arriba, no centradas en la columna. */
.wp-block-kadence-column.hub-card > .kt-inside-inner-col { justify-content: flex-start; }

/* Comparador de planes: cabecera con aire, insignia dentro de la celda y columna destacada sombreada. */
.hub-main .hub-compare { border: 1px solid var(--hub-line); border-radius: 16px; box-shadow: 0 1px 2px rgba(15, 26, 51, .04), 0 14px 34px -24px rgba(15, 26, 51, .25); }
.hub-main .hub-compare__table { border-collapse: separate; border-spacing: 0; width: 100%; }
.hub-main .hub-compare thead th { padding: 26px 18px 18px; vertical-align: top; }
.hub-main .hub-compare__plan .hub-plan__badge { display: inline-block; margin-bottom: 8px; }
.hub-main .hub-compare__plan--featured { box-shadow: none; background: var(--hub-blue-50); border-top: 3px solid var(--hub-blue); }
.hub-main .hub-compare tbody th[scope="row"] { font-weight: 600; color: var(--hub-ink); }
.hub-main .hub-compare tbody th, .hub-main .hub-compare tbody td { padding: 14px 18px; }
.hub-main .hub-compare tbody tr:nth-child(even) { background: var(--hub-bg); }
.hub-main .hub-compare .hub-price { font-size: 1.35em; font-family: var(--hub-display); }