/* CyberBlack 2026, fase visual. Los precios y la contratación conservan su funcionamiento. */
:root {
  --cyberblack-ink: #080b19;
  --cyberblack-panel: #111a2d;
  --cyberblack-line: rgba(0, 203, 255, .42);
  --cyberblack-cyan: #00cbff;
  --cyberblack-lime: #b8ff00;
}

.mod-plans { background: linear-gradient(180deg, #080b19 0%, #111a2d 100%); }
.mod-plans .mod-plans__header > .t-title-xl,
.mod-plans .mod-plans__header > .t-body { color: #fff; }
.mod-plans .mod-plans__header > .t-title-xl strong { color: var(--cyberblack-cyan); }
.mod-plans__billing { border-color: var(--cyberblack-cyan); background: transparent; }
.mod-plans__billing::before { background: rgba(0,203,255,.18); }
.mod-plans__billing-btn,
.mod-plans__billing-btn span { color: #fff; }
.mod-plans__billing-btn.active { color: var(--cyberblack-lime); }
.mod-plans__billing-btn.active span { color: #fff; }
.mod-plans__swiper .swiper-slide.mod-plans__card {
  background: var(--cyberblack-panel);
  border-color: var(--cyberblack-line);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
}
.mod-plans__card h3,
.mod-plans__card .mod-plans__features-title,
.mod-plans__card .mod-plans__features li { color: #fff; }
.mod-plans__card h3 strong,
.mod-plans__card .mod-plans__price-month { color: var(--cyberblack-cyan); }
.mod-plans__card .mod-plans__desc,
.mod-plans__card .mod-plans__price-total { color: rgba(255, 255, 255, .78); border-bottom-color: rgba(255, 255, 255, .18); }
.mod-plans__card .mod-plans__features { background: rgba(255, 255, 255, .07); }
.mod-plans__card .btn-outline {
  --btn-fg: var(--cyberblack-cyan);
  --btn-border: var(--cyberblack-cyan);
  --btn-fg-hover: var(--cyberblack-lime);
  --btn-border-hover: var(--cyberblack-lime);
}

.mod-domain-grid { background: #080b19; }
.mod-domain-grid .mod-domain-grid__title,
.mod-domain-grid .mod-domain-grid__lead { color: #fff; }
.mod-domain-grid__card { background: var(--cyberblack-panel); border-color: var(--cyberblack-line); }
.mod-domain-grid__header .mod-domain-grid__tld { color: var(--cyberblack-cyan); }
.mod-domain-grid__price .mod-domain-grid__amount { color: var(--cyberblack-lime); }
.mod-domain-search__price--black-friday,
.mod-domain-grid__price--black-friday { display:grid; grid-template-columns:auto auto; align-items:baseline; justify-content:center; column-gap:4px; row-gap:4px; }
.mod-domain-search__price--black-friday .mod-domain-search__old-price,
.mod-domain-grid__old-price { grid-column:1 / -1; justify-self:center; color:#d5ddeb; font-size:.56em; font-weight:500; line-height:1.1; text-decoration-color:#ff8a8a; text-decoration-thickness:2px; }
.mod-domain-search__price--black-friday .mod-domain-search__offer-price { color:var(--cyberblack-lime); font-size:1.08em; font-weight:700; line-height:1; }
.mod-domain-grid__old-price { font-size:1.05rem; }
.mod-domain-grid__price--black-friday .mod-domain-grid__tax { grid-column:1 / -1; }
.mod-domain-grid__card .mod-domain-grid__period,
.mod-domain-grid__card .mod-domain-grid__tax { color:#e4ecf4; }
.mod-domain-grid__card .mod-domain-grid__btn { --btn-fg:var(--cyberblack-cyan); --btn-border:var(--cyberblack-cyan); --btn-bg-hover:var(--cyberblack-cyan); --btn-fg-hover:var(--cyberblack-ink); --btn-border-hover:var(--cyberblack-cyan); }
.mod-domain-grid__period,
.mod-domain-grid__tax { color: rgba(255, 255, 255, .78); }

.mod-blackfriday-plan-banner { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; width:min(100%,900px); margin:24px auto 12px; padding:20px 46px; border:1px solid var(--cyberblack-cyan); border-radius:18px; background:#18334b; color:#fff; text-align:center; box-sizing:border-box; }
.mod-blackfriday-plan-banner__tag { margin:0; color:var(--cyberblack-lime); font-size:1.1rem; font-weight:700; line-height:1.1; letter-spacing:.06em; }
.mod-blackfriday-plan-banner__tag span { display:block; margin-top:4px; color:#fff; font-size:.85rem; font-weight:400; letter-spacing:0; }
.mod-blackfriday-plan-banner__copy { margin:0; color:#fff; font-size:.92rem; line-height:1.35; }
.mod-blackfriday-plan-banner__coupons { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.mod-blackfriday-plan-banner__coupon { display:inline-flex; align-items:center; justify-content:center; margin:0; padding:7px 17px; border:1px solid var(--cyberblack-lime); border-radius:8px; background:rgba(184,255,0,.1); color:var(--cyberblack-lime); font:inherit; font-size:1.08rem; font-weight:700; line-height:1.1; cursor:pointer; }
.mod-blackfriday-plan-banner__info { position:absolute; top:14px; right:14px; display:grid; place-items:center; flex:none; width:26px; min-width:26px; height:26px; min-height:26px; padding:0; aspect-ratio:1; border:1px solid var(--cyberblack-cyan); border-radius:50%; background:transparent; color:var(--cyberblack-cyan); font-size:.85rem; font-weight:700; line-height:1; cursor:pointer; box-sizing:border-box; }
.mod-blackfriday-plan-banner__info:hover,
.mod-blackfriday-plan-banner__coupon:hover { border-color: #fff; color: #fff; }
.mod-blackfriday-period-note { max-width:900px; margin:-15px auto 30px; color:#e6f4fa; font-size:.86rem; line-height:1.45; text-align:center; }
.mod-blackfriday-period-note button { padding:0; border:0; background:none; color:var(--cyberblack-cyan); font:inherit; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
@media (max-width:700px) {
  .mod-blackfriday-plan-banner { padding:20px 28px; }
  .mod-blackfriday-plan-banner__coupons { flex-wrap:nowrap; gap:6px; }
  .mod-blackfriday-plan-banner__coupon { padding:7px 6px; font-size:.8rem; }
  .mod-blackfriday-period-note { margin-top:-8px; font-size:.75rem; }
}

.mod-blackfriday-inline { margin: 14px 0 0; color: var(--cyberblack-lime); font-size: .92rem; font-weight: 700; line-height: 1.45; }
.mod-blackfriday-inline span { color: rgba(255,255,255,.86); font-weight: 500; }
.mod-blackfriday-inline button { margin-left: 7px; }
.mod-cloud-config .mod-blackfriday-inline { text-align: center; }
.mod-blackfriday-domain { margin: 2px 0 7px; color: var(--cyber-darkblue); font-size: .78rem; font-weight: 700; line-height: 1.3; }
.mod-blackfriday-domain strong { color: var(--cyber-blue); }
.mod-domain-grid__card .mod-blackfriday-domain { color:#e4ecf4; }
.mod-domain-grid__card .mod-blackfriday-domain strong { color:var(--cyberblack-lime); }
.mod-domain-search__card .mod-blackfriday-domain { color: rgba(255,255,255,.84); }
.mod-domain-search__card .mod-blackfriday-domain strong { color: var(--cyberblack-lime); }

.black-friday-modal .footer-arbitration-modal__dialog { border: 1px solid var(--cyberblack-line); background: var(--cyberblack-ink); box-shadow: 0 28px 68px rgba(0,0,0,.55); }
.black-friday-modal .footer-arbitration-modal__close { background: rgba(0,203,255,.12); color: var(--cyberblack-cyan); }
.black-friday-modal .footer-arbitration-modal__eyebrow { color: var(--cyberblack-lime); }
.black-friday-modal .footer-arbitration-modal__title,
.black-friday-modal .footer-arbitration-modal__lead,
.black-friday-modal .footer-arbitration-modal__body,
.black-friday-modal .footer-arbitration-modal__cta { color: #fff; }
.black-friday-modal .footer-arbitration-modal__block { background: var(--cyberblack-panel); }
.black-friday-modal .footer-arbitration-modal__block:first-child { background: #102231; }
.black-friday-modal .footer-arbitration-modal__block:last-child { background: #1b2413; }
.black-friday-modal .footer-arbitration-modal__subtitle { color: var(--cyberblack-cyan); }
.black-friday-modal .footer-arbitration-modal__list { color: rgba(255,255,255,.86); }
.black-friday-modal .footer-arbitration-modal__button { background: var(--cyberblack-cyan); color: var(--cyberblack-ink); }
.black-friday-modal .footer-arbitration-modal__button:hover { background: var(--cyberblack-lime); color: var(--cyberblack-ink); }