@charset "UTF-8";

/* ======================== */
/* DOMINIOS */
/* ======================== */

/* BUSCADOR DE DOMINIOS */
/* ======================== */
/* MOD-DOMAIN-SEARCH */
/* ======================== */
.mod-domain-search { background: var(--cyber-darkblue); padding: 48px 20px 32px; }

.mod-domain-search__title { margin: 0 0 10px; color: var(--white); text-align: center; font-size: clamp(2rem, 3.2vw, 2.9rem); font-weight: 400; line-height: 1.2; }

.mod-domain-search__promo { margin: 0 auto 18px; color: rgba(255,255,255,.92); text-align: center; font-size: clamp(1rem, 1.4vw, 1.18rem); max-width: 980px; }

.mod-domain-search__box { display: flex; justify-content: space-between; background: var(--white); border-radius: 100px; width: 100%; margin: 0 auto; padding: 5px; border: 1px solid rgba(255,255,255,.24); }

.mod-domain-search__box input { flex: 1; border: none; outline: none; padding-left: 20px; background: transparent; color: var(--cyber-dark); font-size: 1.05rem; }

.mod-domain-search__box input::placeholder { color: var(--text-color-light); opacity: 1; }

@media (max-width: 768px) {
  .mod-domain-search__box {
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-radius: 20px;
    padding: 4px;
  }
  .mod-domain-search__box input {
    width: 100%;
    min-height: 48px;
    padding: 0 10px;
    text-align: left;
  }
  .mod-domain-search__box .btn-search {
    width: 100%;
    min-height: 46px;
    border-radius: 14px;
    --btn-bg: transparent;
    --btn-fg: var(--cyber-blue);
    --btn-border: var(--cyber-blue);
    --btn-bg-hover: transparent;
    --btn-fg-hover: var(--cyber-sky);
    --btn-border-hover: var(--cyber-blue);
    --btn-bg-active: var(--cyber-blue);
    --btn-fg-active: var(--white);
    --btn-border-active: var(--cyber-blue);
  }
}

/* ======================== */
/* MENSAJE DE ERROR */
/* ======================== */
.mod-domain-search__error { position: relative; background: red; color: var(--white) !important; padding: 5px 10px; border-radius: 100px; margin: 5px 0 -20px !important; left: 0; white-space: nowrap; display: none; }

.mod-domain-search__error::before { content: ""; position: absolute; bottom: 100%; left: 20px; border-width: 6px; border-style: solid; border-color: transparent transparent red; }

.mod-domain-search__error--show { display: block; }

/* ======================== */
/* MOD-HERO */
/* ======================== */
.mod-hero { padding: 60px 0; }

.mod-hero__content { text-align: left; display: flex; flex-direction: column; justify-content: center; }

.mod-hero__content .mod-hero__highlight { font-weight: 500; margin-bottom: 15px; color: var(--text-color-dark); }

.mod-hero__content .t-hero-title { margin-bottom: 18px; }

.mod-hero__benefits { list-style: none; padding: 0; margin-bottom: 20px; }


.mod-hero__media { display: flex; align-items: center; justify-content: center; }

.mod-hero__media img { max-width: 100%; border-radius: 10px; }

 .mod-hero__benefits { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }

 .mod-hero__benefit { background:var(--white); padding:10px 20px; border-radius:15px; }

 .mod-hero__benefits dt { font-weight:bold; }
 .mod-hero__benefits dd { margin:0; border-left:4px solid var(--cyber-lima); padding-left:10px; }

/* ======================== */
/* RESPONSIVE MOD-HERO */
/* ======================== */
@media (max-width:992px) { .mod-hero .row { flex-direction:column; text-align:center; }
 .mod-hero__content, .mod-hero__media { width:100%; }
 }

/* ======================== */
/* HERO / HEADER LEGACY */
/* ======================== */
.reverse-mobile { display: flex; flex-direction: row; }

@media (max-width: 1024px) { .reverse-mobile { flex-direction: column; }
 .reverse-mobile .mod-hero__media { order: 1; }
 .reverse-mobile .mod-hero__content { order: 2; }
 }

.bloque-hero { background:linear-gradient(180deg,#fff,var(--cyber-grey)); }
.bloque-hero .t-hero-title { color:var(--cyber-darkblue) !important; }
.bloque-hero .t-hero-title strong,
.bloque-hero .t-hero-title .t-text-accent { color:var(--cyber-blue) !important; font-weight: 700; }

.bloque-hero .mod-hero__highlight strong { color:var(--cyber-blue); }
.bloque-hero .t-text-sky { color:var(--cyber-blue) !important; }

.hero-light.slider { position:relative; overflow:clip; }

.hero-light .mod-hero { padding:90px 0; position:relative; z-index:1; }

@media(max-width:992px) { .hero-light .mod-hero { padding:64px 0; }
 }

/* Texto: modo claro (pisamos text-white) */
.hero-light .mod-hero__content,
.hero-light .mod-hero__content p,
.hero-light .mod-hero__content span { color:var(--text-color-dark) !important; }
.hero-light .mod-hero__content .t-hero-title { color: var(--cyber-darkblue) !important; }
.hero-light .mod-hero__content .t-hero-title strong,
.hero-light .mod-hero__content .t-hero-title .t-text-accent { color: var(--cyber-blue) !important; font-weight: 700; }

/* Eyebrow */
.hero-light .eyebrow { display:inline-block; font-size:.86rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--cyber-blue) !important; border:1px solid rgba(4,0,190,.18); background:rgba(255,255,255,.55); border-radius:999px; padding:.28rem .6rem; margin-bottom:.6rem; backdrop-filter:blur(10px); }

/* Highlight */
.hero-light .mod-hero__content .mod-hero__highlight { color:var(--text-color-grey) !important; margin-bottom:16px; }

.hero-light .mod-hero__content .mod-hero__highlight strong { color:inherit !important; }
.hero-light .mod-hero__content .mod-hero__highlight .t-text-accent { color:var(--cyber-blue) !important; }
.hero-light .cta-wrapper { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding-top:26px; }
.hero-light .cta-wrapper .btn { display:flex; align-items:center; justify-content:center; text-align:center; width:auto; min-width:220px; }

/* Caja cupón: clara y legible */
.hero-light .promo-coupon__label { color:var(--cyber-darkblue) !important; }
.hero-light .promo-coupon__terms { color:var(--text-color-grey) !important; opacity:1 !important; }
.hero-light .promo-coupon__terms strong { color:var(--cyber-darkblue) !important; }

/* Responsive layout */
@media(max-width:992px) { .hero-light .row { flex-direction:column; text-align:center; }
 .hero-light .mod-hero__content,.hero-light .mod-hero__media { width:100%; max-width:100%; }
 }

@media(max-width:1024px) { .hero-light .mod-hero__benefits { grid-template-columns:1fr; }
 .hero-light .cta-wrapper { display:flex; flex-direction:column; gap:10px; padding-top:26px; }
 .hero-light .cta-wrapper .btn { width:100%; }
 }

/* ======================== */
/* PROMO COUPON */
/* ======================== */
.promo-coupon { margin:18px 0 10px; padding:16px 16px 40px; border:1px solid rgba(4,0,190,.18); border-left:4px solid var(--cyber-lima); border-radius:16px; background:linear-gradient(180deg,rgba(255,255,255,.88) 0%, rgba(255,255,255,.72) 100%); box-shadow:0 10px 22px rgba(8,8,38,.08); }

.promo-coupon__head { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:8px; }

.promo-coupon__label { letter-spacing:.08em; text-transform:uppercase; font-size:.78rem; font-weight:700; color:var(--cyber-darkblue); opacity:1; background:rgba(0,203,255,.14); border:1px solid rgba(0,203,255,.35); border-radius:999px; padding:4px 9px; }
.promo-coupon__code { letter-spacing:.04em; padding:8px 13px; border-radius:12px; background:rgba(4,0,190,.05); border:1px dashed rgba(4,0,190,.35); color:var(--cyber-darkblue); font-weight:700; cursor:pointer; transition:border-color .2s ease, color .2s ease, background-color .2s ease; }
.promo-coupon__hint { margin: 0 0 7px; color: var(--cyber-blue); opacity: .95; }
.promo-coupon__code:hover { border-color: var(--cyber-sky); color: var(--cyber-blue); background: rgba(0,203,255,.08); }
.promo-coupon__code:focus-visible { outline: 2px solid rgba(0,203,255,.45); outline-offset: 2px; }
.promo-coupon__code.is-copied { border-color: var(--cyber-lima); color: var(--cyber-lima); background: rgba(184,255,0,.08); }
.promo-coupon__terms { margin:0; line-height:1.45; opacity:1; color:var(--text-color-grey); }

/* ======================== */
/* FEATURES */
/* ======================== */
.mod-features { padding: 96px 0 80px; text-align: center; background-color: var(--white); }

.mod-features .row { align-items: stretch; justify-content: center; }

.mod-features .col-4 { display: flex; }

.mod-features .t-title-xl,
.mod-features .t-body { text-align: center; }

.mod-features .t-body { max-width: 980px; margin: 12px auto 34px; }

.mod-features__card { --card-text-align: center; --card-display: flex; --card-align: center; --card-justify: flex-start; flex-direction: column; height: 100%; padding: 30px 32px 28px; gap: 12px; }

.mod-features__card img { width: 68px; height: 68px; margin-bottom: 8px; align-self:center; object-fit: contain; }

.mod-features__card h3 { color: var(--cyber-blue); margin: 0; text-align:center; }

.mod-features__card p { color: var(--text-color-light); max-width: 100%; text-align:center; margin: 0; }



.mod-features--duo .mod-features__card { display: flex; gap: 14px; align-items: center; justify-content: flex-start; height: auto; text-align: center; }

.mod-features--duo .feature-media { flex: 0 0 auto; width: 100%; display: flex; align-items: center; justify-content: center; }

.mod-features--duo .feature-media img { width: 100%; max-width: 300px; height: auto; margin: 0 auto 4px; }

.mod-features--duo .feature-content { flex: 1; width: 100%; text-align:center; }

.mod-features--duo .feature-content h3 { margin: 0 0 10px; font-size: clamp(1.55rem, 2vw, 2rem); line-height: 1.15; }

.mod-features--duo .feature-content p { margin: 0 0 12px; }

@media (max-width: 980px) { .mod-features--duo .mod-features__card { flex-direction: column; }
 .mod-features--duo .feature-media { width: 100%; justify-content: center; }
 .mod-features--duo .feature-media img { max-width: 190px; }
}

.mod-plans__features--capabilities strong { color:var(--cyber-blue); }

/* Features cards handled by .mod-features__card */

/* ======================== */
/* RESPONSIVE FEATURES */
/* ======================== */
@media (max-width: 1024px) { .row { flex-direction: column; }
 .mod-features__card { width: 100%; margin: 10px auto; padding: 24px; }
 .mod-features .t-body { margin-bottom: 24px; }
 }

/* ======================== */
/* BLOQUE DE PLANES */
/* ======================== */
.mod-plans__card {
  --card-text-align: left;
  background: var(--white);
  border: 3px solid var(--cyber-blue);
  border-radius: 22px;
  padding: 18px;
  box-shadow: none;
  color: var(--cyber-darkblue);
}


.mod-plans__card h3 { color: var(--cyber-darkblue); text-align: left; font-weight: 100; letter-spacing: -1px; line-height: 25px; }

.mod-plans__card strong { font-weight: 600; letter-spacing: -1px; }

.mod-plans__card h3 strong { color: var(--cyber-blue); }

.mod-plans__card .mod-plans__price { font-weight: 700; color: var(--cyber-sky); margin-top: 10px; margin-bottom: 8px; text-align: left; }

.mod-plans__price { font-weight: 700; margin-bottom: 8px; }

.mod-plans__price-month { display: block; }
.mod-plans__price-suffix { font-size: .7em; font-weight: 600; }

.mod-plans__price-total { display: block; color: var(--text-color-light); margin-top: 6px; font-size: .92rem; font-weight: 500; line-height: 1.25; }

.mod-plans__features, .mod-plans__extras { margin: 12px 0; }

.mod-plans__features li { padding: 3px 0; line-height: 1.35; }

.mod-plans__card button { margin-top: 15px; }

/* ======================== */
/* RESPONSIVE SLIDER PLANES */
/* ======================== */
.mod-plans__extra { display: none; max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.4s ease, opacity 0.3s ease; }

.mod-plans__extras { list-style:none; }

.mod-plans__extras .mod-plans__extra { position:relative; padding-left:18px; line-height:1.45; font-size:.88rem; margin:0 0 6px; --check-color: var(--cyber-sky); }

.mod-plans__extras .mod-plans__extra h4 { padding-left:0; font-size:.9rem; font-weight:700; margin:12px 0 8px; }

.mod-plans__extras .mod-plans__extra:not(:has(h4))::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: .78rem;
  font-weight: 700;
  color: var(--check-color);
  line-height: 1;
}


.mod-plans__extras .mod-plans__extra:not(:has(h4))::after { content:none; }

/* ======================== */
/* MOD-PLANS */
/* ======================== */
.mod-plans {
  padding: 100px 0;
  background: linear-gradient(180deg,var(--cyber-grey) 0%,#fff 100%);
}

.mod-plans__inner { position:relative; overflow: visible; }

/* MOD-PLANS CARDS (aislado de .card global) */
.mod-plans__swiper .swiper-slide.mod-plans__card { border: 3px solid var(--cyber-blue); border-radius: 22px; }

.mod-plans__swiper .swiper-slide:is(.mod-plans__card--pro, :nth-child(3)) {
  background: #0B0A38;
  border: 3px solid rgba(255,255,255,.12);
  color: var(--white);
}

.mod-plans__swiper .swiper-slide:is(.mod-plans__card--pro, :nth-child(3)) h3,
.mod-plans__swiper .swiper-slide:is(.mod-plans__card--pro, :nth-child(3)) h4,
.mod-plans__swiper .swiper-slide:is(.mod-plans__card--pro, :nth-child(3)) .mod-plans__features-title,
.mod-plans__swiper .swiper-slide:is(.mod-plans__card--pro, :nth-child(3)) .mod-plans__features li { color: var(--white); }

.mod-plans__swiper .swiper-slide:is(.mod-plans__card--pro, :nth-child(3)) h3 strong,
.mod-plans__swiper .swiper-slide:is(.mod-plans__card--pro, :nth-child(3)) .mod-plans__price-month { color: var(--cyber-sky); }

.mod-plans__swiper .swiper-slide:is(.mod-plans__card--pro, :nth-child(3)) .mod-plans__desc { color: rgba(255,255,255,.86); border-bottom-color: rgba(255,255,255,.18); }

.mod-plans__swiper .swiper-slide:is(.mod-plans__card--pro, :nth-child(3)) .mod-plans__features { background: linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.08) 100%); }

.mod-plans__swiper .swiper-slide:is(.mod-plans__card--pro, :nth-child(3)) .btn {
  --btn-bg: transparent;
  --btn-fg: var(--cyber-sky);
  --btn-border: var(--cyber-sky);
  --btn-bg-hover: transparent;
  --btn-fg-hover: var(--white);
  --btn-border-hover: var(--white);
  --btn-bg-active: var(--white);
  --btn-fg-active: var(--cyber-blue);
  --btn-border-active: var(--white);
}

.mod-plans__card--popular { }

.mod-plans__swiper { max-width:100%; margin:0 auto; overflow: visible; width: 100%; }

.mod-plans__swiper .swiper-wrapper { margin:0; padding:0; box-sizing:border-box; }

@media(max-width:1024px) { .mod-plans__inner .mod-plans__card { }
 }

.mod-plans__inner .mod-plans__card .btn { display:block; width:fit-content; min-width: 220px; text-align:center; box-sizing:border-box; margin: 14px 0 0; }

.mod-plans__features-title { margin:18px 0 10px; padding-top:4px; font-size:.96rem; font-weight:700; color:var(--cyber-darkblue); }

.mod-plans__features { margin:0; background:radial-gradient(1100px 520px at 60% 20%,rgba(0,203,255,.16) 0%,rgba(4,0,190,.06) 38%,rgba(255,255,255,0) 72%),linear-gradient(135deg,var(--cyber-grey) 0%,var(--cyber-grey) 100%); padding:14px 16px; border-radius:12px; list-style:none; }

.mod-plans__features li {
  position:relative;
  padding:2px 0 2px 16px;
  margin:0 0 6px;
  line-height:1.4;
  font-size:.88rem;
  font-weight:500;
  color:var(--cyber-darkblue);
}

.mod-plans__features li .with-tip { display:inline-flex; align-items:center; gap:6px; margin-left:6px; position:relative; top:-1px; }

.mod-plans__features li .tip { margin-left:0; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; line-height:18px; vertical-align:middle; }

.mod-plans__features li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: .78rem;
  color: var(--cyber-sky);
  line-height: 1;
}

.mod-plans__swiper .swiper-slide:is(.mod-plans__card--pro, :nth-child(3)) .mod-plans__features li::before { color: var(--cyber-sky); }
.mod-plans__swiper .swiper-slide:is(.mod-plans__card--pro, :nth-child(3)) .mod-plans__extras .mod-plans__extra { --check-color: var(--cyber-sky); }

.mod-plans__features li:has(.with-tip),
.mod-plans__extras .mod-plans__extra:has(.with-tip) {
  padding-left: 0;
  margin-top: 8px;
  margin-bottom: 2px;
  font-size: .84rem;
  font-weight: 700;
  line-height: 1.3;
}

.mod-plans__features li:has(.with-tip)::before,
.mod-plans__extras .mod-plans__extra:has(.with-tip)::before { content: none; }

.mod-plans__features li:has(.with-tip) .with-tip,
.mod-plans__extras .mod-plans__extra:has(.with-tip) .with-tip { margin-left: 0; gap: 8px; align-items: center; }

.mod-plans__features li:has(.with-tip) .tip,
.mod-plans__extras .mod-plans__extra:has(.with-tip) .tip { background: var(--cyber-blue); color: var(--white); }

.mod-plans__swiper .swiper-slide:is(.mod-plans__card--pro, :nth-child(3)) li:has(.with-tip) .tip {
  background: var(--cyber-sky);
  color: var(--cyber-darkblue);
}

.mod-plans__extra h4 { margin-top:12px; padding-top:6px; }

.mod-plans__inner .swiper-button-next { right:6px; }

.mod-plans__inner .swiper-button-prev { left:6px; }

.mod-plans__inner .swiper-pagination { left:0; right:0; width:100%; box-sizing:border-box; }

@media(max-width:1024px) { .mod-plans__inner .swiper { padding-left:0; padding-right:0; margin-left:0; margin-right:0; }
 }

@media(max-width:1024px) { .mod-plans .container { padding-left:0; padding-right:0; }
 .mod-plans__header { padding-left:20px; padding-right:20px; }
 .mod-plans__inner .mod-plans__card .btn { width:100%; min-width: 0; }
 }

.mod-plans__inner * { max-width:100%; }

/* FUNCIONES EXTRA (repetido) */

/* ======================== */
/* BOTÓN TOGGLE FUNCIONES */
/* ======================== */
.mod-plans__toggle { display: block; font-weight: 700; color: var(--cyber-sky); cursor: pointer; margin-bottom: 10px; text-decoration: none; }

/* ======================== */
/* SWIPER RESPONSIVE BLOQUE */
/* ======================== */
.mod-plans__swiper { position: relative; overflow: hidden; }

/* ======================== */
/* RESPONSIVE SWIPER DESKTOP */
/* ======================== */
@media (min-width: 1025px) { .mod-plans__swiper .swiper-wrapper { display:flex !important; justify-content:center; gap:30px; }
 .mod-plans__swiper .swiper-slide { flex:1 1 30%; max-width:30%; }
 .swiper-button-prev, .swiper-button-next, .swiper-pagination { display:none !important; }
 }


/* ======================== */
/* RESPONSIVE: COLUMNAS/IMAGENES */
/* ======================== */
@media (max-width: 1024px) { .col-6 { flex:0 0 100%; max-width:100%; }
 }


/* ======================== */
/* PLANES HOSTING */
/* ======================== */
/* TOGGLE PLANES DE PRECIOS */
/* ======================== */
.mod-plans__billing { position: relative; display: flex; justify-content: space-between; border: 3px solid var(--cyber-blue); border-radius: 100px; overflow: hidden; background-color: white; padding: 3px; margin: 30px auto; max-width: 600px; width: 100%; }

.mod-plans__billing::before { content: ''; position: absolute; top: 3px; left: 3px; width: calc((100% - 6px) / 3); height: calc((100% - 6px)); background: var(--cyber-blue); border-radius: 100px; transition: transform 0.3s ease; z-index: 0; }

.mod-plans__billing[data-active="mensual"]::before { transform: translateX(0%); }

.mod-plans__billing[data-active="trimestral"]::before { transform: translateX(100%); }

.mod-plans__billing[data-active="anual"]::before { transform: translateX(200%); }

.mod-plans__billing-btn { flex: 1; position: relative; z-index: 1; background: none; border: none; outline: none; padding: 6px 10px 7px; font-weight: 700; font-size: 1.08rem; color: var(--cyber-blue); cursor: pointer; transition: color 0.3s ease; text-align: center; }

.mod-plans__billing-btn span { display: block; font-size: .78rem; font-weight: 500; color: var(--text-color-light); }

.mod-plans__billing-btn.active { color: white; }

.mod-plans__billing-btn.active span { color: white; }

.mod-plans__toggle { display: inline-block; margin-top: 10px; color: var(--cyber-sky); font-weight: 700; cursor: pointer; text-decoration: none; }

/* ======================== */
/* RESPONSIVE BILLING TOGGLE */
/* ======================== */
@media (max-width: 1024px) { .mod-plans__billing { padding: 3px; border-width: 3px; border-radius: 20px; max-width: 100%; margin: 20px auto; min-height: 68px; height: auto; align-items: stretch; }
 .mod-plans__billing-btn { padding: 8px 6px 7px; white-space: nowrap; font-size: .94rem; line-height: 1.1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; border-radius: 18px; }
 .mod-plans__billing-btn span { line-height: 1.15; font-size: .68rem; margin-top: 0; }
 .mod-plans__billing::before { top: 3px; left: 3px; height: calc(100% - 6px); width: calc((100% - 6px) / 3); border-radius: 18px; }
 }


.mod-plans__desc { text-align: left; font-size: .9rem; line-height: 1.45; padding: 5px 0 12px 0; border-bottom: 2px solid var(--cyber-blue); }
.mod-plans__header { text-align: center; max-width: 1200px; margin: 0 auto; }
.mod-plans__header h2 { margin-bottom: 14px; text-align:center; }
.mod-plans__header p { margin-top: 0; text-align:center; margin-left: auto; margin-right: auto; max-width: 1020px; }

@media (min-width: 1025px) {
  .mod-plans__desc { min-height: 112px; }
}

.mod-plans__toggle { display: block; font-weight: 700; color: var(--cyber-sky); cursor: pointer; margin-bottom: 10px; text-decoration: none; }

/* ======================== */
/* SWIPER PLANES - FLECHAS */
/* ======================== */
.mod-plans__inner .swiper-button-prev,  .mod-plans__inner .swiper-button-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 48px; height: 48px; background: transparent; border-radius: 50%; box-shadow: none; display: flex; align-items: center; justify-content: center; transition: border-color .2s ease, color .2s ease; border: 2px solid var(--cyber-sky); color: var(--cyber-sky); }

.mod-plans__inner .swiper-button-prev::after,
.mod-plans__inner .swiper-button-next::after {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  transform: translateY(-1px);
}

.mod-plans__inner .swiper-button-prev { left: 6px; }

.mod-plans__inner .swiper-button-next { right: 6px; }

.mod-plans__inner .swiper-button-prev:hover,
.mod-plans__inner .swiper-button-next:hover { border-color: var(--cyber-blue); color: var(--cyber-blue); }

.mod-plans__inner .swiper-pagination { margin-top: 40px; margin-bottom: 20px; }

/* ======================== */
/* PAGINACIÓN SWIPER */
/* ======================== */
.mod-plans__swiper .swiper-pagination { position: relative; margin-top: 20px; text-align: center; z-index: 1; }

.mod-plans__swiper { padding-bottom: 30px; }

.swiper-button-prev, .swiper-button-next { color: var(--cyber-sky); background: transparent; border: 2px solid var(--cyber-sky); border-radius: 50%; width: 48px; height: 48px; position: absolute; z-index: 10; display: flex; align-items: center; justify-content: center; box-shadow: none; opacity: 1; transition: border-color .2s ease, color .2s ease; }

.swiper-button-prev:hover, .swiper-button-next:hover { border-color: var(--cyber-blue); color: var(--cyber-blue); }

.swiper-button-prev { left: -20px; }

.swiper-button-next { right: -20px; }

/* ======================== */
/* DESACTIVAR EN DESKTOP */
/* ======================== */
@media (min-width: 1025px) { .swiper-button-prev, .swiper-button-next, .swiper-pagination { display: none !important; }
 }


/* ======================== */
/* MOD-CMS-LOGOS */
/* ======================== */
.mod-cms-logos { text-align: center; padding: 120px 20px; background: var(--cyber-dark); color: var(--white); margin-top: 80px; }

.mod-cms-logos__title { margin-bottom: 10px; color: var(--white); }

.mod-cms-logos__subtitle { margin-bottom: 30px; color: var(--grey-light); }

.mod-cms-logos__grid { --grid-template: repeat(auto-fit, minmax(120px, 1fr)); --grid-gap: 24px; justify-content: center; max-width: 1200px; margin: 0 auto; }

.mod-cms-logos__item { display: flex; flex-direction: column; align-items: center; justify-content: center; transition: transform 0.2s ease; }

.mod-cms-logos__item:hover { transform: translateY(-4px); }

.mod-cms-logos__item img { max-width: 80px; height: auto; margin-bottom: 10px; display: block; }

.mod-cms-logos__item span { display: block; font-weight: 500; color: var(--white); text-align: center; }

/* ======================== */
/* MOD-DIRECTADMIN */
/* ======================== */
.mod-directadmin { padding: 60px 0; background: var(--cyber-grey); text-align: center; }

.mod-directadmin__title { margin-bottom: 30px; color: var(--cyber-darkblue); }

.mod-directadmin__subtitle { color: var(--grey); max-width: 800px; margin: 0 auto 40px; }

.mod-directadmin__grid { --grid-cols: 4; --grid-cols-md: 2; --grid-cols-sm: 1; --grid-gap: 30px; margin-top: 30px; }

.mod-directadmin__item { background: white; border-radius: 16px; padding: 30px 20px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06); transition: transform 0.3s ease; text-align: center; }

.mod-directadmin__item:hover { transform: translateY(-8px); }

.mod-directadmin__icon { display: flex; align-items: center; justify-content: center; height: 80px; margin-bottom: 20px; }

.mod-directadmin__item img { width: 60px; height: 60px; display: block; margin-bottom: 20px; }

.mod-directadmin__item h3 { margin-bottom: 10px; color: var(--cyber-darkblue); }

.mod-directadmin__item p { color: var(--grey-dark); }

/* ======================== */
/* TESTIMONIOS - ESTILO GENERAL */
/* ======================== */
.mod-testimonials { padding:60px 0; text-align:center; }

.mod-testimonials h2 { color:var(--cyber-darkblue); margin-bottom:30px; }
.mod-testimonials h2 strong { color:var(--cyber-blue); }

.mod-testimonials__slider { position:relative; overflow:hidden; padding:0 56px; }

.mod-testimonials__item { min-height:200px; display:flex; gap:16px; align-items:flex-start; text-align:left; }

.mod-testimonials__media { flex:0 0 118px; display:flex; flex-direction:column; align-items:center; text-align:center; }

.mod-testimonials__media img { width:74px; height:74px; border-radius:999px; object-fit:cover; border:2px solid rgba(22,20,93,.12); box-shadow:0 4px 10px rgba(8,8,38,.08); margin:0 auto 10px; }

.mod-testimonials__body { flex:1 1 auto; min-width:0; }

.mod-testimonials__name { font-weight:700; color:var(--cyber-darkblue); line-height:1.2; margin-bottom:4px; font-size:.98rem; }

.mod-testimonials__role { font-weight:600; color:var(--text-color-light); text-transform:none; letter-spacing:0; margin-bottom:0; font-size:.78rem; line-height:1.35; }

.mod-testimonials__quote { line-height:1.5; color:var(--text-color-grey); margin:0; font-size:.88rem; }

.mod-testimonials__quote:before { content:'“'; color:var(--cyber-sky); font-weight:700; margin-right:2px; }

.mod-testimonials__quote:after { content:'”'; color:var(--cyber-sky); font-weight:700; margin-left:2px; }

@media (max-width:768px) { .mod-testimonials__item { flex-direction:column; align-items:flex-start; }
 .mod-testimonials__slider { padding:0 22px; }
 .mod-testimonials__media { flex:0 0 auto; width:100%; }
 .mod-testimonials__media img { width:68px; height:68px; }
 .mod-testimonials__name { font-size:1rem; }
 .mod-testimonials__quote { font-size:.9rem; }
 }

@media (min-width:1025px) and (hover:hover) {
 .mod-testimonials .mod-carousel__prev,
 .mod-testimonials .mod-carousel__next { opacity:0; pointer-events:none; }
 .mod-testimonials:hover .mod-carousel__prev,
 .mod-testimonials:hover .mod-carousel__next { opacity:1; pointer-events:auto; }
}

/* ======================== */
/* BANNER DESTACADO         */
/* ======================== */
.mod-banner { padding:80px 0; background: var(--cyber-darkblue); }
.mod-banner .mod-banner__text, .mod-banner .mod-banner__text h2, .mod-banner .mod-banner__text p, .mod-banner .mod-banner__text li { color: var(--white); }
.mod-banner .btn { --btn-fg: var(--white); --btn-border: var(--white); --btn-bg-hover: var(--white); --btn-fg-hover: var(--cyber-darkblue); --btn-border-hover: var(--white); }
.mod-banner--cta .mod-banner__text { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; text-align:left; }
.mod-banner--cta .mod-banner__title { line-height:1.15; margin-bottom:.6rem; font-size:clamp(2rem,2.7vw,3rem); text-align:left; }
.mod-banner--cta .mod-banner__copy { line-height:1.6; font-size:clamp(1.08rem,1.35vw,1.4rem); max-width:700px; margin-left:0; margin-right:0; text-align:left; color:#fff; }
.mod-banner--cta .mod-banner__copy strong,
.mod-banner--cta .mod-banner__title strong { color:#fff; font-weight:400; }
.mod-banner--cta .mod-banner__title,
.mod-banner--cta .mod-banner__copy { font-weight:400; }
.mod-banner--cta .mod-banner__actions { margin-top:12px; display:flex; justify-content:flex-start; width:100%; }
.cms-plans { padding:80px 0; }


.mod-banner__text, .mod-banner__image { flex:1 1 45%; }

.mod-banner__image img { width:100%; border-radius:0.5rem; animation:float 4s ease-in-out infinite; }

@media (max-width: 1024px) { .mod-banner .row { flex-direction:column; }
 .mod-banner__text { margin-top:1rem; }
 }

@keyframes float { 0%,100% { transform:translateY(0); }
 50% { transform:translateY(-10px); }
 }

.mod-legal { padding:80px 20px; background-color:#fff; color:var(--text-color-dark); }

.mod-legal__block { margin-bottom:60px; }

.mod-legal__block h2 { color:var(--cyber-blue); margin-bottom:20px; border-bottom:1px solid var(--cyber-blue); padding-bottom:5px; }
.mod-legal__subheading { margin-top:.75rem; }
.mod-legal__paragraph-space { margin-top:1.5rem; }

.mod-legal__block p { margin:0 0 12px; }

.mod-legal__block ul { padding-left:1.5rem; margin:1rem 0; list-style:none; }

.mod-legal__block ul li { position:relative; padding-left:1.2rem; margin-bottom:.6rem; line-height:1.5; }

.mod-legal__block ul li::before { content:'•'; position:absolute; left:0; color:var(--cyber-blue); font-weight:bold; font-size:1rem; line-height:1; }

.mod-legal__table table { width:100%; border-collapse:collapse; margin-top:1rem; }

.mod-legal__table th, .mod-legal__table td { border:1px solid var(--cyber-grey); padding:10px; text-align:left; }

.mod-legal__table th { background-color:var(--cyber-blue); color:#fff; font-weight:600; }

.mod-legal__table tr:nth-child(even) { background-color:var(--cyber-grey); }

/* ======================== */
/* DIRECTADMIN (MOD-DA-*) */
/* ======================== */
.mod-da-why,
.mod-da-usecases,
.mod-da-compare,
.mod-da-demo,
.mod-da-tabs { padding: 80px 0; }
.mod-da-why .t-title-xl,
.mod-da-usecases .t-title-xl,
.mod-da-demo .t-title-xl,
.mod-da-tabs .t-title-xl { text-align:center; }
.mod-da-why > .container > .t-body { text-align:center; max-width:980px; margin:12px auto 32px; }

.mod-da-why { background: var(--cyber-grey); }
.mod-da-why__grid { --grid-cols: 3; --grid-cols-md: 2; --grid-cols-sm: 1; --grid-gap: 22px; }
.mod-da-why__item { --card-display:block; --card-text-align:left; min-height: 0; padding:22px 24px 14px; }
.mod-da-why__item-title { margin:0 0 10px; color:var(--cyber-darkblue); font-size:clamp(1rem,1.12vw,1.22rem); line-height:1.15; font-weight:700; }
.mod-da-why__item-text { margin:0; color:var(--text-color-grey); padding-left:12px; border-left:5px solid var(--cyber-sky); font-size:clamp(.86rem,.92vw,.98rem); line-height:1.35; display:block; }

.mod-da-usecases { background: var(--cyber-darkblue); }
.mod-da-usecases__grid { --grid-cols: 3; --grid-cols-md: 2; --grid-cols-sm: 1; --grid-gap: 24px; }
.mod-da-usecases .t-title-xl { color:#fff; }
.mod-da-usecases .t-title-xl strong { color:var(--cyber-sky); }
.mod-da-usecases > .container > .t-body { text-align:center; max-width:980px; margin:12px auto 36px; color:rgba(255,255,255,.88); }
.mod-da-usecases__card { --card-display:flex; --card-align:flex-start; --card-justify:flex-start; --card-text-align:left; min-height:100%; display:flex; flex-direction:column; padding:0; border:none; background:#fff; border-radius:28px; overflow:hidden; }
.mod-da-usecases__media { width:100%; height:290px; object-fit:cover; display:block; }
.mod-da-usecases__content { padding:32px 30px 34px; }
.mod-da-usecases__eyebrow { margin:0 0 6px; color:var(--cyber-darkblue); font-size:clamp(1.55rem,1.9vw,1.95rem); font-weight:300; line-height:1.1; letter-spacing:-0.01em; }
.mod-da-usecases__card .t-card-title { color:var(--cyber-blue); margin:0 0 16px; font-size:clamp(1.8rem,2.1vw,2.3rem); line-height:1.02; font-weight:700; letter-spacing:-0.01em; }
.mod-da-usecases__card .t-body { color:var(--cyber-darkblue); margin:0; font-size: 1.12rem; line-height: 1.45; }
.mod-da-compare__table-wrap,
.mod-da-tabs__table-wrapper { max-width:100%; overflow-x:auto; margin-top:20px; border:3px solid var(--cyber-blue); border-radius:16px; overflow:hidden; background:#fff; }
.mod-da-compare__table,
.mod-da-tabs__table { width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed; box-sizing:border-box; }
.mod-da-compare__table th,
.mod-da-compare__table td,
.mod-da-tabs__table th,
.mod-da-tabs__table td { padding:.75rem 1rem; border:0; text-align:center; line-height:1.4; word-break:break-word; }
.mod-da-compare__table thead th,
.mod-da-tabs__table thead th { background:var(--cyber-blue); color:#fff; }
.mod-da-compare__table thead th:first-child { background: var(--cyber-darkblue); }
.mod-da-compare__table tbody td:first-child,
.mod-da-tabs__table tbody td:first-child { background:var(--cyber-darkblue); color:#fff; font-weight:700; }
.mod-da-compare__table tbody tr:nth-child(even),
.mod-da-tabs__table tbody tr:nth-child(even) { background:rgba(4,0,190,.05); }
.mod-da-compare__table tbody tr:nth-child(even) td:first-child,
.mod-da-tabs__table tbody tr:nth-child(even) td:first-child { background:#110f75; }
.mod-da-compare__table thead th + th,
.mod-da-tabs__table thead th + th { border-left:2px solid rgba(4, 0, 190, .45); }
.mod-da-compare__table tbody td + td,
.mod-da-tabs__table tbody td + td { border-left:2px solid rgba(4, 0, 190, .45); }
.mod-da-compare__table tbody tr:first-child td,
.mod-da-tabs__table tbody tr:first-child td { border-top:2px solid rgba(4, 0, 190, .45); }
.mod-da-compare__table tbody tr + tr td,
.mod-da-tabs__table tbody tr + tr td { border-top:2px solid rgba(4, 0, 190, .45); }
.mod-da-compare__heading { text-align:center; margin:0 0 16px; color:var(--cyber-darkblue); font-size:clamp(1.35rem,1.8vw,1.85rem); line-height:1.2; }
.mod-da-compare__note { margin:16px auto 0; max-width:980px; text-align:center; }
.mod-da-why .mod-da-compare { padding:46px 0 0; }

.mod-da-demo { background: var(--cyber-darkblue); padding: 96px 0; }
.mod-da-demo .t-title-xl,
.mod-da-demo .t-body { text-align:center; color:#fff; }
.mod-da-demo .t-body { margin-bottom:30px; color:rgba(255,255,255,.88); }
.mod-da-demo__shots img { width:100%; height:auto; border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.25); }
.mod-da-demo__creds { display:flex !important; flex-wrap:wrap; justify-content:center; margin:3rem 0; gap:1.5rem; }
.mod-da-demo__card { flex:0 0 32%; max-width:32%; text-align:left; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; border:3px solid var(--cyber-sky); background:linear-gradient(180deg, rgba(35,33,129,.92) 0%, rgba(12,10,82,.95) 100%); }
.mod-da-demo__card h3 { margin:0; color:#fff; text-align:left; }
.mod-da-demo__creds-block { width:100%; display:grid; gap:10px; }
.mod-da-demo__credential { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:10px; background:rgba(255,255,255,.06); border:1px solid rgba(0,194,255,.35); border-radius:12px; padding:10px 12px; text-align:left; }
.mod-da-demo__label { color:rgba(255,255,255,.86); font-weight:600; font-size:.92rem; }
.mod-da-demo__value { color:var(--cyber-sky); font-size:.95rem; }
.mod-da-demo__copy { border:3px solid var(--cyber-sky); border-radius:100px; background:transparent; color:var(--cyber-sky); font-size:.85rem; font-weight:700; line-height:1; padding:8px 12px; cursor:pointer; transition:all .25s ease; min-width:124px; height:50px; display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; text-transform:uppercase; }
.mod-da-demo__copy:hover { border-color:var(--white); color:var(--white); background:transparent; }
.mod-da-demo__copy.is-copied { background:var(--white); border-color:var(--white); color:var(--cyber-blue); }
.mod-da-demo__type { margin:6px 0 12px; color:rgba(255,255,255,.78); text-align:left; }
.mod-da-demo__card-cta { display:none; margin-top:8px; width:100%; }
.mod-da-demo__global-cta { display:block; }

.mod-da-tabs { margin:0 auto; }
.mod-da-tabs .t-title-xl,
.mod-da-tabs .t-body { text-align:center; }
.mod-da-tabs__buttons { margin-bottom:20px; }
.mod-da-tabs__content { padding:0; }
.mod-da-tabs__pane { display:none; }
.mod-da-tabs__pane.active { display:block; }
.mod-da-tabs__cards { --grid-cols: 3; --grid-cols-md: 2; --grid-cols-sm: 1; --grid-gap: 16px; }
.mod-da-tabs__item { --card-display:flex; --card-align:center; --card-justify:center; --card-text-align:left; min-height:unset; padding:12px 16px; border:1px solid rgba(4,0,190,.14); box-shadow:none; }
.mod-da-tabs__item .t-body { margin:0; color:var(--text-color-grey); font-size:1.01rem; line-height:1.35; text-align:left; padding-left:12px; border-left:5px solid var(--cyber-sky); }
.mod-da-tabs__mark { display:inline-block; font-size:1.18rem; line-height:1; font-weight:900; }
.mod-da-tabs__mark--yes { color:#17b857; }
.mod-da-tabs__mark--no { color:#e53935; }
.mod-da-tabs__note { color:var(--text-color-grey); font-size:.9rem; }

.mod-da-lightbox { position:fixed; inset:0; background:rgba(0,0,0,.8); display:none; align-items:center; justify-content:center; z-index:9999; }
.mod-da-lightbox.active { display:flex !important; }
.mod-da-lightbox__content { max-width:95vw; max-height:90vh; display:flex; align-items:center; justify-content:center; }
.mod-da-lightbox__content img { max-width:100%; max-height:100%; object-fit:contain; display:block; margin:auto; }
.mod-da-lightbox__close { position:absolute; top:1rem; right:1rem; background:none; border:0; color:#fff; font-size:2rem; cursor:pointer; }
.mod-da-lightbox__prev, .mod-da-lightbox__next { position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px; background:transparent; color:var(--cyber-sky); border:3px solid var(--cyber-sky); border-radius:50%; font-size:2rem; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:none; }
.mod-da-lightbox__prev:hover, .mod-da-lightbox__next:hover { color:var(--cyber-blue); border-color:var(--cyber-blue); }
.mod-da-lightbox__prev { left:1rem; }
.mod-da-lightbox__next { right:1rem; }

@media (max-width: 1024px) {
  .mod-da-usecases__card { min-height:unset; }
  .mod-da-usecases__media { height:240px; }
  .mod-da-usecases__content { padding:24px 22px 26px; }
  .mod-da-usecases__eyebrow { font-size:clamp(1.25rem,5vw,1.55rem); }
  .mod-da-usecases__card .t-card-title { font-size: clamp(1.55rem, 6.4vw, 1.95rem); }
  .mod-da-usecases__card .t-body { font-size: 1rem; }
  .mod-da-demo__creds { gap: 18px; }
  .mod-da-demo__creds .col-4 { width:100%; max-width:100%; flex:0 0 100%; }
  .mod-da-demo__card { flex:0 0 100%; max-width:100%; width:100%; }
  .mod-da-demo__creds-block { width:100%; }
  .mod-da-demo__credential { grid-template-columns:1fr; text-align:center; width:100%; }
  .mod-da-demo__copy { width:100%; min-width:0; }
  .mod-da-demo__card-cta { display:inline-flex; align-items:center; justify-content:center; }
  .mod-da-demo__global-cta { display:none; }
}

@media (max-width: 768px) {
  .mod-da-why,
  .mod-da-usecases,
  .mod-da-compare,
  .mod-da-demo,
  .mod-da-tabs { padding: 64px 0; }
  .mod-da-demo { padding: 76px 0; }
}


/* ======================== */
/* SECTION HEADERS (UNIFICADO) */
/* ======================== */

:is(.mod-cms-logos, .mod-directadmin, .mod-advantages, .mod-tools, .mod-domain-benefits, .mod-domain-grid, .mod-domain-volume) > .container > .t-title-xl { text-align:center; margin-left:auto; margin-right:auto; }

:is(.mod-cms-logos, .mod-directadmin, .mod-advantages, .mod-tools, .mod-domain-benefits, .mod-domain-grid, .mod-domain-volume) > .container > .t-body { text-align:center; margin-left:auto; margin-right:auto; max-width:980px; }

/* ======================== */
/* MOD-ADVANTAGES           */
/* ======================== */

.mod-advantages { padding:90px 0 110px; }

.mod-advantages__header { max-width:900px; margin:0 auto 32px; display:flex; flex-direction:column; gap:10px; text-align:center; }

.mod-advantages__header .t-title-xl { margin:0 auto; text-align:center; width:100%; }
.mod-advantages__header .t-title-xl strong { color:var(--cyber-blue); }
.mod-advantages__header .t-body { margin:0 auto; max-width:820px; text-align:center; }

.mod-advantages__grid { --grid-cols: 3; --grid-cols-md: 2; --grid-cols-sm: 1; --grid-gap: 28px; }

.mod-advantages__card { display:flex; flex-direction:column; gap:18px; align-items:flex-start; text-align:left; }

.mod-advantages__media { display:flex; align-items:center; justify-content:center; width:100%; height:280px; }

.mod-advantages__media img { width:100%; height:100%; max-width:320px; object-fit:contain; object-position:center; }

.mod-advantages__body { width:100%; text-align:left; }
.mod-advantages__body .t-card-title { margin:0 0 8px 0; text-align:left; font-size:clamp(1.35rem,1.6vw,1.8rem); line-height:1.22; font-weight:400; color:var(--cyber-blue); min-height:unset; display:block; }
.mod-advantages__body .t-card-title strong { color:var(--cyber-blue); font-weight:400; }
.mod-advantages__body .t-body { margin:0; color:var(--text-color-grey); text-align:left; max-width:36ch; }
.mod-advantages__header .t-body a { color: var(--cyber-blue); text-decoration: none; font-weight: 700; }

@media(max-width:768px) { .mod-advantages { padding:70px 0; }
 .mod-advantages__media { height:230px; }
 .mod-advantages__body .t-card-title { font-size:clamp(1.25rem,5.2vw,1.5rem); }
 }

/* ======================== */
/* MOD-PROTECTION */
/* ======================== */

.mod-protection { position:relative; padding:120px 0; background:var(--cyber-dark); }

.mod-protection>.container { position:relative; z-index:1; }
.mod-protection__header { max-width:980px; margin:0 auto 42px; text-align:center; }
.mod-protection__header .t-title-xl { color:var(--white); margin:0 auto 14px; text-align:center; }
.mod-protection__header .t-body { color:var(--white); margin:0 auto; max-width:980px; text-align:center; }

.mod-protection__grid { --grid-cols: 2; --grid-cols-md: 1; --grid-gap: 60px; }

.mod-protection__image { width:100%; margin-bottom:20px; border-radius:15px; }

.mod-protection__title { margin-bottom:12px; color:#fff; }
.mod-protection__title strong { color:var(--cyber-sky); }

.mod-protection__lead { color:#fff; line-height:1.6; max-width:480px; }

@media(max-width:768px) { .mod-protection { padding:60px 0; }
 .mod-protection__intro { text-align:center; }
.mod-protection__image { margin:0 auto 20px; }
 .mod-protection__header { margin-bottom: 30px; }
 }

.mod-protection__list { display:flex; flex-direction:column; gap:24px; }

.mod-protection__item { display:flex; align-items:center; gap:20px; padding:20px; border:2px solid var(--cyber-sky); border-radius:16px; color:#fff; animation:borderPulse 4s ease-in-out infinite; transition:border-color .3s ease-in-out; }

.mod-protection__item:hover { border-color:var(--cyber-darkblue); animation:none; }

.mod-protection__icon { flex:0 0 100px; display:flex; align-items:center; justify-content:center; }

.mod-protection__icon img { max-width:100%; height:auto; }

.mod-protection__item-title { color:var(--cyber-sky); margin-bottom:6px; font-weight:700; }

.mod-protection__item-text { color:#fff; margin:0; }

.mod-protection__note { display:block; margin-top:6px; color:#dbe7ff; }
.mod-protection .text-center { margin-top: 28px; }
@media(max-width:768px) {
  .mod-protection .text-center { margin-top: 40px; }
}

@keyframes borderPulse { 0% { border-color:var(--cyber-sky); }
50% { border-color:var(--cyber-darkblue); }
100% { border-color:var(--cyber-sky); }
 }

/* ======================== */
/* MOD-CLOUD-CONFIG */
/* ======================== */

.mod-cloud-config { background:var(--cyber-darkblue); padding:96px 0; text-align:center; }

.mod-cloud-config__inner { max-width:920px; margin:0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; }

.mod-cloud-config__image { width:60vw; max-width:720px; height:auto; margin:0 auto 22px; display:block; }

.mod-cloud-config .t-title-xl { color:var(--white); margin:0 0 10px; text-align:center; }
.mod-cloud-config .t-title-xl strong { color:var(--cyber-sky); }

.mod-cloud-config .t-body { color:rgba(255,255,255,.9); max-width:780px; margin:0 auto 18px; text-align:center; }

.mod-cloud-config__price { margin:0 0 18px; color:var(--white); font-size:clamp(1.25rem, 1.9vw, 1.6rem); line-height:1.2; font-weight:700; }

.mod-cloud-config .btn { min-width:280px; }

.mod-cloud-config__note { margin:14px auto 0; max-width:760px; color:rgba(255,255,255,.88); text-align:center; }

@media (max-width: 768px) {
  .mod-cloud-config { padding:72px 0; }
  .mod-cloud-config__image { width:86vw; max-width:520px; margin-bottom:16px; }
  .mod-cloud-config .btn { width:100%; min-width:0; }
}

/* ======================== */
/* MOD-TOOLS */
/* ======================== */

.mod-tools { padding:110px 0 96px; }

.mod-tools .t-title-xl { margin:0 auto 16px; color:var(--cyber-darkblue); text-align:center; max-width:980px; }
.mod-tools > .container > .t-body { margin:0 auto 44px; max-width:980px; text-align:center; }

.mod-tools__grid { --grid-template: repeat(auto-fit, minmax(280px, 1fr)); --grid-gap: 30px; }

.mod-tools__item { --card-display: flex; --card-align: center; --card-justify: center; --card-text-align: center; flex-direction:column; text-align:center; gap:10px; }

.mod-tools__item:hover { transform:translateY(-6px); box-shadow:0 12px 24px var(--shadow-light); }

.mod-tools__icon { width:82px; height:82px; margin-bottom:10px; display:flex; align-items:center; justify-content:center; }
.mod-tools__icon img { width:100%; height:100%; object-fit:contain; }

.mod-tools__item h3 { color:var(--cyber-blue); margin-bottom:6px; text-align:center; }

.mod-tools__item p { color:var(--text-color-grey); text-align:center; }

@media(max-width:768px) { .mod-tools .t-title-xl,.mod-tools > .container > .t-body { text-align:center; }
 }

/* ======================== */
/* MOD-TABS-CMS */
/* ======================== */

.mod-cms--tabs { padding:80px 0; }

.mod-cms__header { text-align:left; margin-bottom:2rem; }

.mod-cms__title { margin-bottom:.5rem; }

.mod-cms__subtitle { color:var(--grey); text-align:left; }


.mod-cms__body { display:flex; flex-direction:column; gap:1.75rem; }

@media (min-width: 1025px) { .mod-cms__body { flex-direction:row; align-items:center; }
 }

.mod-cms__media { flex:1; text-align:center; }

.mod-cms__media-item { display:none; max-width:100%; height:auto; transition: none; animation: none; }

.mod-cms__media-item.active { display:inline-block; }

.mod-cms__content { flex:1; min-height: 520px; }

.mod-cms__panel { display:none; transition: none; animation: none; }

.mod-cms__panel.active { display:block; }

.mod-cms__panel .eyebrow { display:inline-block; color:var(--cyber-blue); margin-bottom:.6rem; font-weight:700; border:1px solid rgba(4,0,190,.2); border-radius:999px; padding:.2rem .6rem; background:rgba(4,0,190,.06); }

.mod-cms__panel h3 { margin-bottom:.75rem; color:var(--cyber-darkblue); }

.mod-cms__panel ul { list-style:none; margin:0 0 0 0; padding:0; line-height:1.6; }

.mod-cms__panel li { position:relative; padding-left:24px; margin-bottom:.6rem; color:var(--text-color-grey); }

.mod-cms__panel li::before { content:""; position:absolute; left:0; top:.35rem; width:14px; height:14px; border-radius:50%; background:var(--cyber-sky); box-shadow:0 0 0 3px rgba(0,203,255,.18); }

.mod-cms__nav { position: relative; display: flex; justify-content: space-between; border: 3px solid var(--cyber-blue); border-radius: 100px; overflow: hidden; background-color: #fff; padding: 3px; margin: 30px auto; max-width: 600px; width: 100%; list-style: none; }
.mod-cms__nav::before { content: ''; position: absolute; top: 3px; left: 3px; width: calc((100% - 6px) / 3); height: calc(100% - 6px); background: var(--cyber-blue); border-radius: 100px; transition: transform 0.3s ease; z-index: 0; }
.mod-cms__nav[data-active="mensual"]::before { transform: translateX(0%); }
.mod-cms__nav[data-active="trimestral"]::before { transform: translateX(100%); }
.mod-cms__nav[data-active="anual"]::before { transform: translateX(200%); }
.mod-cms__nav li { flex:1; display:flex; }
.mod-cms__tab { position: relative; z-index: 1; width: 100%; border: none; background: transparent; color: var(--cyber-blue); font-weight: 700; padding: 10px 16px; border-radius: 999px; cursor: pointer; transition: color 0.25s ease; }
.mod-cms__tab:hover { color: var(--cyber-blue); }
.mod-cms__tab.active { color: var(--white); }
.mod-cms__tab.active:hover { color: var(--white); }

@media (max-width: 1024px) { .mod-cms__nav { padding: 3px; border-width: 3px; max-width: 100%; margin: 20px auto; height: 48px; }
 .mod-cms__nav::before { top: 3px; left: 3px; height: calc(100% - 6px); width: calc((100% - 6px) / 3); }
 .mod-cms__tab { padding: 6px 10px; }
 }

/* ======================== */
/* MOD-DOMAIN-TRANSFER */
/* ======================== */

.mod-domain-transfer { padding:80px 0; background:var(--cyber-grey); text-align:center; }

.mod-domain-transfer__title { text-align:center; }
.mod-domain-transfer .t-title-xl { color:var(--cyber-darkblue); margin-bottom:8px; }
.mod-domain-transfer .t-body { color:var(--text-color-grey); margin-bottom:20px; }

/* ======================== */
/* MOD-DOMAIN-SEARCH (FEATURED) */
/* ======================== */

.mod-domain-search__featured { padding:18px 0 68px; background:var(--cyber-darkblue); }

.mod-domain-search__featured-title { text-align:center; margin-bottom:1.35rem; color:var(--white); font-size: clamp(1.7rem, 2.55vw, 2.25rem); font-weight: 600; }

.mod-domain-search__card { text-align:center; }

.mod-domain-search__card--dark { background:rgba(255,255,255,.03); border:3px solid rgba(0,203,255,.62); border-radius:24px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); }

.mod-domain-search__tld { color:var(--white); margin-bottom:8px; font-size:clamp(2.3rem, 3.2vw, 3.05rem); line-height:1; }

.mod-domain-search__price { font-weight:700; color:var(--cyber-sky); margin-bottom:12px; font-size:clamp(1.85rem, 2.5vw, 2.35rem); line-height:1; }

.mod-domain-search__price span { display:inline-block; margin-left:3px; font-size:.62em; font-weight:500; color:rgba(255,255,255,.78); }

.mod-domain-search__card .t-text-light { color:var(--white) !important; }

/* ======================== */
/* HERO CLOUD ESCALABLE */
/* ======================== */

.mod-hero-cloud { background:var(--cyber-darkblue); }

/* ======================== */
/* MOD-FEATURES DARK (CLOUD) */
/* ======================== */

.mod-features--dark { background:var(--cyber-darkblue); }

/* ======================== */
/* MOD-DOMAIN-BENEFITS */
/* ======================== */

.mod-domain-benefits { padding:80px 0; text-align:center; }

.mod-domain-benefits__title { text-align:center; }
.mod-domain-benefits .t-title-xl { color:var(--cyber-darkblue); margin-bottom:40px; }

.mod-domain-benefits__grid { --grid-template: repeat(auto-fit, minmax(200px, 1fr)); --grid-gap: 24px; }

.mod-domain-benefits__card { display:flex; flex-direction:column; align-items:center; gap:12px; }

/* ======================== */
/* MOD-DOMAIN-PROMO */
/* ======================== */
.mod-domain-promo { padding:80px 0; }

.mod-domain-promo__inner { background: var(--cyber-darkblue); border-radius: 28px; padding: 40px; display: flex; align-items: center; gap: 24px; }

.mod-domain-promo__text { flex:1 1 45%; color: var(--white); }

.mod-domain-promo__text h2 { color: var(--white); margin: 0 0 10px 0; }
.mod-domain-promo__text h2 strong { color: var(--cyber-sky); }

.mod-domain-promo__lead { color: var(--white); margin: 0 0 16px 0; }
.mod-domain-promo__lead strong { color: var(--white); }

.mod-domain-promo__badge { margin-bottom:.6rem; }

.mod-domain-promo__list { list-style:none; margin:0 0 18px 0; padding:0; color: var(--white); }

.mod-domain-promo__list li { position:relative; padding-left:20px; margin-bottom:6px; }

.mod-domain-promo__list li::before { content:'•'; position:absolute; left:0; top:0; color: var(--cyber-sky); font-weight:700; }

.mod-domain-promo__cta .btn { --btn-fg: var(--white); --btn-border: var(--white); --btn-bg-hover: var(--white); --btn-fg-hover: var(--cyber-darkblue); --btn-border-hover: var(--white); }

.mod-domain-promo__media { flex:1 1 45%; display:flex; align-items:center; justify-content:center; }

.mod-domain-promo__media img { width:100%; border-radius:0.5rem; }

@media (max-width: 1024px) { .mod-domain-promo__inner { flex-direction:column; text-align:center; }
 .mod-domain-promo__text { text-align:left; }
 .mod-domain-promo__media img { max-width: 92%; }
 }

.mod-domain-benefits__card img { width:48px; height:48px; }

.mod-domain-benefits__card h3 { color:var(--cyber-blue); margin:0; }

.mod-domain-benefits__card p { color:var(--text-color-grey); margin:0; }

/* ======================== */
/* MOD-DOMAIN-GRID */
/* ======================== */

.mod-domain-grid { padding:4rem 0; }

.mod-domain-grid .container { max-width:1200px; margin:0 auto; }

.mod-domain-grid__grid { --grid-cols: 3; --grid-cols-md: 2; --grid-cols-sm: 1; --grid-gap: 1.5rem; }

.mod-domain-grid__title { text-align:center; margin-bottom:2rem; }
.mod-domain-grid__lead { max-width:900px; margin:0 auto 1.8rem; text-align:center; color:var(--text-color-grey); }
.mod-domain-grid__lead a { color:var(--cyber-blue); font-weight:700; }
.mod-domain-grid__lead a:hover { color:var(--cyber-sky); }

.mod-domain-grid__card { position:relative; text-align:center; display:flex; flex-direction:column; align-items:center; gap:10px; padding:26px 24px 24px; background:var(--white); border-radius:24px; border:1px solid rgba(4,0,190,.08); }

.mod-domain-grid__header { width:100%; display:flex; flex-direction:column; align-items:center; gap:8px; }
.mod-domain-grid__header .mod-domain-grid__tld { display:block; font-size:clamp(2.3rem, 3.2vw, 3.05rem); line-height:1; font-weight:700; color:var(--cyber-blue); width:100%; }

.mod-domain-grid__price { margin:0 0 6px 0; display:flex; align-items:baseline; justify-content:center; gap:3px; flex-wrap:wrap; }

.mod-domain-grid__price .mod-domain-grid__amount { font-weight:700; color:var(--cyber-sky); font-size:clamp(1.85rem, 2.5vw, 2.35rem); line-height:1; }

.mod-domain-grid__period { color:var(--cyber-blue); font-size:.62em; line-height:1; font-weight:500; }

.mod-domain-grid__tax { display:block; width:100%; margin-top:2px; color:var(--cyber-darkblue); font-size:.74rem; font-weight:500; line-height:1.35; }

.mod-domain-grid__badge { margin-bottom:12px; font-size:.68rem; letter-spacing:.04em; }

.mod-domain-grid__btn {
  --btn-fg: var(--cyber-blue);
  --btn-border: var(--cyber-blue);
  --btn-bg-hover: var(--cyber-blue);
  --btn-fg-hover: var(--white);
  --btn-border-hover: var(--cyber-blue);
  width:auto;
  min-width:184px;
  margin-top:8px;
}

/* ======================== */
/* MOD-DOMAIN-VOLUME */
/* ======================== */
.mod-domain-volume { padding:4.2rem 0; background:var(--cyber-darkblue); }
.mod-domain-volume__header { text-align:center; max-width:860px; margin:0 auto 1.8rem; }
.mod-domain-volume__header .t-title-xl { text-align:center; margin-bottom:.65rem; color:var(--white); }
.mod-domain-volume__header .t-title-xl strong { color:var(--cyber-sky); }
.mod-domain-volume__header .t-body { text-align:center; color:rgba(255,255,255,.9); }
.mod-domain-volume__grid {
  display:grid;
  grid-template-columns:repeat(3, minmax(220px, 1fr));
  gap:1.3rem;
  --grid-gap: 1.3rem;
}
.mod-domain-volume__card {
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.6rem;
  min-height:170px;
  padding:1.3rem 1.1rem;
}
.mod-domain-volume__level {
  margin:0;
  color:var(--white);
  font-size:clamp(1.5rem, 2.05vw, 1.9rem);
  line-height:1.1;
  font-weight:700;
}
.mod-domain-volume__range {
  margin:0;
  color:rgba(255,255,255,.95);
  font-size:1.05rem;
  line-height:1.35;
  font-weight:500;
}
.mod-domain-volume__cta { margin-top:1.4rem; text-align:center; }
.mod-domain-volume__contact { margin:0 0 .8rem; text-align:center; color:rgba(255,255,255,.92); }
.mod-domain-volume__btn { min-width:220px; }

/* Reutiliza el estilo visual del carrusel de dominios destacados */
.mod-domain-volume .mod-domain-search__card--dark {
  min-height:170px;
  padding:24px 20px 22px;
}

@media (max-width: 1024px) {
  .mod-domain-volume__grid { grid-template-columns:repeat(2, minmax(220px, 1fr)); }
}

@media (max-width: 768px) {
  .mod-domain-volume { padding:3rem 0; }
  .mod-domain-grid__lead { margin-bottom:1.35rem; }
  .mod-domain-volume__grid { grid-template-columns:1fr; }
}

.mod-domain-search__featured .mod-carousel__prev,
.mod-domain-search__featured .mod-carousel__next { background-color: transparent; }

.mod-domain-search__featured .mod-carousel__pagination .swiper-pagination-bullet { background: rgba(255,255,255,.38); border-color: rgba(255,255,255,.44); }
.mod-domain-search__featured .mod-carousel__pagination .swiper-pagination-bullet-active { background: var(--cyber-sky); border-color: var(--cyber-sky); }

.mod-domain-search__featured .mod-domain-search__card { text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:290px; padding:24px 24px 22px; }

.mod-domain-search__featured .mod-domain-search__badge { display:inline-flex; align-items:center; justify-content:center; margin-bottom:12px; border-radius:999px; padding:6px 12px; background:var(--cyber-lima); color:var(--cyber-darkblue); font-size:.68rem; font-weight:700; letter-spacing:.04em; }

.mod-domain-search__featured .mod-domain-search__card .btn { width:auto; min-width:184px; margin-top: 8px; --btn-fg: var(--cyber-sky); --btn-border: var(--cyber-sky); --btn-bg-hover: transparent; --btn-fg-hover: var(--white); --btn-border-hover: var(--white); --btn-bg-active: var(--cyber-sky); --btn-fg-active: var(--cyber-darkblue); --btn-border-active: var(--cyber-sky); }

.mod-plans__extra.expanded { display: list-item; max-height: 500px; opacity: 1; }

/* Installatron cards (all sections under .mod-installatron) */
.mod-installatron .mod-tools__item { display:flex; flex-direction:column; align-items:center; text-align:center; gap:.4rem; }
.mod-installatron .mod-tools__item .t-card-title { color: var(--cyber-darkblue); }

.mod-installatron .mod-tools__icon { width:60px; height:60px; display:flex; align-items:center; justify-content:center; margin:0 auto .25rem; }

.mod-installatron .mod-tools__icon img { display:block; margin:0 auto; max-height:60px; width:auto; }

/* Listados de apps dentro de secciones Installatron */
.mod-installatron ul { list-style:none; padding:0; margin:40px 0 0 0; }

/* Lista con flecha azul */
.mod-installatron ul li { position:relative; padding:2px 0 0 20px; line-height:1.55; color:var(--grey-dark); text-align:left; }

.mod-installatron ul li::before { content:""; position:absolute; left:0; top:.3em; width:20px; height:20px; background-image:url("../img/iconos/ico-flecha-azul.svg"); background-repeat:no-repeat; background-position:center; background-size:5px; }

/* Installatron: centrar subtítulos y textos de cards */
.mod-installatron .t-body,
.mod-installatron .mod-tools__item p { text-align:center; }

.mod-installatron .mod-tools__grid { justify-content:center; text-align:center; }

.mod-installatron .mod-tools > .container > .t-body { text-align:center; margin-left:auto; margin-right:auto; }

.mod-installatron .mod-tools__grid { justify-items:center; }

.mod-installatron .mod-tools__item { align-items:center; }

.mod-installatron .t-title-xl,
.mod-installatron .t-body,
.mod-installatron .mod-tools .t-title-xl,
.mod-installatron .mod-tools > .container > .t-body { text-align:center; }

.page-installatron .mod-tools .t-title-xl,
.page-installatron .mod-tools > .container > .t-body { text-align:center; margin-left:auto; margin-right:auto; }

.page-installatron .mod-tools__grid { justify-items:center; }

@media (max-width: 768px) {
  .mod-installatron .grid.grid-3 > .col-4 {
    padding-left: 0;
    padding-right: 0;
  }
}

/* ======================== */
/* Tooltips en planes (integrado) */
/* ======================== */

/* Evita que el carrusel/tarjetas recorten el bocadillo */
/* ======================== */
/* Tooltips en planes (integrado) */
/* ======================== */

/* Evita que el carrusel/tarjetas recorten el bocadillo */
.mod-plans__swiper,
.mod-plans__swiper .swiper-wrapper,
.mod-plans__swiper .swiper-slide { overflow: visible; }

/* Contenedor del icono con tooltip */
/* ======================== */
/* TOOLTIPS */
/* ======================== */
.with-tip { position:relative; display:inline-block; }

/* Botón del icono ? */
.tip { background:var(--grey-dark); color:#fff; border:none; border-radius:50%; width:20px; height:20px; font-size:.85rem; line-height:20px; text-align:center; cursor:pointer; margin-left:6px; padding:0; }

/* Caja del tooltip */
.tip-box { position:absolute; z-index:5000; min-width:220px; max-width:280px; background:#000; color:#fff; font-size:.85rem; line-height:1.4; padding:10px 12px; border-radius:8px; opacity:0; pointer-events:none; transition:opacity .25s ease,transform .25s ease; box-shadow:0 6px 18px rgba(0,0,0,.35); text-align:left; }

/* Tooltip arriba del icono */
.tip-box--top { bottom:100%; left:50%; transform:translateX(-50%) translateY(-8px); margin-bottom:8px; }

/* Flechita */
.tip-box--top::after { content:""; position:absolute; top:100%; left:50%; transform:translateX(-50%); border-width:6px; border-style:solid; border-color:#000 transparent transparent transparent; }

/* Mostrar tooltip en hover/focus (accesible teclado) */
.with-tip:hover .tip-box,
.with-tip:focus-within .tip-box { opacity:1; transform:translateX(-50%) translateY(-12px); pointer-events:auto; }

/* ======================== */
/* CYBERBACKUP PRO — BLOQUE DE PRECIOS (pegar al final) */
/* ======================== */

/* ======================== */
/* CYBERBACKUP PRO — BLOQUE DE PRECIOS (FINAL) */
/* ======================== */

/* Sección */
/* ======================== */
/* CMS TABS */
/* ======================== */
.mod-cms--tabs { padding:80px 0; }

/* Header */
.mod-cms--tabs .mod-cms__header { text-align:center; margin-bottom:22px; }

.mod-cms--tabs .mod-cms__title { color:var(--cyber-darkblue); text-align:center; margin-left:auto; margin-right:auto; }
.mod-cms--tabs .mod-cms__subtitle { max-width:920px; margin:10px auto 0; color:var(--text-color-grey); text-align:center; }

/* Tabs (centradas) */
.mod-cms--tabs .mod-cms__inner { display:flex; flex-direction:column; align-items:center; }

.mod-cms--tabs .mod-cms__nav { position:relative; display:flex; justify-content:space-between; border:3px solid var(--cyber-blue); border-radius:100px; overflow:hidden; background-color:#fff; padding:3px; margin:18px auto 26px; max-width:600px; width:100%; list-style:none; }
.mod-cms--tabs .mod-cms__nav::before { content:''; position:absolute; top:3px; left:3px; width:calc((100% - 6px) / 3); height:calc((100% - 6px)); background:var(--cyber-blue); border-radius:100px; transition:transform 0.3s ease; z-index:0; }
.mod-cms--tabs .mod-cms__nav[data-active="mensual"]::before { transform:translateX(0%); }
.mod-cms--tabs .mod-cms__nav[data-active="trimestral"]::before { transform:translateX(100%); }
.mod-cms--tabs .mod-cms__nav[data-active="anual"]::before { transform:translateX(200%); }
.mod-cms--tabs .mod-cms__nav li { flex:1; display:flex; }

.mod-cms--tabs .mod-cms__tab { flex:1; position:relative; z-index:1; width:100%; border:none; background:transparent; color:var(--cyber-blue); font-weight:700; padding:10px 16px; border-radius:999px; cursor:pointer; transition:color .25s ease; }
.mod-cms--tabs .mod-cms__tab.active { color:#fff; }

/* ======================== */
/* Fixes de ancho: card a 100% del container */
/* ======================== */

.mod-cms--tabs .mod-cms__body { width:100%; }

.mod-cms--tabs .mod-cms__content { width:100%; max-width:none; margin:0; min-height: 520px; }

/* Tarjeta de pestaña */
.mod-cms--tabs .mod-cms__panel { display:none; background:var(--cyber-blue); border:1px solid rgba(0,203,255,.35); border-radius:18px; padding:24px; color:#fff; transition: none; animation: none; }

.mod-cms--tabs .mod-cms__panel.active { display:block; }

/* Eyebrow + títulos */
.mod-cms--tabs .mod-cms__panel .eyebrow { display:inline-block; padding:.3rem .75rem; border:0; border-radius:999px; color:var(--cyber-dark); background:var(--cyber-lima); margin-bottom:12px; font-weight:700; }

.mod-cms--tabs .mod-cms__panel h3 { color:#fff; margin:.25rem 0 .85rem 0; font-size:clamp(1.55rem,2vw,2rem); line-height:1.2; }

.mod-cms--tabs .mod-cms__panel p { margin:.45rem 0; color:rgba(255,255,255,.92); line-height:1.6; }

/* Precios en chips (llenan la columna) */
/* ======================== */
/* PRICE LIST */
/* ======================== */
.price-list { list-style:none; margin:.4rem 0 0 0; padding:0; width:100%; }

.price-list li { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:.35rem 0; padding:8px 12px; width:100%; border:1px solid rgba(4,0,190,.14); background:linear-gradient(90deg,rgba(4,0,190,.06),transparent); border-radius:10px; color:var(--cyber-blue); font-weight:700; }

.price-list li strong { min-width:110px; color:var(--cyber-darkblue); font-weight:800; }

@media (max-width:480px) { .price-list li strong { min-width:96px; }
 }

/* Nota */

/* Spacing responsive */
@media (max-width: 1024px) { .mod-cms--tabs { padding:60px 0; }
 .mod-cms--tabs .mod-cms__body { display:contents; }
 .mod-cms--tabs .mod-cms__media { order:1; width:100%; }
 .mod-cms--tabs .mod-cms__nav { order:2; margin:14px auto 20px; }
 .mod-cms--tabs .mod-cms__content { order:3; width:100%; }
 .mod-cms--tabs .mod-cms__nav { padding:3px; border-width:3px; max-width:100%; margin:14px auto 20px; min-height:48px; }
 .mod-cms--tabs .mod-cms__nav::before { top:3px; left:3px; height:calc(100% - 6px); width:calc((100% - 6px) / 3); }
 .mod-cms--tabs .mod-cms__tab { padding:6px 10px; font-size:.95rem; }
 .mod-cms--tabs .mod-cms__panel { padding:18px 16px; }
 }

/* ======================== */
/* CTA FINAL */
/* ======================== */
.mod-cta-final { padding:80px 0; background:linear-gradient(135deg,var(--cyber-darkblue),#0400BE); text-align:center; color:#fff; }

.mod-cta-final .mod-cta-final__box { max-width:720px; margin:0 auto; padding:32px; border-radius:18px; background:rgba(255,255,255,.05); box-shadow:0 8px 24px rgba(0,0,0,.25); }

.mod-cta-final .t-title-xl { margin-bottom:14px; color:#fff; text-align:left; }
.mod-cta-final .t-title-xl .t-text-accent { color:var(--cyber-sky); }

.mod-cta-final p { margin-bottom:22px; color:rgba(255,255,255,.9); text-align:left; }

.mod-cta-final p strong { color:var(--cyber-sky); }

.mod-cta-final .mod-cta-final__actions { display:flex; justify-content:center; gap:16px; flex-wrap:wrap; }

.mod-cta-final .btn { padding:12px 24px; font-weight:700; border-radius:999px; transition:all .3s ease; box-sizing:border-box; }

/* Responsive */
@media(max-width:768px) { .mod-cta-final { padding:60px 20px; }
 
 
 .mod-cta-final .mod-cta-final__actions { flex-direction:column; gap:12px; }
 .mod-cta-final .btn { width:100%; }
 }

/* ======================== */
/* CTA SPLIT */
/* ======================== */

.mod-cta-split { background:var(--cyber-blue); overflow:hidden; }

.mod-cta-split__inner { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; align-items:stretch; }

.mod-cta-split__content { padding:90px 0; color:#fff; max-width:560px; margin:0; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; text-align:left; min-height:790px; }

.mod-cta-split__content .t-title-xl { color:#fff; line-height:1.15; font-size:clamp(2rem,2.7vw,3rem); text-align:left; }

.mod-cta-split__text { color:#fff; line-height:1.6; font-size:clamp(1.08rem,1.35vw,1.4rem); margin:12px 0 20px; text-align:left; }
.mod-cta-split__content .t-title-xl,
.mod-cta-split__text,
.mod-cta-split__note { font-weight:400; }
.mod-cta-split__content .t-title-xl strong,
.mod-cta-split__text strong,
.mod-cta-split__note strong { font-weight:400; color:#fff; }

.mod-cta-split__actions { display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-start; width:100%; }

.mod-cta-split__btn { background:transparent; color:#fff; border:3px solid #fff; border-radius:999px; font-weight:700; padding:12px 24px; display:inline-block; transition:all .25s ease; }

.mod-cta-split__btn:hover { background:#fff; color:var(--cyber-darkblue); border-color:#fff; }

.mod-cta-split__note { display:block; margin-top:10px; color:#fff; text-align:left; }

.mod-cta-split__media { min-height:790px; background-image:var(--cta-split-image); background-size:cover; background-position:left center; margin-right:calc(50% - 50vw); }

@media(max-width:1024px) { .mod-cta-split__content { max-width:100%; }
 .mod-cta-split__content { min-height:520px; }
 .mod-cta-split__media { min-height:520px; }
 }

@media(max-width:768px) { .mod-cta-split__inner { grid-template-columns:1fr; }
 .mod-cta-split__media { order:1; }
 .mod-cta-split__content { order:2; }
 .mod-cta-split__content { padding:56px 0 24px; min-height:auto; }
 .mod-cta-split__media { margin-right:0; min-height:320px; }
 .mod-cta-split .container { padding-left:0; padding-right:0; }
 .mod-cta-split__content { padding-left:20px; padding-right:20px; }
 }

/* ======================== */
/* CTA HELPERS */
/* ======================== */
.cta-wrapper { padding: 40px 0 20px 0; }

/* ======================== */
/* SOBRE NOSOTROS */
/* ======================== */
.mod-about-overview { padding:60px 0; background:var(--cyber-grey); }

.mod-about-overview__grid { --grid-cols: 3; --grid-cols-md: 1; --grid-gap: 20px; }

.mod-about-overview__card { }

.mod-about-overview__card h3 { margin:0 0 8px 0; }

.mod-about-overview__card p { margin:0; }


	
	
	
	
.mod-about-timeline { padding:60px 0; background:linear-gradient(180deg,#fff 0,var(--cyber-grey) 100%); }

.mod-about-timeline__header { text-align:center; max-width:900px; margin:0 auto 32px; }

.mod-about-timeline__header h2 { margin:0 0 8px 0; }

.mod-about-timeline__header p { margin:0; }

.mod-about-timeline__list { list-style:none; margin:0 auto; max-width:860px; padding:0; position:relative; display:block; }

.mod-about-timeline__list:before { content:""; position:absolute; left:16px; top:0; bottom:0; width:2px; background:var(--cyber-grey); }

.mod-about-timeline__item { position:relative; margin:0 0 24px 0; padding-left:56px; }

.mod-about-timeline__dot { position:absolute; left:8px; top:8px; width:16px; height:16px; border-radius:50%; background:var(--cyber-sky); box-shadow:0 0 0 4px rgba(42,108,246,.12); }

.mod-about-timeline__content { background:#fff; border:1px solid var(--cyber-grey); border-radius:12px; padding:16px 18px; box-shadow:0 8px 24px rgba(0,0,0,.04); text-align:left; }

.mod-about-timeline__content h4 { margin:0 0 6px 0; }

.mod-about-timeline__content p { margin:0; }

@media(min-width:992px) { .mod-about-timeline__list:before { left:16px; transform:none; }
 .mod-about-timeline__item { padding-left:56px; margin-bottom:24px; float:none; clear:none; width:auto; }
 .mod-about-timeline__item .mod-about-timeline__dot { left:8px; }
 .mod-about-timeline__item .mod-about-timeline__content { margin:0; }
 }

	
	
	/* ——— Timeline: conector visual + ritmo ——— */
.mod-about-timeline__item { margin:0 0 28px 0; padding-left:50px; }

.mod-about-timeline__item:last-child { margin-bottom:0; }

.mod-about-timeline__dot { left:8px; top:12px; }

.mod-about-timeline__content { position:relative; }

.mod-about-timeline__content:before { content:""; position:absolute; left:-24px; top:22px; width:24px; height:2px; background:var(--cyber-grey); border-radius:2px; }

/* Hover/focus accesible en desktop */
@media(hover:hover) { .mod-about-timeline__content { transition:box-shadow .25s ease,transform .25s ease; }
 .mod-about-timeline__content:hover { transform:translateY(-1px); box-shadow:0 10px 28px rgba(0,0,0,.08); }
 .mod-about-timeline__content:focus-within { outline:2px solid rgba(42,108,246,.35); outline-offset:2px; }
 }

/* Línea más visible en pantallas claras */
.mod-about-timeline__list:before { background:var(--cyber-grey); }

/* ——— Tipografía y respiración ——— */
.mod-about-timeline__header h2 { letter-spacing:.2px; }






/* ——— Respeta accesibilidad: reduced motion ——— */
@media(prefers-reduced-motion:reduce) { .mod-about-timeline__content,.mod-about-overview__card { transition:none; }
 .mod-about-timeline__content:hover { transform:none; }
 }

	
	
	
	.mod-about-partners { padding:60px 0; background:var(--cyber-grey); }

.mod-about-partners h3 { text-align:center; margin:0 0 20px 0; }

.mod-about-partners__intro { text-align:center; max-width:800px; margin:0 auto 30px; }

.mod-about-partners__list { display:grid; grid-template-columns:1fr 1fr; gap:12px 24px; list-style:none; padding:0; margin:0 auto; max-width:900px; text-align:center; }

@media (min-width: 1025px) { .mod-about-partners__list { grid-template-columns:repeat(3,1fr); }
 }

@media(min-width:1024px) { .mod-about-partners__list { grid-template-columns:repeat(4,1fr); }
 }

.mod-about-partners__list li { background:#fff; border:1px solid var(--cyber-grey); border-radius:12px; padding:10px 14px; font-weight:600; color:var(--cyber-dark); box-shadow:0 4px 12px rgba(0,0,0,.04); transition:transform .25s ease; }

.mod-about-partners__list li:hover { transform:translateY(-2px); }

	



/* ======================== */
/* ======================== */
/* PLAN PRO (VPS PrestaShop) – azul marino profesional */
/* ======================== */


/* ======================== */
/* FAQ */
/* ======================== */
.mod-faq { padding:88px 0; background:linear-gradient(180deg,var(--cyber-grey) 0%,#fff 100%); }
.mod-faq .mod-faq__header { text-align:left; margin-bottom:1.15rem; }
.mod-faq .mod-faq__header h2 { color:var(--cyber-darkblue); font-size:clamp(1.6rem,2.1vw,2.1rem); font-weight:700; line-height:1.2; }
.mod-faq .mod-faq__header p { color:var(--text-color-grey); font-size:.92rem; max-width:920px; }
.mod-faq .mod-faq__content { max-width:1200px; margin:0 auto; text-align:left; width:100%; border-top:1px solid rgba(4,0,190,.14); }
.mod-faq .mod-faq__item { border-bottom:1px solid rgba(4,0,190,.14); }
.mod-faq .mod-faq__question { width:100%; text-align:left; padding:.9rem 2.4rem .9rem 0; font-weight:500; font-size:clamp(.95rem,1.15vw,1.3rem); background:none; border:none; cursor:pointer; position:relative; color:var(--cyber-darkblue); line-height:1.32; }
.mod-faq .mod-faq__question::after { content:'›'; position:absolute; right:.35rem; top:50%; transform:translateY(-50%) rotate(90deg); font-size:1.5rem; line-height:1; color:var(--cyber-blue); transition:transform .25s ease; }
.mod-faq .mod-faq__item.active .mod-faq__question::after { transform:translateY(-50%) rotate(-90deg); }
.mod-faq .mod-faq__answer { height:0; overflow:hidden; opacity:0; transition:height .35s ease, opacity .25s ease; padding-bottom:0; color:var(--text-color-grey); line-height:1.52; font-size:.92rem; max-width:920px; }
.mod-faq .mod-faq__item.active .mod-faq__answer { opacity:1; padding-bottom:1rem; }
.mod-faq .mod-faq__answer ul { list-style:disc inside; line-height:1.55; }

@media (max-width: 768px) {
  .mod-domain-search { padding: 38px 20px 26px; }
  .mod-domain-search__title { font-size: clamp(1.6rem, 8vw, 2.1rem); }
  .mod-domain-search__promo { font-size: .95rem; }
  .mod-faq { padding:68px 0; }
  .mod-faq .mod-faq__header h2 { font-size:clamp(1.45rem,7vw,1.75rem); }
  .mod-faq .mod-faq__header p { font-size:.88rem; }
  .mod-faq .mod-faq__question { font-size:.98rem; padding-right:2rem; }
  .mod-faq .mod-faq__answer { font-size:.88rem; }
}
/* ======================== */
/* FIN */
/* ======================== */