:root{
  --navy-950:#071527;
  --navy-900:#0a1d37;
  --navy-800:#102a49;
  --navy-700:#173a5e;

  --cyan:#17b9d6;
  --amber:#f5a623;
  --violet:#7c5cff;
  --green:#1fae7a;

  --cyan-text:#0a7e96;
  --amber-text:#a85f00;
  --violet-text:#5b3fd6;
  --green-text:#17775a;

  --bg:#f5f7fa;
  --bg-hero:#fbfcfe;
  --surface:#ffffff;
  --surface-2:#eaeff6;
  --ink:#16233a;
  --head:#0a1d37;
  --muted:#5b6b84;
  --line:#e3e8ef;
  --header-bg:rgba(245,247,250,.88);
  --grid-line:rgba(10,29,55,.05);
  --media-bg:#eef2f8;

  --cta-bg:#0a1d37;
  --cta-hover:#173a5e;
  --cta-fg:#ffffff;

  --wa:#128c4a;
  --wa-hover:#0e7a40;

  --font-display:'Space Grotesk', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;

  --radius:14px;
  --shadow-sm:0 2px 10px rgba(10,29,55,.06);
  --shadow-md:0 16px 40px rgba(10,29,55,.12);
}

:root[data-theme="dark"]{
  --cyan:#3cc6de;
  --amber:#f5b84a;
  --violet:#a592ff;
  --green:#4fc596;

  --cyan-text:#3cc6de;
  --amber-text:#f5b84a;
  --violet-text:#a592ff;
  --green-text:#4fc596;

  --bg:#08121f;
  --bg-hero:#0a1626;
  --surface:#0f1d31;
  --surface-2:#142640;
  --ink:#e4ebf5;
  --head:#f2f6fc;
  --muted:#9fb1c9;
  --line:#243a57;
  --header-bg:rgba(8,18,31,.88);
  --grid-line:rgba(255,255,255,.05);
  --media-bg:#142640;

  --cta-bg:#e8eef7;
  --cta-hover:#ffffff;
  --cta-fg:#08121f;

  --wa:#1a9c56;
  --wa-hover:#20b064;

  --shadow-sm:0 2px 10px rgba(0,0,0,.35);
  --shadow-md:0 16px 40px rgba(0,0,0,.45);
}

*{ box-sizing:border-box; }

html{ scroll-behavior:smooth; scroll-padding-top:90px; }

body{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  animation:page-in .22s ease both;
}
@keyframes page-in{ from{ opacity:0; } to{ opacity:1; } }
body.page-leaving{ opacity:0; transition:opacity .16s ease; }

h1,h2,h3,h4,.brand-text{
  font-family:var(--font-display);
  letter-spacing:-0.01em;
  color:var(--head);
}

a{ text-decoration:none; }
img,video{ max-width:100%; height:auto; }
[hidden]{ display:none !important; }

:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:3px;
}

.visually-hidden{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.skip-link{
  position:absolute; left:12px; top:-60px; z-index:2000;
  background:var(--cta-bg); color:var(--cta-fg); padding:.6rem 1rem; border-radius:8px;
}
.skip-link:focus{ top:12px; color:var(--cta-fg); }

.eyebrow{
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--violet-text);
  margin-bottom:.75rem;
}
.eyebrow-light{ color:var(--amber); }
.eyebrow-cyan{ color:var(--cyan-text); }

.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:var(--header-bg);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  transition:box-shadow .2s ease;
}
.site-header.is-scrolled{ box-shadow:0 6px 20px rgba(10,29,55,.1); }

.navbar{ padding:.85rem 0; }
.navbar-brand{ display:flex; align-items:center; gap:.6rem; margin-right:1.5rem; padding:0; }
.brand-logo{ height:56px; width:auto; display:block; }

.header-tools{ display:flex; align-items:center; gap:.5rem; margin-left:auto; }
@media (min-width:992px){ .header-tools{ margin-left:0; } }
.navbar-toggler{ border:1px solid var(--line); padding:.4rem .6rem; border-radius:10px; }
.navbar-toggler:focus{ box-shadow:none; }
:root[data-theme="dark"] .navbar-toggler-icon{ filter:invert(1); }

.theme-toggle{
  width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center;
  background:transparent; color:var(--head); border:1px solid var(--line); border-radius:10px;
  font-size:1.1rem; cursor:pointer; transition:background-color .15s ease;
}
.theme-toggle:hover{ background:var(--surface-2); }
.theme-icon-dark{ display:none; }
:root[data-theme="dark"] .theme-icon-light{ display:none; }
:root[data-theme="dark"] .theme-icon-dark{ display:inline; }

.navbar-nav .nav-link{
  font-weight:600;
  color:var(--head);
  padding:.5rem .9rem !important;
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:.4rem;
}
.navbar-nav .nav-link i{ color:var(--muted); font-size:1rem; }
.navbar-nav .nav-link:hover{ background:var(--surface); color:var(--cyan-text); }
.navbar-nav .nav-link:hover i{ color:var(--cyan-text); }
.navbar-nav .nav-link.active{ background:var(--surface); color:var(--cyan-text); }
.navbar-nav .nav-link.active i{ color:var(--cyan-text); }
@media (max-width:991.98px){
  .navbar-collapse{ padding:.75rem 0 1rem; }
  .navbar-collapse .btn-cta{ width:100%; margin-top:.5rem; }
}

.btn-cta{
  background:var(--cta-bg);
  color:var(--cta-fg);
  font-weight:600;
  border-radius:10px;
  padding:.6rem 1.4rem;
  border:1px solid var(--cta-bg);
  transition:transform .15s ease, background .15s ease;
}
.btn-cta:hover{ background:var(--cta-hover); border-color:var(--cta-hover); color:var(--cta-fg); transform:translateY(-1px); }

.btn-outline-cta{
  border:1.5px solid var(--head);
  color:var(--head);
  font-weight:600;
  border-radius:10px;
  padding:.58rem 1.4rem;
  background:transparent;
  transition:background .15s ease, color .15s ease;
}
.btn-outline-cta:hover{ background:var(--cta-bg); border-color:var(--cta-bg); color:var(--cta-fg); }

.btn-whatsapp{
  background:var(--wa);
  color:#fff;
  font-weight:600;
  border-radius:10px;
  padding:.7rem 1.6rem;
  border:1px solid var(--wa);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  transition:transform .15s ease, background .15s ease;
}
.btn-whatsapp:hover{ background:var(--wa-hover); border-color:var(--wa-hover); color:#fff; transform:translateY(-1px); }

.hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, var(--bg-hero) 0%, var(--bg) 100%);
  padding:5rem 0 4rem;
}
.hero-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px),
    linear-gradient(0deg, var(--grid-line) 1px, transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 70% 20%, black 40%, transparent 90%);
  mask-image:radial-gradient(ellipse 70% 60% at 70% 20%, black 40%, transparent 90%);
  pointer-events:none;
}
.hero > .container{ position:relative; z-index:1; }

.hero-title{
  font-size:clamp(2.1rem, 4vw, 3.1rem);
  font-weight:700;
  line-height:1.12;
  color:var(--head);
  margin-bottom:1.1rem;
}
.hero-subtitle{
  font-size:1.08rem;
  color:var(--muted);
  max-width:46ch;
}

.hero-panel{
  position:relative;
  border-radius:20px;
  background:linear-gradient(155deg, var(--navy-900), var(--navy-700));
  box-shadow:var(--shadow-md);
  padding:14px;
  overflow:hidden;
}
.gallery{
  position:relative;
  height:clamp(280px, 34vw, 380px);
  border-radius:12px;
  overflow:hidden;
  background:var(--navy-950);
  box-shadow:0 6px 16px rgba(0,0,0,.28);
}
.g-slide{
  position:absolute;
  inset:0;
  display:block;
  color:#fff;
  opacity:0;
  visibility:hidden;
  transition:opacity 1.1s ease, visibility 0s linear 1.1s;
}
.g-slide.is-active{
  opacity:1;
  visibility:visible;
  z-index:1;
  transition:opacity 1.1s ease, visibility 0s;
}
.g-slide:hover{ color:#fff; }
.g-slide .frame{ position:absolute; inset:0; border:0; border-radius:0; aspect-ratio:auto; transform:scale(1.04); transition:transform 7s ease-out; }
.g-slide.is-active .frame{ transform:scale(1); }
.g-shade{
  position:absolute; left:0; right:0; bottom:0; height:46%;
  background:linear-gradient(180deg, transparent, rgba(7,21,39,.88));
  pointer-events:none;
}
.g-caption{
  position:absolute; left:1.1rem; right:1.1rem; bottom:3.1rem;
  display:flex; flex-direction:column; gap:.15rem;
  opacity:0; transform:translateY(8px);
  transition:opacity .5s ease, transform .5s ease;
}
.g-slide.is-active .g-caption{ opacity:1; transform:none; transition:opacity .8s ease .35s, transform .8s ease .35s; }
.g-tag{ font-family:var(--font-mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; }
.g-slide[data-area="internet"] .g-tag{ color:#5fdcf2; }
.g-slide[data-area="solar"] .g-tag{ color:#ffc766; }
.g-slide[data-area="computo"] .g-tag{ color:#bfb1ff; }
.g-title{ font-family:var(--font-display); font-weight:700; font-size:1.2rem; line-height:1.2; }
.g-go{ font-size:.88rem; color:rgba(255,255,255,.85); }
.g-go i{ display:inline-block; transition:transform .15s ease; }
.g-slide:hover .g-go i{ transform:translateX(4px); }

.g-controls{
  position:absolute; left:1.1rem; right:1.1rem; bottom:.85rem; z-index:2;
  display:flex; align-items:center; gap:.75rem;
}
.g-pause{
  width:30px; height:30px; flex:none; display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.3); border-radius:50%;
  font-size:.95rem; cursor:pointer; transition:background-color .15s ease;
}
.g-pause:hover{ background:rgba(255,255,255,.28); }
.g-dots{ list-style:none; margin:0; padding:0; flex:1; display:flex; gap:6px; }
.g-dots li{ flex:1; }
.g-dot{ position:relative; display:block; width:100%; height:22px; padding:0; border:0; background:none; cursor:pointer; }
.g-dot::before, .g-fill{ content:""; position:absolute; left:0; top:50%; height:4px; margin-top:-2px; border-radius:2px; }
.g-dot::before{ right:0; background:rgba(255,255,255,.3); }
.g-dot:hover::before{ background:rgba(255,255,255,.5); }
.g-fill{ width:0; background:#fff; }

.services{ padding:5rem 0; }
.section{ padding:5rem 0; }
.section-alt{ background:var(--surface); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }

.section-heading{
  max-width:640px;
  margin:0 auto 3rem;
  text-align:center;
}
.section-heading h2{
  font-size:clamp(1.7rem, 2.6vw, 2.3rem);
  color:var(--head);
  font-weight:700;
}
.section-heading p:not(.eyebrow){ color:var(--muted); margin:.7rem auto 0; max-width:56ch; }
.section-heading-row{
  max-width:none; margin:0 0 2.2rem; text-align:left;
  display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:1rem;
}
.section-heading-row p:not(.eyebrow){ margin-left:0; }

.lead-text{ font-size:1.12rem; line-height:1.55; color:var(--ink); }
.narrow{ max-width:640px; }

.quick{ background:var(--surface); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:1.6rem 0; }
.quick-title{
  font-family:var(--font-mono); font-size:.78rem; font-weight:500; letter-spacing:.14em; text-transform:uppercase;
  color:var(--muted); margin-bottom:.9rem;
}
.quick-list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, 1fr); gap:.9rem; }
.quick-item{
  display:flex; align-items:center; gap:.9rem; height:100%; padding:.9rem 1.1rem; color:var(--ink);
  background:var(--bg); border:1px solid var(--line); border-radius:var(--radius);
  transition:border-color .15s ease, transform .15s ease;
}
.quick-item:hover{ border-color:var(--cyan); color:var(--ink); transform:translateY(-2px); }
.quick-item i{ font-size:1.5rem; color:var(--cyan-text); flex:none; }
.quick-item span{ display:flex; flex-direction:column; font-size:.9rem; color:var(--muted); line-height:1.35; }
.quick-item strong{ color:var(--head); font-size:1rem; }
@media (max-width:767.98px){ .quick-list{ grid-template-columns:1fr; } }

.service-card,
.plan-card,
.product-card{
  text-decoration:none;
  color:inherit;
  cursor:pointer;
}
.service-card:hover,
.service-card:focus-visible,
.plan-card:hover,
.plan-card:focus-visible,
.product-card:hover,
.product-card:focus-visible{
  text-decoration:none;
  color:inherit;
}

.service-card{
  display:block;
  height:100%;
  background:var(--surface);
  border:1px solid var(--line);
  border-top:4px solid var(--head);
  border-radius:var(--radius);
  padding:2rem 1.6rem;
  box-shadow:var(--shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease;
}
.service-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); }

.service-internet{ border-top-color:var(--cyan); }
.service-solar{ border-top-color:var(--amber); }
.service-computo{ border-top-color:var(--violet); }
.service-soporte{ border-top-color:var(--green); }

.service-icon{
  width:52px; height:52px;
  border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem;
  margin-bottom:1.2rem;
  background:rgba(10,29,55,.06);
  color:var(--head);
}
.service-internet .service-icon{ background:rgba(23,185,214,.13); color:var(--cyan-text); }
.service-solar .service-icon{ background:rgba(245,166,35,.15); color:var(--amber-text); }
.service-computo .service-icon{ background:rgba(124,92,255,.13); color:var(--violet-text); }
.service-soporte .service-icon{ background:rgba(31,174,122,.14); color:var(--green-text); }

.service-card h3{ font-size:1.3rem; margin-bottom:.6rem; color:var(--head); }
.service-card p{ color:var(--muted); margin-bottom:1.1rem; }

.service-list{
  list-style:none;
  padding:0;
  margin:0 0 1.4rem;
  display:flex;
  flex-direction:column;
  gap:.5rem;
}
.service-list li{ font-size:.93rem; color:var(--ink); display:flex; align-items:flex-start; gap:.5rem; }
.service-list i{ color:var(--head); margin-top:.15rem; }
.service-internet .service-list i{ color:var(--cyan-text); }
.service-solar .service-list i{ color:var(--amber-text); }
.service-computo .service-list i{ color:var(--violet-text); }
.service-soporte .service-list i{ color:var(--green-text); }

.service-link{
  font-weight:600;
  color:var(--head);
  display:inline-flex;
  align-items:center;
  gap:.4rem;
}
.service-link i{ transition:transform .15s ease; }
.service-card:hover .service-link i{ transform:translateX(4px); }

.products-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:1.4rem;
  max-width:980px;
  margin:0 auto;
  padding:0;
  list-style:none;
}
@media (max-width:900px){ .products-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .products-grid{ grid-template-columns:1fr; } }

.product-card{
  height:100%;
  background:var(--surface);
  border:1px solid var(--line);
  border-top:4px solid var(--violet);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease;
  display:flex;
  flex-direction:column;
}
.product-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); }

.product-image-panel{
  background:#fff;
  border-bottom:1px solid var(--line);
  height:180px;
  padding:1.2rem;
  display:flex;
  align-items:center;
  justify-content:center;
}
.product-img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}
.product-body{
  padding:1.4rem 1.5rem 1.7rem;
  text-align:center;
  display:flex;
  flex-direction:column;
  flex-grow:1;
}
.product-card h3{ font-size:1.05rem; color:var(--head); margin-bottom:.5rem; }
.product-card .product-tag{
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--violet-text);
  margin-bottom:.5rem;
}
.product-card p.product-desc{ color:var(--muted); font-size:.9rem; margin-bottom:1.3rem; flex-grow:1; }
.btn-plan{
  display:block;
  width:100%;
  padding:.65rem 1rem;
  border-radius:10px;
  background:var(--cta-bg);
  color:var(--cta-fg);
  font-weight:600;
  font-size:.92rem;
  text-align:center;
  transition:background .15s ease;
}
.plan-card:hover .btn-plan{ background:var(--cta-hover); color:var(--cta-fg); }
.product-card .btn-plan{ background:var(--wa); color:#fff; }
.product-card:hover .btn-plan{ background:var(--wa-hover); color:#fff; }
.btn-plan i{ margin-right:.35rem; }
@media (max-width:560px){ .product-image-panel{ height:160px; padding:1rem; } }

.facts{ margin:0; border-top:1px solid var(--line); }
.facts > div{ display:grid; grid-template-columns:150px 1fr; gap:1rem; padding:.85rem 0; border-bottom:1px solid var(--line); }
.facts dt{ font-weight:600; color:var(--muted); font-size:.92rem; }
.facts dd{ margin:0; }
@media (max-width:480px){ .facts > div{ grid-template-columns:1fr; gap:.1rem; } }

.frame{
  position:relative; overflow:hidden; background:var(--media-bg);
  border-radius:var(--radius); border:1px solid var(--line); aspect-ratio:16 / 10;
}
.frame-bg{ position:absolute; inset:-8%; width:116%; height:116%; max-width:none; object-fit:cover; filter:blur(22px) saturate(1.1); opacity:.6; }
.frame-img{ position:absolute; inset:0; width:100%; height:100%; max-width:100%; object-fit:scale-down; }

.work{ margin:0; }
.work .frame{ aspect-ratio:4 / 3; }
.work-video-link .frame{ aspect-ratio:16 / 9; }
.work figcaption{ margin-top:.75rem; font-size:.94rem; color:var(--muted); max-width:60ch; }
.work-video-link{ position:relative; display:block; }
.play-badge{
  position:absolute; inset:0; margin:auto; width:64px; height:64px; border-radius:50%;
  background:rgba(8,18,31,.72); color:#fff; display:flex; align-items:center; justify-content:center; font-size:2rem;
}

.quote{ margin:0; height:100%; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:1.5rem; box-shadow:var(--shadow-sm); }
.quote p{ font-size:1.05rem; margin-bottom:1rem; }
.quote footer{ color:var(--muted); font-size:.92rem; }

.contact-band{
  background:linear-gradient(160deg, var(--navy-950), var(--navy-800));
  color:#fff;
  padding:5rem 0;
}
.contact-title{
  font-size:clamp(1.6rem, 2.6vw, 2.1rem);
  font-weight:700;
  margin-bottom:1rem;
  color:#fff;
}
.contact-text{ color:rgba(255,255,255,.75); max-width:44ch; margin-bottom:1.6rem; }
.contact-info{
  list-style:none; padding:0; margin:0;
  display:flex; flex-direction:column; gap:1rem;
  font-size:.95rem;
}
.contact-info li{ display:flex; gap:.9rem; align-items:flex-start; color:rgba(255,255,255,.88); }
.contact-info i{ color:var(--amber); font-size:1.2rem; margin-top:.1rem; }
.contact-info a{ color:#fff; text-decoration:underline; text-underline-offset:3px; }

.contact-form{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius);
  padding:1.8rem;
}
.contact-form .form-label{ color:rgba(255,255,255,.88); font-size:.88rem; font-weight:600; }
.optional{ font-weight:400; opacity:.7; }
.contact-form .form-control,
.contact-form .form-select{
  background-color:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  border-radius:8px;
  min-height:44px;
}
.contact-form .form-control::placeholder{ color:rgba(255,255,255,.45); }
.contact-form .form-control:focus,
.contact-form .form-select:focus{
  background-color:rgba(255,255,255,.1);
  border-color:var(--cyan);
  box-shadow:0 0 0 .2rem rgba(23,185,214,.22);
  color:#fff;
}
.contact-form .form-select{ --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }
.contact-form option{ color:#16233a; background:#fff; }
.contact-form .form-control[aria-invalid="true"],
.contact-form .form-select[aria-invalid="true"]{ border-color:#ff8f82; }
.field-error{ color:#ffb4a8; font-size:.85rem; margin:.3rem 0 0; min-height:0; }
.form-legal{ font-size:.84rem; color:rgba(255,255,255,.6); margin:.9rem 0 0; }
.form-legal a{ color:#fff; text-decoration:underline; }

.site-footer{
  background:var(--navy-950);
  color:rgba(255,255,255,.65);
  padding:3.5rem 0 2rem;
}
.footer-logo{ height:68px; width:auto; display:block; }
.footer-text{ margin-top:.9rem; font-size:.92rem; max-width:34ch; }
.footer-heading{
  font-family:var(--font-mono);
  font-size:.8rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.5);
  margin-bottom:1rem;
  font-weight:500;
}
.footer-links{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.6rem; }
.footer-links a{ color:rgba(255,255,255,.78); }
.footer-links a:hover{ color:var(--cyan); }
.footer-address{ font-style:normal; font-size:.92rem; margin-bottom:1rem; color:rgba(255,255,255,.65); }
.social-links{ display:flex; gap:.7rem; }
.social-links a{
  width:38px; height:38px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  display:flex; align-items:center; justify-content:center;
  color:#fff;
  transition:background-color .15s ease;
}
.social-links a:hover{ background:var(--cyan); border-color:var(--cyan); color:#fff; }
.footer-rule{ border-color:rgba(255,255,255,.12); margin:2.5rem 0 1.5rem; opacity:1; }
.footer-copy{ font-size:.85rem; color:rgba(255,255,255,.5); margin:0; }
@media (max-width:575.98px){ .site-footer{ padding-bottom:6rem; } }

.breadcrumb-bar{ padding:1.1rem 0; border-bottom:1px solid var(--line); }
.breadcrumb-bar .breadcrumb{
  margin:0;
  font-family:var(--font-mono);
  font-size:.82rem;
  --bs-breadcrumb-divider-color:var(--muted);
}
.breadcrumb-bar a{ color:var(--muted); }
.breadcrumb-bar a:hover{ color:var(--cyan-text); }
.breadcrumb-bar .breadcrumb-item.active{ color:var(--head); }

.page-hero{
  background:linear-gradient(180deg, var(--bg-hero) 0%, var(--bg) 100%);
  padding:3.5rem 0 1.5rem;
  text-align:center;
}
.page-hero h1{
  font-size:clamp(2rem, 3.6vw, 2.8rem);
  font-weight:700;
  color:var(--head);
  margin-bottom:.9rem;
}
.page-hero p{
  color:var(--muted);
  max-width:60ch;
  margin:0 auto;
  font-size:1.05rem;
}
.page-hero p.eyebrow{ margin:0 auto .75rem; font-size:.78rem; }
.page-hero.hero-internet .eyebrow{ color:var(--cyan-text); }
.page-hero.hero-solar .eyebrow{ color:var(--amber-text); }
.page-hero.hero-computo .eyebrow{ color:var(--violet-text); }
.page-hero.hero-soporte .eyebrow{ color:var(--green-text); }

.promo-banner{ padding:.5rem 0 1rem; }
.media-card{
  max-width:520px;
  margin:0 auto;
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow-md);
  border:1px solid var(--line);
  background:#000;
}
.promo-banner .media-card{ max-width:920px; }
.media-card img, .media-card video{ display:block; width:100%; height:auto; }

.plans-section{ padding:2rem 0 5rem; }

.plans-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:1.4rem;
  max-width:980px;
  margin:0 auto;
  padding:0;
  list-style:none;
}
@media (max-width:900px){ .plans-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .plans-grid{ grid-template-columns:1fr; } }

.plan-card{
  display:flex;
  flex-direction:column;
  background:var(--surface);
  border:1px solid var(--line);
  border-top:4px solid var(--cyan);
  border-radius:var(--radius);
  padding:1.8rem 1.5rem;
  text-align:center;
  box-shadow:var(--shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease;
  position:relative;
}
.plan-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); }
.plan-card.popular{ border-top-color:var(--amber); }
.plan-badge{
  position:absolute; top:-12px; left:50%; transform:translateX(-50%);
  background:var(--amber); color:#1b1200; font-size:.7rem; font-weight:700;
  padding:.25rem .75rem; border-radius:999px; letter-spacing:.03em;
  text-transform:uppercase; white-space:nowrap;
}
.plan-speed{
  font-family:var(--font-display);
  font-size:2.1rem;
  font-weight:700;
  color:var(--head);
  line-height:1;
}
.plan-speed span{ font-size:1rem; font-weight:600; color:var(--muted); }
.plan-price{
  font-family:var(--font-display);
  font-size:1.55rem;
  font-weight:700;
  color:var(--cyan-text);
  margin:.6rem 0 1.2rem;
}
.plan-price small{ font-family:var(--font-body); font-size:.82rem; color:var(--muted); font-weight:500; }
.plan-use{ color:var(--muted); font-size:.9rem; line-height:1.5; margin:-.2rem 0 1.3rem; flex-grow:1; max-width:none; }
.plan-card .btn-plan{ margin-top:auto; }

.install-note{
  max-width:980px;
  margin:2rem auto 0;
  text-align:center;
  background:var(--surface);
  border:1px dashed var(--line);
  border-radius:var(--radius);
  padding:1rem 1.5rem;
  color:var(--muted);
  font-size:.94rem;
}
.install-note strong{ color:var(--head); }
.plan-footnote{ color:var(--muted); font-size:.92rem; max-width:none; }
.plans-grid + .install-note + .plan-footnote{ max-width:980px; margin:.9rem auto 0; text-align:center; }
.plans-cta{ text-align:center; margin-top:2.2rem; }

.solar-media-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:start;
  gap:1.5rem;
  max-width:980px;
  margin:0 auto;
}
@media (max-width:768px){ .solar-media-grid{ grid-template-columns:1fr; } }
.solar-media-grid .media-card{ max-width:none; margin:0; }
.solar-media-grid .frame{ border:0; border-radius:0; aspect-ratio:16 / 9; }
.media-caption{ text-align:center; font-size:.88rem; color:var(--muted); margin:.7rem 0 0; max-width:none; }

.info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.4rem;
  max-width:980px;
  margin:3rem auto 0;
}
@media (max-width:768px){ .info-grid{ grid-template-columns:1fr; } }
.info-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-top:4px solid var(--amber);
  border-radius:var(--radius);
  padding:1.9rem 1.7rem;
  box-shadow:var(--shadow-sm);
  display:flex;
  flex-direction:column;
}
.info-card h2{ font-size:1.4rem; margin-bottom:.7rem; }
.info-card p{ color:var(--muted); }
.info-card h3{ font-size:.82rem; font-family:var(--font-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin:1rem 0 .5rem; font-weight:500; }
.info-card .btn-whatsapp{ margin-top:auto; align-self:flex-start; }
.check-list{ list-style:none; padding:0; margin:0 0 1.4rem; display:grid; gap:.4rem; }
.check-list li{ position:relative; padding-left:1.5rem; }
.check-list li::before{ content:""; position:absolute; left:0; top:.5em; width:.8rem; height:.4rem; border-left:2px solid var(--amber-text); border-bottom:2px solid var(--amber-text); transform:rotate(-45deg); }

.steps{ list-style:none; counter-reset:step; padding:0; display:grid; gap:1.5rem; grid-template-columns:repeat(3, 1fr); max-width:980px; margin:0 auto; }
.steps li{ counter-increment:step; background:var(--surface); border:1px solid var(--line); border-top:4px solid var(--cyan); border-radius:var(--radius); padding:1.4rem 1.4rem 1.5rem; box-shadow:var(--shadow-sm); }
.steps li::before{ content:counter(step); font-family:var(--font-mono); font-weight:600; font-size:1rem; color:var(--cyan-text); display:block; margin-bottom:.5rem; }
.steps h3{ font-size:1.1rem; margin-bottom:.4rem; }
.steps p{ margin:0; color:var(--muted); font-size:.95rem; }
.steps-compact{ grid-template-columns:1fr; gap:.9rem; max-width:none; }
.steps-compact li{ border-top:1px solid var(--line); border-left:4px solid var(--green); box-shadow:none; padding:1rem 1.3rem; }
.steps-compact li::before{ color:var(--green-text); }
@media (max-width:767.98px){ .steps{ grid-template-columns:1fr; } }

.callout{ background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--cyan); border-radius:var(--radius); padding:1.5rem 1.6rem; box-shadow:var(--shadow-sm); }
.callout h2, .callout h3{ font-size:1.15rem; margin-bottom:.5rem; }
.callout p{ margin:0; color:var(--muted); }
.callout-wide{ border-left-color:var(--amber); max-width:980px; margin:0 auto; }

.channel{ height:100%; background:var(--surface); border:1px solid var(--line); border-top:4px solid var(--green); border-radius:var(--radius); padding:1.7rem; display:flex; flex-direction:column; gap:.6rem; box-shadow:var(--shadow-sm); }
.channel h3{ margin:0; font-size:1.25rem; }
.channel p{ color:var(--muted); margin:0 0 .6rem; }
.channel p a{ color:var(--cyan-text); font-weight:600; }
.channel .btn{ margin-top:auto; align-self:flex-start; }

.accordion{
  --bs-accordion-bg:transparent;
  --bs-accordion-border-color:var(--line);
  --bs-accordion-btn-bg:transparent;
  --bs-accordion-active-bg:var(--surface);
  --bs-accordion-active-color:var(--head);
  --bs-accordion-btn-color:var(--head);
  --bs-accordion-color:var(--ink);
  --bs-accordion-btn-focus-box-shadow:0 0 0 3px rgba(23,185,214,.25);
}
.accordion-item{ background:transparent; }
.accordion-button{ font-family:var(--font-display); font-weight:600; font-size:1.05rem; }
.accordion-button:not(.collapsed){ box-shadow:none; }
.accordion-body a{ color:var(--cyan-text); font-weight:600; }
:root[data-theme="dark"] .accordion-button::after{ filter:invert(1); }

.legal-wrap{ max-width:760px; margin:0 auto; }
.legal h1{ margin-bottom:.4rem; font-size:clamp(1.9rem, 3.4vw, 2.6rem); }
.legal-date{ color:var(--muted); margin-bottom:2rem; }
.legal h2{ font-size:1.25rem; margin:2rem 0 .6rem; }
.legal p, .legal li{ color:var(--ink); max-width:none; }
.legal ul{ padding-left:1.2rem; }
.legal a{ color:var(--cyan-text); text-decoration:underline; }

.wa-float{
  position:fixed; right:max(16px, env(safe-area-inset-right)); bottom:max(16px, env(safe-area-inset-bottom)); z-index:1100;
  display:inline-flex; align-items:center; gap:.5rem; height:56px; min-width:56px; padding:0 17px;
  background:#1fa855; color:#fff; border-radius:28px; font-weight:600; font-size:.95rem;
  box-shadow:0 6px 18px rgba(0,0,0,.28); transition:background-color .15s ease, padding .2s ease;
}
.wa-float i{ font-size:1.7rem; line-height:1; }
.wa-float:hover{ background:#188f49; color:#fff; }
.wa-float-label{ display:none; white-space:nowrap; }
@media (min-width:992px){ .wa-float:hover{ padding-right:22px; } .wa-float:hover .wa-float-label, .wa-float:focus-visible .wa-float-label{ display:inline; } }

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  body{ animation:none; }
  body.page-leaving{ transition:none; opacity:1; }
  .service-card, .plan-card, .product-card, .btn-cta, .quick-item{ transition:none; }
  .g-slide{ transition:opacity .3s ease, visibility 0s linear .3s; }
  .g-slide.is-active{ transition:opacity .3s ease, visibility 0s; }
  .g-slide .frame, .g-slide.is-active .frame{ transform:none; transition:none; }
  .g-caption, .g-slide.is-active .g-caption{ transition:none; }
}

.hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.form-status{ margin:1rem 0 0; padding:.9rem 1rem; border-radius:12px; font-size:.95rem; line-height:1.5; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22); color:#fff; }
.form-status.is-ok{ background:rgba(31,174,122,.2); border-color:rgba(31,174,122,.6); }
.form-status.is-error{ background:rgba(255,180,168,.14); border-color:rgba(255,180,168,.55); }
.form-status a{ color:#fff; font-weight:600; text-decoration:underline; display:inline-block; margin-top:.35rem; }
#formBtn[disabled]{ opacity:.7; cursor:wait; }

.support-form{ background:var(--bg); border:1px solid var(--line); border-radius:var(--radius); padding:1.8rem; box-shadow:var(--shadow-sm); }
.support-form .form-label{ font-size:.88rem; font-weight:600; color:var(--head); }
.support-form .field-error{ color:#b3261e; }
[data-theme="dark"] .support-form .field-error{ color:#ffb4a8; }
.support-form .form-control[aria-invalid="true"],
.support-form .form-select[aria-invalid="true"]{ border-color:#b3261e; }
.support-form .form-legal{ color:var(--muted); }
.support-form .form-legal a{ color:var(--cyan-text); }
.support-form .form-status{ background:var(--surface); border-color:var(--line); color:var(--ink); }
.support-form .form-status.is-ok{ background:rgba(31,174,122,.12); border-color:var(--green); }
.support-form .form-status.is-error{ background:rgba(179,38,30,.08); border-color:#b3261e; }
.support-form .form-status a{ color:var(--cyan-text); }
.support-form .form-status strong{ font-family:var(--font-mono); letter-spacing:.04em; }
#supportBtn[disabled]{ opacity:.7; cursor:wait; }

.account-link{ display:inline-flex; align-items:center; gap:.4rem; height:42px; padding:0 .8rem; border:1px solid var(--line); border-radius:10px; color:var(--head); font-weight:600; font-size:.92rem; text-decoration:none; background:transparent; }
.account-link:hover{ background:var(--surface-2); color:var(--head); }
.account-link i{ font-size:1.15rem; }
.account-link, .site-header .nav-link, .site-header .btn-cta{ white-space:nowrap; }
@media (max-width:1399.98px){ .account-link span{ display:none; } .account-link{ padding:0; width:42px; justify-content:center; } }

.auth-card{ max-width:440px; margin:0 auto; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:2rem; box-shadow:var(--shadow-sm); }
.auth-card-wide{ max-width:680px; }
.auth-card h1{ font-size:1.8rem; margin:0 0 .4rem; }
.auth-lead{ color:var(--muted); margin:0 0 1.5rem; }
.auth-alt{ color:var(--muted); font-size:.92rem; margin:1.2rem 0 0; }
.auth-alt a{ color:var(--cyan-text); font-weight:600; }
.auth-card .form-label, .side-card .form-label{ font-size:.88rem; font-weight:600; color:var(--head); }
.field-help{ font-size:.82rem; color:var(--muted); margin:.3rem 0 0; }
.auth-card .field-error, .side-card .field-error{ color:#b3261e; }
[data-theme="dark"] .auth-card .field-error, [data-theme="dark"] .side-card .field-error{ color:#ffb4a8; }
.auth-card .form-control[aria-invalid="true"]{ border-color:#b3261e; }
.auth-card .form-legal, .side-card .form-legal{ color:var(--muted); }
.auth-card .form-legal a{ color:var(--cyan-text); }
.auth-card .form-status, .side-card .form-status{ background:var(--bg); border-color:var(--line); color:var(--ink); }
.auth-card .form-status.is-ok, .side-card .form-status.is-ok{ background:rgba(31,174,122,.12); border-color:var(--green); }
.auth-card .form-status.is-error, .side-card .form-status.is-error{ background:rgba(179,38,30,.08); border-color:#b3261e; }
.auth-card button[disabled], .side-card button[disabled]{ opacity:.7; cursor:wait; }

.panel-head{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:1.8rem; }
.panel-head h1{ margin:0; font-size:2rem; }
.side-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:1.4rem; margin-bottom:1.2rem; box-shadow:var(--shadow-sm); }
.side-card h2{ margin:0 0 .9rem; }
.data-list{ margin:0; display:grid; gap:.1rem; }
.data-list dt{ font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); font-weight:600; margin-top:.6rem; }
.data-list dd{ margin:0; word-break:break-word; }
.empty-note{ color:var(--muted); background:var(--surface); border:1px dashed var(--line); border-radius:var(--radius); padding:1.2rem; margin:0; }

.report-list{ display:grid; gap:.9rem; margin-bottom:1rem; }
.report-item{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:1.1rem 1.2rem; box-shadow:var(--shadow-sm); }
.report-top{ display:flex; align-items:center; justify-content:space-between; gap:.8rem; }
.report-type{ color:var(--muted); font-size:.88rem; margin:.3rem 0 .5rem; }
.report-desc{ margin:0; white-space:pre-wrap; word-break:break-word; }
.folio{ font-family:var(--font-mono); letter-spacing:.04em; color:var(--head); }

.badge-estado{ display:inline-block; padding:.2rem .65rem; border-radius:999px; font-size:.78rem; font-weight:700; border:1px solid transparent; white-space:nowrap; }
.estado-abierto{ background:rgba(245,166,35,.18); color:#8a5700; border-color:rgba(245,166,35,.5); }
.estado-en_proceso{ background:rgba(23,185,214,.15); color:#0b6577; border-color:rgba(23,185,214,.5); }
.estado-resuelto{ background:rgba(31,174,122,.15); color:#116147; border-color:rgba(31,174,122,.5); }
[data-theme="dark"] .estado-abierto{ color:#ffd48a; }
[data-theme="dark"] .estado-en_proceso{ color:#8fe3f3; }
[data-theme="dark"] .estado-resuelto{ color:#8fe3c3; }

.stat-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:1.8rem; }
.stat{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:1rem 1.2rem; box-shadow:var(--shadow-sm); display:flex; flex-direction:column; }
.stat strong{ font-family:var(--font-head); font-size:2rem; color:var(--head); line-height:1.1; }
.stat span{ color:var(--muted); font-size:.88rem; }
@media (max-width:640px){ .stat-row{ grid-template-columns:1fr; } }

.panel-tabs{ gap:.4rem; margin-bottom:1.2rem; }
.panel-tabs .nav-link{ color:var(--head); font-weight:600; border:1px solid var(--line); background:var(--surface); }
.panel-tabs .nav-link.active{ background:var(--cta-bg); color:var(--cta-fg); border-color:var(--cta-bg); }
.panel-tools{ display:flex; justify-content:flex-end; margin-bottom:.8rem; }
.panel-tools .form-select{ width:auto; min-width:190px; }
.panel-table{ width:100%; border-collapse:separate; border-spacing:0; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; font-size:.92rem; }
.panel-table th{ text-align:left; font-size:.76rem; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); background:var(--surface-2); padding:.7rem .9rem; white-space:nowrap; }
.panel-table td{ padding:.8rem .9rem; border-top:1px solid var(--line); vertical-align:top; }
.panel-table td a{ color:var(--cyan-text); font-weight:600; }
.panel-table .cell-wide{ min-width:240px; max-width:420px; white-space:pre-wrap; word-break:break-word; }
.panel-table .cell-actions{ display:flex; flex-wrap:wrap; gap:.4rem; }
.estado-select{ min-width:130px; }
@media (max-width:767px){
  .panel-table thead{ display:none; }
  .panel-table, .panel-table tbody, .panel-table tr, .panel-table td{ display:block; width:100%; }
  .panel-table tr{ border-top:1px solid var(--line); padding:.6rem 0; }
  .panel-table td{ border:0; padding:.3rem .9rem; }
  .panel-table td::before{ content:attr(data-label); display:block; font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); font-weight:600; }
  .panel-table .cell-wide{ min-width:0; max-width:none; }
}

.session-note{ background:rgba(31,174,122,.12); border:1px solid var(--green); border-radius:12px; padding:.7rem 1rem; margin:0 0 1.2rem; font-size:.92rem; color:var(--ink); }
.session-note a{ color:var(--cyan-text); font-weight:600; }
.check-list a{ color:var(--cyan-text); font-weight:600; }
.navbar-brand{ flex-shrink:0; }
.brand-logo{ flex-shrink:0; max-width:none; }
@media (min-width:992px) and (max-width:1199.98px){
  .navbar-brand{ margin-right:.6rem; }
  .site-header .navbar-nav .nav-link{ padding-left:.55rem; padding-right:.55rem; }
  .site-header .btn-cta{ padding-left:1rem; padding-right:1rem; }
}
@media (min-width:992px) and (max-width:1199.98px){
  .site-header .navbar-nav .nav-link i{ display:none; }
}

.btn-hero-map{ display:inline-flex; align-items:center; gap:.5rem; margin-top:1.2rem; padding:.65rem 1.2rem; border-radius:999px; border:1.5px solid rgba(255,255,255,.7); color:#fff; font-weight:600; background:rgba(255,255,255,.08); text-decoration:none; }
.btn-hero-map:hover{ background:#fff; color:#0a1d37; border-color:#fff; }
.plans-cta{ display:flex; flex-wrap:wrap; justify-content:center; gap:.7rem; }

.coverage{ display:grid; grid-template-columns:260px 1fr; gap:1.4rem; align-items:start; }
.coverage-list{ list-style:none; margin:0; padding:0; display:grid; gap:.5rem; }
.coverage-item{ width:100%; text-align:left; display:flex; align-items:center; gap:.5rem; padding:.7rem .95rem; border-radius:12px; border:1px solid var(--line); background:var(--surface); color:var(--head); font-weight:600; font-size:.95rem; cursor:pointer; transition:border-color .2s, transform .2s; }
.coverage-item i{ color:var(--cyan-text); }
.coverage-item:hover, .coverage-item:focus-visible{ border-color:var(--cyan); transform:translateX(2px); }
.coverage-frame{ position:relative; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); background:var(--media-bg); }
.coverage-map{ height:480px; width:100%; z-index:0; }
.coverage-holder{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; padding:1rem; margin:0; color:var(--muted); pointer-events:none; }
.coverage-holder a{ pointer-events:auto; color:var(--cyan-text); font-weight:600; }
.coverage-holder[hidden]{ display:none; }
.coverage-label{ background:#0a1d37; color:#fff; border:0; border-radius:6px; font-family:var(--font-body); font-weight:600; font-size:.78rem; padding:.2rem .5rem; box-shadow:0 1px 4px rgba(0,0,0,.3); }
.coverage-label::before{ display:none; }
.leaflet-container{ font-family:var(--font-body); }
[data-theme="dark"] .coverage-map .leaflet-tile-pane{ filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(.88); }
@media (max-width:900px){
  .coverage{ grid-template-columns:1fr; }
  .coverage-list{ grid-template-columns:repeat(2,1fr); order:2; }
  .coverage-map{ height:380px; }
}
@media (max-width:420px){ .coverage-list{ grid-template-columns:1fr; } }
.coverage-map.labels-off .coverage-label{ display:none; }
.coverage + .plan-footnote{ margin-top:1.2rem; }

.coverage-side{ display:flex; flex-direction:column; gap:.9rem; }
.coverage-filter{ display:flex; flex-wrap:wrap; gap:.4rem; }
.chip{ display:inline-flex; align-items:center; gap:.4rem; padding:.45rem .85rem; border-radius:999px; border:1px solid var(--line); background:var(--surface); color:var(--head); font-weight:600; font-size:.85rem; cursor:pointer; }
.chip:hover{ border-color:var(--cyan); }
.chip.is-active{ background:var(--cta-bg); color:var(--cta-fg); border-color:var(--cta-bg); }
.swatch{ width:.7rem; height:.7rem; border-radius:50%; display:inline-block; border:1px solid rgba(0,0,0,.25); }
.swatch-fibra{ background:#17b9d6; }
.swatch-antena{ background:#f5a623; }
.coverage-item{ flex-wrap:wrap; }
.coverage-name{ flex:1 1 auto; }
.coverage-tags{ display:flex; gap:.3rem; flex-wrap:wrap; width:100%; padding-left:1.35rem; }
.tag{ font-size:.7rem; font-weight:700; padding:.12rem .5rem; border-radius:999px; border:1px solid transparent; }
.tag-fibra{ background:rgba(23,185,214,.16); color:#0b6577; border-color:rgba(23,185,214,.5); }
.tag-antena{ background:rgba(245,166,35,.2); color:#8a5700; border-color:rgba(245,166,35,.55); }
[data-theme="dark"] .tag-fibra{ color:#8fe3f3; }
[data-theme="dark"] .tag-antena{ color:#ffd48a; }
@media (max-width:900px){ .coverage-side{ order:2; } .coverage-list{ order:initial; } }
@media (min-width:901px){
  .coverage-list{ max-height:392px; overflow-y:auto; padding-right:.3rem; }
  .coverage-item{ padding:.55rem .8rem; }
}