/* =============================================================
   Tibor Brand 2026
   Capa global de color. Solo presentacion: no toca layout, JS,
   AJAX, WooCommerce ni plugins. Carga al final para unificar marca.
   ============================================================= */

:root{
  --tibor-brand:#0b3989;
  --tibor-brand-dark:#0b3989;
  --tibor-brand-deep:#111f92;
  --tibor-brand-soft:#eef3fb;
  --tibor-brand-line:#cbd9ee;
  --tibor-brand-grad:linear-gradient(135deg,#0b3989 0%,#0b3989 64%,#0b3989 100%);
  --tibor-brand-grad-dark:linear-gradient(140deg,#0b3989 0%,#0b3989 100%);
  --tibor-brand-shadow:0 18px 44px rgba(11,57,137,.18);
}

/* Tokens compartidos del tema. */
:root,
.t26-chrome,
.mainnav,
.cot-page,
body.tibor-portal{
  --navy:var(--tibor-brand);
  --navy-2:var(--tibor-brand-dark);
  --blue:var(--tibor-brand);
  --teal:var(--tibor-brand);
  --teal-lt:var(--tibor-brand);
  --t26-grad:var(--tibor-brand-grad);
  --cot-primary:var(--tibor-brand);
  --cot-accent:var(--tibor-brand);
  --cot-accent-2:var(--tibor-brand);
  --cot-grad:var(--tibor-brand-grad);
  --cot-navy-grad:var(--tibor-brand-grad-dark);
  --tp-navy:var(--tibor-brand);
  --tp-navy-2:var(--tibor-brand-dark);
  --tp-teal:var(--tibor-brand);
  --tp-teal-lt:var(--tibor-brand);
  --tp-teal-soft:var(--tibor-brand-soft);
  --tp-blue:var(--tibor-brand);
  --tp-grad:var(--tibor-brand-grad);
  --tp-navy-grad:var(--tibor-brand-grad-dark);
  --tp-glow:0 10px 24px rgba(11,57,137,.30);
}

/* Header, promo, menus y footer globales. */
.t26-chrome .promo,
.t26-chrome .search-box button,
.t26-chrome .mt-teal,
.t26-chrome .hi .count,
.mainnav .mt-teal{
  background:var(--tibor-brand-grad)!important;
}

.t26-chrome.t26-footer{
  background:var(--tibor-brand)!important;
}

.t26-chrome .mnav>li>a,
.mainnav .mnav>li>a,
.mainnav .cat-side-link,
.mainnav .cat-panel-head,
.mainnav .cat-card-txt b{
  color:var(--tibor-brand)!important;
}

.t26-chrome .mnav>li>a:hover,
.mainnav .mnav>li>a:hover,
.mainnav .has-mega:hover>a,
.mainnav .cat-side-item:hover>.cat-side-link,
.mainnav .cat-side-link>span>i,
.mainnav .cat-panel-all,
.mainnav .mega-card .mtag,
.mainnav .cat-card:hover .cat-card-txt b,
.t26-chrome .hi:hover{
  color:var(--tibor-brand)!important;
}

.mainnav .mega-card:hover,
.mainnav .cat-side-item:hover>.cat-side-link{
  border-color:var(--tibor-brand)!important;
}

.mainnav .cat-side-item:hover>.cat-side-link,
.mainnav .cat-side:hover .cat-side-item:first-child:hover>.cat-side-link{
  background:var(--tibor-brand-soft)!important;
  border-left-color:var(--tibor-brand)!important;
}

/* Desplegable de sesion del header. */
.tacct .tacct-head,
.t26-chrome .tacct .tacct-head{
  background:var(--tibor-brand)!important;
  background-image:var(--tibor-brand-grad)!important;
}

.tacct.open .tacct-toggle,
.tacct .tacct-bono-val,
.tacct-menu a[role=menuitem]:hover,
.tacct-menu a[role=menuitem]:hover i{
  color:var(--tibor-brand)!important;
}

/* Dashboard / portal cliente. */
.tp-head,
.tp-btn,
.tp-i-teal,
.tp-avatar,
.tp-bono{
  background:var(--tibor-brand-grad)!important;
}

.tp-i-navy{
  background:var(--tibor-brand-grad-dark)!important;
}

.tp-tag,
.tp-sv,
.tp-money,
.tp-tl,
.tp-clink,
.tp-mi-shop,
.tp-ri-shop,
.tp-ref{
  color:var(--tibor-brand)!important;
}

.tp-ri.is-active{
  background:var(--tibor-brand-soft)!important;
  color:var(--tibor-brand)!important;
}

.tp-ri.is-active::before,
.tp-bar-fill{
  background:var(--tibor-brand)!important;
}

.tp-btn2:hover,
.tp-tool:hover{
  border-color:var(--tibor-brand)!important;
  color:var(--tibor-brand)!important;
}

/* Paginas de cotizador. */
.cot-page .cot-tab-btn.is-active,
.cot-page .t1-section-num,
.cot-page .cot-form::before,
.cot-page .cot-cut-table thead th{
  background:var(--tibor-brand-grad-dark)!important;
}

.cot-page .cot-spec-check.c-teal,
.cot-page .cot-icon-list .cot-icon-item:nth-child(5n+1)>i{
  background:var(--tibor-brand-soft)!important;
  color:var(--tibor-brand)!important;
}

.cot-page .cot-alert-info{
  background:var(--tibor-brand-soft)!important;
  border-color:var(--tibor-brand-line)!important;
  border-left-color:var(--tibor-brand)!important;
  color:var(--tibor-brand)!important;
}

/* Personalizador tibor3. */
.tibor3-cfg{
  --t3s-blue:var(--tibor-brand);
  --t3s-blue-d:var(--tibor-brand-dark);
}

.tibor3-cfg .tibor3-cart-btn,
.tibor3-cfg .tibor3-current-view-chip::before{
  background:var(--tibor-brand)!important;
}

.tibor3-cfg .tibor3-cart-btn:hover:not(:disabled){
  background:var(--tibor-brand-dark)!important;
}

.tibor3-cfg .tibor3-product-details,
.tibor3-cfg .tibor3-size-guide-link,
.tibor3-cfg .tibor3-price-details,
.tibor3-cfg .tibor3-service-ico,
.tibor3-cfg .tibor3-tipcard-chip i,
.tibor3-cfg .tibor3-tool.is-active .tibor3-tool-lbl{
  color:var(--tibor-brand)!important;
}

.tibor3-cfg .tibor3-swatch.is-active,
.tibor3-cfg .tibor3-swatch[aria-pressed="true"],
.tibor3-cfg .tibor3-sizes-dd-sum:hover,
.tibor3-cfg .tibor3-sizes-dd[open] .tibor3-sizes-dd-sum,
.tibor3-cfg .tibor3-sizes-dd[open] .tibor3-sizes,
.tibor3-cfg .tibor3-view-thumb.is-active{
  border-color:var(--tibor-brand)!important;
}

.tibor3-cfg .tibor3-tool.is-active .tibor3-tool-ico,
.tibor3-cfg .tibor3-tipcard-ico{
  background:var(--tibor-brand-soft)!important;
  border-color:var(--tibor-brand)!important;
  color:var(--tibor-brand)!important;
}

/* Home hero: fondo aurora solo en la primera slide del carrusel. */
.hero .hero-slide:first-child{
  --h-ink:#071229;
  --h-muted:#34445c;
  --h-acc:#0b3989;
  --h-acc2:#315ca8;
  position:relative;
  isolation:isolate;
}

.hero .hero-slide:first-child::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(620px 520px at 86% 16%, rgba(255,106,214,.70), transparent 58%),
    radial-gradient(780px 560px at 68% 46%, rgba(11,57,137,.82), transparent 64%),
    radial-gradient(620px 460px at 52% 33%, rgba(31,198,255,.62), transparent 62%),
    radial-gradient(480px 360px at 92% 72%, rgba(238,241,255,.90), transparent 56%),
    linear-gradient(100deg, #ffffff 0%, #f8fbff 32%, #eaf7ff 48%, #dbe5ff 100%);
  filter:saturate(112%);
}

.hero .hero-slide:first-child .hero-grid{
  position:relative;
  z-index:1;
}

.hero .hero-slide:first-child .hero-badge{
  background:rgba(11,57,137,.08)!important;
  border-color:rgba(11,57,137,.22)!important;
  color:#0b3989!important;
}

.hero .hero-slide:first-child h1,
.hero .hero-slide:first-child .hero-trust b{
  color:#071229!important;
}

.hero .hero-slide:first-child h1 em{
  background:linear-gradient(135deg,#0b3989,#5f72ff)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

.hero .hero-slide:first-child p.lead,
.hero .hero-slide:first-child .hero-trust div{
  color:#34445c!important;
}

.hero .hero-slide:first-child .hero-btn-secondary{
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(11,57,137,.24)!important;
  color:#0b3989!important;
  backdrop-filter:blur(12px);
}

.hero .hero-slide:first-child .hero-frame.fit-contain .hero-vimg{
  filter:drop-shadow(0 26px 46px rgba(7,18,41,.20));
}

@media(max-width:720px){
  .hero .hero-slide:first-child::before{
    background:
      radial-gradient(360px 300px at 86% 22%, rgba(255,106,214,.52), transparent 58%),
      radial-gradient(420px 320px at 72% 48%, rgba(11,57,137,.68), transparent 65%),
      radial-gradient(340px 260px at 54% 34%, rgba(31,198,255,.44), transparent 64%),
      linear-gradient(115deg,#ffffff 0%,#f7fbff 38%,#e3ebff 100%);
  }
}

/* Home hero: fondo gradient kit para la segunda slide del carrusel. */
.hero .hero-slide:nth-child(2){
  --h-ink:#ffffff;
  --h-muted:rgba(255,255,255,.78);
  --h-acc:#bfffee;
  --h-acc2:#ffffff;
  position:relative;
  isolation:isolate;
}

.hero .hero-slide:nth-child(2)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(760px 560px at 31% 23%, rgba(11,57,137,.92), transparent 62%),
    radial-gradient(860px 640px at 68% 26%, rgba(71,255,197,.74), transparent 64%),
    radial-gradient(680px 520px at 50% 70%, rgba(22,155,255,.68), transparent 66%),
    radial-gradient(360px 280px at 10% 88%, rgba(255,255,255,.82), transparent 68%),
    linear-gradient(110deg,#ffffff 0%,#f8fffd 13%,#0b3989 42%,#4fffc5 100%);
  filter:saturate(118%) contrast(1.04);
}

.hero .hero-slide:nth-child(2)::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.18) 21%, transparent 42%),
    radial-gradient(520px 360px at 84% 82%, rgba(255,255,255,.70), transparent 64%);
}

.hero .hero-slide:nth-child(2) .hero-grid{
  position:relative;
  z-index:1;
}

.hero .hero-slide:nth-child(2) .hero-copy{
  position:relative;
  z-index:1;
  max-width:620px;
}

.hero .hero-slide:nth-child(2) .hero-copy::before{
  display:none!important;
}

.hero .hero-slide:nth-child(2) .hero-badge{
  background:rgba(255,255,255,.20)!important;
  border-color:rgba(255,255,255,.42)!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(6,16,48,.12);
}

.hero .hero-slide:nth-child(2) .hero-badge i,
.hero .hero-slide:nth-child(2) h1 em{
  color:#bfffee!important;
}

.hero .hero-slide:nth-child(2) h1 em{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  text-shadow:0 3px 28px rgba(6,16,48,.28);
}

.hero .hero-slide:nth-child(2) .hero-btn-primary{
  background:rgba(255,255,255,.72)!important;
  border:1.5px solid rgba(255,255,255,.34)!important;
  color:#171b3f!important;
  box-shadow:0 18px 40px rgba(6,16,48,.16)!important;
  backdrop-filter:blur(14px);
}

.hero .hero-slide:nth-child(2) .hero-btn-secondary{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.34)!important;
  color:#fff!important;
  backdrop-filter:blur(12px);
  box-shadow:none!important;
}

.hero .hero-slide:nth-child(2) h1,
.hero .hero-slide:nth-child(2) p.lead,
.hero .hero-slide:nth-child(2) .hero-trust b,
.hero .hero-slide:nth-child(2) .hero-trust div{
  text-shadow:0 3px 22px rgba(6,16,48,.34);
}

.hero .hero-slide:nth-child(2) p.lead{
  color:rgba(255,255,255,.94)!important;
  font-weight:600;
}

.hero .hero-slide:nth-child(2) .hero-trust{
  gap:1.1rem;
}

.hero .hero-slide:nth-child(2) .hero-trust div{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  color:rgba(255,255,255,.88)!important;
  backdrop-filter:none!important;
}

.hero .hero-slide:nth-child(2) .hero-trust b{
  color:#fff!important;
}

.hero .hero-slide:nth-child(2) .hero-frame.fit-contain .hero-vimg{
  filter:drop-shadow(0 30px 46px rgba(7,18,41,.24));
}

@media(max-width:720px){
  .hero .hero-slide:nth-child(2)::before{
    background:
      radial-gradient(420px 320px at 33% 20%, rgba(11,57,137,.88), transparent 64%),
      radial-gradient(440px 340px at 76% 34%, rgba(71,255,197,.62), transparent 66%),
      radial-gradient(360px 280px at 54% 72%, rgba(22,155,255,.56), transparent 66%),
      linear-gradient(115deg,#ffffff 0%,#f8fffd 17%,#0b3989 58%,#67ffd2 100%);
  }
  .hero .hero-slide:nth-child(2) .hero-copy::before{
    inset:-14px -14px -12px;
    border-radius:22px;
  }
  .hero .hero-slide:nth-child(2) .hero-trust div{
    padding:0;
    background:transparent;
    border:0;
    backdrop-filter:none;
  }
}

/* Home hero: fondo tipografico violeta/cian para la tercera slide. */
.hero .hero-slide:nth-child(3){
  --h-ink:#171b3f;
  --h-muted:#eef4ff;
  --h-acc:#8b6cff;
  --h-acc2:#46c8ff;
  position:relative;
  isolation:isolate;
}

.hero .hero-slide:nth-child(3)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(620px 420px at 36% 40%, rgba(186,155,255,.36), transparent 66%),
    linear-gradient(180deg,#f7f7f8 0%,#f7f7f8 27%,#d8cbff 48%,#7768ff 70%,#48c8ff 100%);
}

.hero .hero-slide:nth-child(3)::after{
  content:"";
  position:absolute;
  inset:34% 0 0;
  z-index:-1;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(35deg, rgba(255,255,255,.44) 1px, transparent 1px),
    linear-gradient(145deg, rgba(255,255,255,.34) 1px, transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg, transparent 0%, #000 25%, #000 100%);
}

.hero .hero-slide:nth-child(3) .hero-grid{
  position:relative;
  z-index:1;
}

.hero .hero-slide:nth-child(3) .hero-badge{
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(139,108,255,.24)!important;
  color:#171b3f!important;
}

.hero .hero-slide:nth-child(3) .hero-badge i{
  color:#8b6cff!important;
}

.hero .hero-slide:nth-child(3) h1,
.hero .hero-slide:nth-child(3) .hero-trust b{
  color:#171b3f!important;
}

.hero .hero-slide:nth-child(3) h1 em{
  background:linear-gradient(135deg,#7c5cff,#44c8ff)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

.hero .hero-slide:nth-child(3) p.lead,
.hero .hero-slide:nth-child(3) .hero-trust div{
  color:rgba(255,255,255,.88)!important;
  text-shadow:0 1px 14px rgba(23,27,63,.18);
}

.hero .hero-slide:nth-child(3) .hero-btn-primary{
  background:rgba(255,255,255,.68)!important;
  border:1.5px solid rgba(255,255,255,.34)!important;
  color:#171b3f!important;
  box-shadow:0 18px 40px rgba(23,27,63,.16)!important;
  backdrop-filter:blur(14px);
}

.hero .hero-slide:nth-child(3) .hero-btn-secondary{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.34)!important;
  color:#fff!important;
  backdrop-filter:blur(12px);
}

.hero .hero-slide:nth-child(3) .hero-frame.fit-contain .hero-vimg{
  filter:drop-shadow(0 30px 48px rgba(23,27,63,.22));
}

@media(max-width:720px){
  .hero .hero-slide:nth-child(3)::before{
    background:
      radial-gradient(340px 240px at 38% 38%, rgba(186,155,255,.32), transparent 66%),
      linear-gradient(180deg,#f7f7f8 0%,#f7f7f8 24%,#d8cbff 46%,#7768ff 72%,#48c8ff 100%);
  }
  .hero .hero-slide:nth-child(3)::after{
    background-size:38px 38px;
  }
}

/* Home hero: fondo interface glass para la cuarta slide. */
.hero .hero-slide:nth-child(4){
  --h-ink:#1b2440;
  --h-muted:#43516b;
  --h-acc:#28bff5;
  --h-acc2:#7a64ff;
  position:relative;
  isolation:isolate;
}

.hero .hero-slide:nth-child(4)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(420px 420px at 8% 4%, rgba(255,255,255,.88), transparent 64%),
    radial-gradient(620px 480px at 40% 25%, rgba(84,232,255,.38), transparent 68%),
    radial-gradient(520px 420px at 76% 28%, rgba(190,142,255,.34), transparent 68%),
    radial-gradient(380px 340px at 88% 74%, rgba(255,255,255,.76), transparent 70%),
    linear-gradient(135deg,#f8fbff 0%,#edfaff 34%,#f7efff 76%,#ffffff 100%);
}

.hero .hero-slide:nth-child(4)::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.24;
  background-image:
    linear-gradient(30deg, rgba(40,191,245,.22) 1px, transparent 1px),
    linear-gradient(150deg, rgba(122,100,255,.16) 1px, transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(90deg, rgba(0,0,0,.16), #000 28%, #000 84%, rgba(0,0,0,.26));
}

.hero .hero-slide:nth-child(4) .hero-grid{
  position:relative;
  z-index:1;
}

.hero .hero-slide:nth-child(4) .hero-copy{
  position:relative;
  z-index:1;
}

.hero .hero-slide:nth-child(4) .hero-copy::before{
  display:none!important;
}

.hero .hero-slide:nth-child(4) .hero-badge{
  background:rgba(255,255,255,.62)!important;
  border-color:rgba(40,191,245,.28)!important;
  color:#1b2440!important;
}

.hero .hero-slide:nth-child(4) .hero-badge i{
  color:#28bff5!important;
}

.hero .hero-slide:nth-child(4) h1,
.hero .hero-slide:nth-child(4) .hero-trust b{
  color:#1b2440!important;
}

.hero .hero-slide:nth-child(4) h1 em{
  background:linear-gradient(135deg,#7a64ff 0%,#28bff5 72%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

.hero .hero-slide:nth-child(4) p.lead,
.hero .hero-slide:nth-child(4) .hero-trust div{
  color:#43516b!important;
}

.hero .hero-slide:nth-child(4) .hero-btn-primary{
  background:linear-gradient(135deg,#7a64ff,#28bff5)!important;
  color:#fff!important;
  box-shadow:0 20px 42px rgba(40,191,245,.25)!important;
}

.hero .hero-slide:nth-child(4) .hero-btn-secondary{
  background:rgba(255,255,255,.66)!important;
  border-color:rgba(40,191,245,.30)!important;
  color:#1b2440!important;
  backdrop-filter:blur(12px);
}

.hero .hero-slide:nth-child(4) .hero-frame.fit-contain .hero-vimg{
  filter:drop-shadow(0 30px 48px rgba(27,36,64,.16));
}

@media(max-width:720px){
  .hero .hero-slide:nth-child(4)::before{
    background:
      radial-gradient(280px 280px at 8% 4%, rgba(255,255,255,.80), transparent 64%),
      radial-gradient(340px 280px at 42% 24%, rgba(84,232,255,.34), transparent 68%),
      radial-gradient(320px 260px at 76% 30%, rgba(190,142,255,.30), transparent 68%),
      linear-gradient(135deg,#f8fbff 0%,#edfaff 38%,#f7efff 78%,#ffffff 100%);
  }
  .hero .hero-slide:nth-child(4)::after{
    background-size:34px 34px;
  }
  .hero .hero-slide:nth-child(4) .hero-copy::before{
    inset:-14px -14px -12px;
    border-radius:22px;
  }
}

/* Home hero: fondo violeta/azul para la quinta slide. */
.hero .hero-slide:nth-child(5){
  --h-ink:#ffffff;
  --h-muted:rgba(255,255,255,.82);
  --h-acc:#e8d8ff;
  --h-acc2:#8f3dff;
  position:relative;
  isolation:isolate;
}

.hero .hero-slide:nth-child(5)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(720px 680px at 18% 74%, rgba(5,0,135,.92), transparent 64%),
    radial-gradient(700px 620px at 69% 62%, rgba(240,252,255,.86), transparent 62%),
    radial-gradient(620px 520px at 18% 28%, rgba(182,150,255,.70), transparent 66%),
    radial-gradient(660px 520px at 86% 13%, rgba(119,0,255,.88), transparent 66%),
    linear-gradient(145deg,#c7fff5 0%,#8a72ff 34%,#7a1cff 60%,#f4f8ff 100%);
  filter:saturate(112%) contrast(1.03);
}

.hero .hero-slide:nth-child(5)::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(5,0,135,.34) 0%, transparent 38%, rgba(255,255,255,.14) 100%),
    radial-gradient(560px 360px at 76% 86%, rgba(255,255,255,.50), transparent 70%);
}

.hero .hero-slide:nth-child(5) .hero-grid{
  position:relative;
  z-index:1;
}

.hero .hero-slide:nth-child(5) .hero-badge{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.32)!important;
  color:#fff!important;
}

.hero .hero-slide:nth-child(5) .hero-badge i{
  color:#e8d8ff!important;
}

.hero .hero-slide:nth-child(5) h1,
.hero .hero-slide:nth-child(5) .hero-trust b{
  color:#fff!important;
  text-shadow:0 3px 28px rgba(5,0,80,.32);
}

.hero .hero-slide:nth-child(5) h1 em{
  background:linear-gradient(135deg,#ffffff 0%,#e8d8ff 52%,#b7f6ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

.hero .hero-slide:nth-child(5) p.lead,
.hero .hero-slide:nth-child(5) .hero-trust div{
  color:rgba(255,255,255,.86)!important;
  text-shadow:0 2px 18px rgba(5,0,80,.25);
}

.hero .hero-slide:nth-child(5) .hero-btn-primary{
  background:rgba(255,255,255,.74)!important;
  border:1.5px solid rgba(255,255,255,.36)!important;
  color:#0b3989!important;
  box-shadow:0 20px 44px rgba(5,0,80,.20)!important;
  backdrop-filter:blur(14px);
}

.hero .hero-slide:nth-child(5) .hero-btn-secondary{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.32)!important;
  color:#fff!important;
  backdrop-filter:blur(12px);
}

.hero .hero-slide:nth-child(5) .hero-frame.fit-contain .hero-vimg{
  filter:drop-shadow(0 32px 48px rgba(5,0,80,.28));
}

@media(max-width:720px){
  .hero .hero-slide:nth-child(5)::before{
    background:
      radial-gradient(420px 420px at 16% 76%, rgba(5,0,135,.88), transparent 64%),
      radial-gradient(420px 360px at 72% 64%, rgba(240,252,255,.78), transparent 62%),
      radial-gradient(360px 300px at 86% 12%, rgba(119,0,255,.78), transparent 66%),
      linear-gradient(145deg,#c7fff5 0%,#8a72ff 36%,#7a1cff 62%,#f4f8ff 100%);
  }
}

/* Mobile: los dots del hero no deben crear una franja extra entre carrusel y beneficios. */
@media(max-width:720px){
  .hero{
    position:relative;
  }

  .hero .hero-grid{
    padding-bottom:18px!important;
  }

  .hero .hero-dots{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:5px!important;
    width:100%!important;
    margin:0!important;
    z-index:5;
    pointer-events:none;
  }

  .hero .hero-dots button{
    pointer-events:auto;
  }
}

/* Mobile menu modal: aplica al Home (#mainnav) y al header global (#t26-mainnav). */
@media(max-width:980px){
  body.tibor-mobile-menu-open{
    overflow:hidden;
    touch-action:none;
  }

  .mainnav,
  .t26-chrome .mainnav{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:1200!important;
    height:100dvh!important;
    background:rgba(6,18,38,.58)!important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:none!important;
    transition:opacity .22s ease,visibility .22s ease;
    border:0!important;
  }

  .mainnav.open,
  .t26-chrome .mainnav.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .mainnav>.wrap,
  .t26-chrome .mainnav>.wrap{
    position:absolute;
    top:max(12px,env(safe-area-inset-top));
    left:12px;
    width:min(86vw,368px);
    height:calc(100dvh - 24px - env(safe-area-inset-top));
    max-width:none!important;
    padding:0!important;
    overflow:hidden auto;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
    border:1px solid rgba(226,236,243,.96);
    border-radius:22px;
    box-shadow:0 28px 80px rgba(4,22,54,.34);
    transform:translateX(-18px) scale(.985);
    transition:transform .24s ease;
  }

  .mainnav.open>.wrap,
  .t26-chrome .mainnav.open>.wrap{
    transform:none;
  }

  .mnav-modal-head{
    position:sticky;
    top:0;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 14px 12px;
    background:rgba(255,255,255,.92);
    border-bottom:1px solid #e2ecf3;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }

  .mnav-modal-brand{
    display:flex;
    flex-direction:column;
    min-width:0;
  }

  .mnav-modal-brand b{
    color:#0d2438;
    font-family:'Sora',system-ui,sans-serif;
    font-size:1rem;
    line-height:1.1;
  }

  .mnav-modal-brand span{
    color:#5a738c;
    font-size:.76rem;
    line-height:1.35;
  }

  .mnav-close{
    display:grid;
    place-items:center;
    flex:none;
    width:42px;
    height:42px;
    border:1px solid #d9e7f1;
    border-radius:14px;
    background:#f4f8fb;
    color:#0b3989;
    font-size:1rem;
    cursor:pointer;
    box-shadow:0 8px 18px rgba(11,57,137,.10);
  }

  .mnav-close:active{
    transform:translateY(1px);
  }

  .mainnav .mnav,
  .t26-chrome .mainnav .mnav{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    padding:8px 0!important;
    margin:0!important;
  }

  .mainnav .mnav>li,
  .t26-chrome .mainnav .mnav>li{
    border-top:0!important;
    border-bottom:1px solid #e7eff6;
    background:#fff;
  }

  .mainnav .mnav>li>a,
  .t26-chrome .mainnav .mnav>li>a{
    min-height:58px;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    color:#0d2438!important;
    font-size:1rem!important;
    font-weight:650!important;
    line-height:1.2;
  }

  .mainnav .mnav>li>a:hover,
  .t26-chrome .mainnav .mnav>li>a:hover{
    background:#f4f8ff;
    color:#0b3989!important;
  }

  .mainnav .mnav .chev,
  .t26-chrome .mainnav .mnav .chev{
    color:#7f97aa!important;
    font-size:.9rem!important;
    transform:none!important;
  }

  .mainnav .has-mega.sub-open>a,
  .t26-chrome .mainnav .has-mega.sub-open>a{
    color:#0b3989!important;
    background:#eef2ff;
  }

  .mainnav .has-mega.sub-open>a .chev,
  .t26-chrome .mainnav .has-mega.sub-open>a .chev{
    color:#0b3989!important;
    transform:rotate(90deg)!important;
  }

  .mainnav .mega,
  .t26-chrome .mainnav .mega{
    position:static!important;
    display:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    border:0!important;
    box-shadow:none!important;
    background:#f6faff!important;
  }

  .mainnav .has-mega.sub-open .mega,
  .t26-chrome .mainnav .has-mega.sub-open .mega{
    display:block!important;
  }

  .mainnav .mega-grid,
  .t26-chrome .mainnav .mega-grid{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px 12px 14px!important;
  }

  .mainnav .mega-card,
  .t26-chrome .mainnav .mega-card{
    padding:12px!important;
    border-radius:14px!important;
    background:#fff!important;
    border-color:#e2ecf3!important;
    transform:none!important;
    box-shadow:none!important;
  }

  .mainnav .mega-card .thumb,
  .t26-chrome .mainnav .mega-card .thumb{
    width:44px!important;
    height:44px!important;
    border-radius:13px!important;
  }

  .mainnav .cat-wrap,
  .t26-chrome .mainnav .cat-wrap{
    display:block!important;
    min-height:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#f6faff!important;
  }

  .mainnav .cat-side,
  .t26-chrome .mainnav .cat-side{
    width:100%!important;
    padding:8px 10px!important;
    border:0!important;
    background:transparent!important;
  }

  .mainnav .cat-side-item,
  .t26-chrome .mainnav .cat-side-item{
    border:1px solid #e2ecf3;
    border-radius:14px;
    background:#fff;
    overflow:hidden;
    margin-bottom:8px;
  }

  .mainnav .cat-side-link,
  .t26-chrome .mainnav .cat-side-link{
    min-height:50px;
    padding:0 12px!important;
    border-left:0!important;
    color:#0d2438!important;
    background:#fff!important;
  }

  .mainnav .cat-side-link .cat-side-arrow,
  .t26-chrome .mainnav .cat-side-link .cat-side-arrow{
    display:inline-block!important;
    color:#7f97aa!important;
    transition:transform .18s ease,color .18s ease;
  }

  .mainnav .cat-side-item.sub-open>.cat-side-link,
  .t26-chrome .mainnav .cat-side-item.sub-open>.cat-side-link{
    color:#0b3989!important;
    background:#eef2ff!important;
    font-weight:750!important;
  }

  .mainnav .cat-side-item.sub-open>.cat-side-link .cat-side-arrow,
  .t26-chrome .mainnav .cat-side-item.sub-open>.cat-side-link .cat-side-arrow{
    color:#0b3989!important;
    transform:rotate(90deg);
  }

  .mainnav .cat-panel,
  .t26-chrome .mainnav .cat-panel{
    position:static!important;
    display:none!important;
    padding:0 10px 10px!important;
    background:#fff!important;
  }

  .mainnav .cat-side-item.sub-open>.cat-panel,
  .t26-chrome .mainnav .cat-side-item.sub-open>.cat-panel{
    display:block!important;
  }

  .mainnav .cat-panel-cols,
  .t26-chrome .mainnav .cat-panel-cols{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }

  .mainnav .cat-card,
  .t26-chrome .mainnav .cat-card{
    padding:9px!important;
    border-radius:12px!important;
    background:#f8fbfd!important;
  }

  .mnav-login{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:10px 12px 14px;
    min-height:54px;
    padding:0 14px;
    border-radius:16px;
    background:linear-gradient(135deg,#f7fbff,#eef3ff);
    border:1px solid #d7e3ff;
    color:#0b3989!important;
    font-size:.98rem;
    font-weight:750;
    text-decoration:none;
    box-shadow:0 12px 26px rgba(11,57,137,.10);
  }

  .mnav-login span{
    display:inline-flex;
    align-items:center;
    gap:10px;
  }

  .mnav-login i{
    color:#0b3989;
  }

  .mnav-support{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 12px 14px;
    padding:12px 14px;
    border-radius:16px;
    background:#fff;
    border:1px solid #e2ecf3;
    color:#0d2438;
    font-size:.88rem;
    font-weight:700;
  }

  .mnav-support i{
    color:#0b3989;
  }
}

@media(max-width:380px){
  .mainnav>.wrap,
  .t26-chrome .mainnav>.wrap{
    left:8px;
    width:calc(100vw - 48px);
  }
}

/* Desktop guard: los elementos creados para el modal hamburguesa solo existen visualmente en mobile. */
@media(min-width:981px){
  .mnav-modal-head,
  .mnav-login,
  .mnav-support{
    display:none!important;
  }
}

.mainnav .mega-card .thumb,
.t26-chrome .mainnav .mega-card .thumb{
  width:38px!important;
  height:38px!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--tibor-brand,#0b3989)!important;
  font-size:1.55rem!important;
}

.mainnav .cat-card-ico,
.t26-chrome .mainnav .cat-card-ico{
  width:28px!important;
  height:28px!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--tibor-brand,#0b3989)!important;
  font-size:1.1rem!important;
}

.mainnav .mega-card .thumb i,
.mainnav .cat-card-ico i,
.t26-chrome .mainnav .mega-card .thumb i,
.t26-chrome .mainnav .cat-card-ico i{
  line-height:1;
}

.mainnav .mt-teal,
.mainnav .mt-blue,
.mainnav .mt-purple,
.mainnav .mt-orange,
.t26-chrome .mainnav .mt-teal,
.t26-chrome .mainnav .mt-blue,
.t26-chrome .mainnav .mt-purple,
.t26-chrome .mainnav .mt-orange{
  background:transparent!important;
  color:var(--tibor-brand,#0b3989)!important;
}

@media(prefers-reduced-motion:reduce){
  .mainnav,
  .mainnav>.wrap,
  .t26-chrome .mainnav,
  .t26-chrome .mainnav>.wrap{
    transition:none!important;
  }
}


/* =============================================================
   Home hero — IMAGEN DE FONDO A SANGRE (31 jul 2026)
   Solo afecta a las slides con "Imagen de fondo" rellena (.has-bg).
   Las slides sin imagen conservan intacto su degradado original.
   Por defecto: foto CLARA -> velo blanco + texto azul Tibor.
   Con "Tono: foto oscura" (.bg-dark) -> velo oscuro + texto blanco.
============================================================= */
.hero .hero-slide.has-bg{
  --h-ink:#141c3f;    /* tinta principal: navy casi negro */
  --h-muted:#41507a;  /* texto secundario */
  --h-acc:var(--tibor-brand);    /* azul Tibor 2026 */
  --h-acc2:var(--tibor-brand-dark);
  position:relative;
  isolation:isolate;
  background:#eef1ff;
}
/* Mata el degradado y las capas decorativas de esa slide */
.hero .hero-slide.has-bg::before,
.hero .hero-slide.has-bg::after{ display:none!important; }

/* La imagen ocupa TODO el ancho y el alto de la slide */
.hero .hero-slide.has-bg .hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}
.hero .hero-slide.has-bg .hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
/* Velo BLANCO solo en el lado del texto: la foto queda limpia y luminosa */
.hero .hero-slide.has-bg .hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,
    rgba(255,255,255,.94) 0%,
    rgba(255,255,255,.86) 26%,
    rgba(255,255,255,.45) 50%,
    rgba(255,255,255,0) 72%);
  pointer-events:none;
}

/* El contenido sigue centrado en 1216px; la columna derecha desaparece */
.hero .hero-slide.has-bg .hero-grid{
  position:relative;
  z-index:1;
  grid-template-columns:1fr;
  min-height:600px;
}
.hero .hero-slide.has-bg .hero-copy{ max-width:560px; }

/* Menos ruido: fuera las cifras de confianza en las slides con foto de fondo */
.hero .hero-slide.has-bg .hero-trust{ display:none!important; }

/* --- Texto en la paleta Tibor (misma especificidad que los bloques
       por-slide, pero este bloque va después -> gana) --- */
.hero .hero-slide.has-bg h1{ color:#141c3f!important; }
.hero .hero-slide.has-bg h1 em{
  background:var(--tibor-brand-grad)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent;
  color:transparent!important;
}
.hero .hero-slide.has-bg p.lead,
.hero .hero-slide.has-bg .hero-trust div{ color:#41507a!important; }
.hero .hero-slide.has-bg .hero-trust b{ color:var(--tibor-brand)!important; }
.hero .hero-slide.has-bg .hero-badge{
  background:var(--tibor-brand-soft)!important;
  border-color:var(--tibor-brand-line)!important;
  color:var(--tibor-brand)!important;
  backdrop-filter:blur(6px);
}
.hero .hero-slide.has-bg .hero-badge i{ color:var(--tibor-brand)!important; }
.hero .hero-slide.has-bg .hero-btn-primary{
  background:var(--tibor-brand-grad)!important;
  color:#fff!important;
  box-shadow:var(--tibor-brand-shadow);
}
.hero .hero-slide.has-bg .hero-btn-secondary{
  background:rgba(255,255,255,.72)!important;
  border-color:var(--tibor-brand-line)!important;
  color:var(--tibor-brand)!important;
  backdrop-filter:blur(10px);
}

/* --- Variante para fotos OSCURAS: texto blanco sobre velo oscuro --- */
.hero .hero-slide.has-bg.bg-dark{ --h-ink:#ffffff; --h-muted:#e6ecf7; background:#0b1220; }
.hero .hero-slide.has-bg.bg-dark .hero-bg::after{
  background:linear-gradient(90deg,
    rgba(6,12,26,.82) 0%,
    rgba(6,12,26,.62) 34%,
    rgba(6,12,26,.16) 66%,
    rgba(6,12,26,0) 100%);
}
.hero .hero-slide.has-bg.bg-dark h1,
.hero .hero-slide.has-bg.bg-dark .hero-trust b{ color:#fff!important; }
.hero .hero-slide.has-bg.bg-dark h1 em{
  background:linear-gradient(135deg,#a9b6ff,#ffffff)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent;
  color:transparent!important;
}
.hero .hero-slide.has-bg.bg-dark p.lead,
.hero .hero-slide.has-bg.bg-dark .hero-trust div{ color:#e6ecf7!important; }
.hero .hero-slide.has-bg.bg-dark .hero-badge{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.30)!important;
  color:#fff!important;
}
.hero .hero-slide.has-bg.bg-dark .hero-badge i{ color:#fff!important; }
.hero .hero-slide.has-bg.bg-dark .hero-btn-secondary{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.38)!important;
  color:#fff!important;
}

@media(max-width:720px){
  /* En móvil la foto es vertical: el velo pasa a ser de arriba a abajo */
  .hero .hero-slide.has-bg .hero-bg::after{
    background:linear-gradient(90deg,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.94) 48%,
      rgba(255,255,255,.36) 68%,
      rgba(255,255,255,0) 100%);
  }
  .hero .hero-slide.has-bg.bg-dark .hero-bg::after{
    background:linear-gradient(90deg,
      rgba(6,12,26,.92) 0%,
      rgba(6,12,26,.84) 50%,
      rgba(6,12,26,.34) 72%,
      rgba(6,12,26,0) 100%);
  }
  .hero .hero-slide.has-bg .hero-bg img{
    object-position:70% center;
  }
  .hero .hero-slide.has-bg .hero-grid{
    min-height:250px;
    aspect-ratio:auto;
    grid-template-columns:minmax(0,1fr) minmax(118px,.78fr)!important;
    align-items:end;
    padding:34px 24px 30px!important;
    gap:12px;
  }
  .hero .hero-slide.has-bg .hero-copy{
    max-width:none;
    align-self:end;
  }
  .hero .hero-slide.has-bg h1{
    font-size:1.52rem!important;
    line-height:1.06!important;
    max-width:12.5rem;
    margin:0;
  }
  .hero .hero-slide.has-bg p.lead{
    font-size:.9rem!important;
    line-height:1.35!important;
    max-width:17.5rem;
    margin:.55rem 0 .95rem!important;
  }
  .hero .hero-slide.has-bg .hero-ctas{
    gap:.45rem;
  }
  .hero .hero-slide.has-bg .hero-btn{
    font-size:.74rem!important;
    padding:.62rem .9rem!important;
    min-height:38px;
  }
}

/* =============================================================
   Cabecera pegajosa COMPLETA (31 jul 2026)
   Antes solo se quedaba fija la fila del logo (.t26-chrome header;
   la .mainnav se iba con el scroll). Ahora se pega el bloque entero:
   promo (si está activa) + logo/buscador + menú.
   Se excluye el footer, que comparte la clase .t26-chrome.
   El nivel raiz 9000 mantiene header y menus sobre el contenido y
   por debajo del carrito global (9998/9999).
============================================================= */
.t26-chrome:not(.t26-footer){
  position:sticky;
  top:0;
  z-index:9000;
}

/* Debajo de la barra de administración de WordPress (solo con sesión) */
.admin-bar .t26-chrome:not(.t26-footer){ top:32px; }
@media screen and (max-width:782px){
  .admin-bar .t26-chrome:not(.t26-footer){ top:46px; }
}
@media screen and (max-width:600px){
  /* WP pasa la barra de admin a position:absolute -> deja de ocupar sitio */
  .admin-bar .t26-chrome:not(.t26-footer){ top:0; }
}

/* Salvaguarda: en el configurador tibor3 la cabecera se queda como estaba
   (su layout mide el alto del header y se ancla justo debajo). */
body:has(.tibor3-cfg) .t26-chrome:not(.t26-footer){
  position:relative;
  top:auto;
}

/* =============================================================
   HOME: cabecera pegajosa completa (31 jul 2026)
   OJO: front-page.php NO usa get_header() — tiene su propia
   cabecera y su propio <nav id="mainnav"> duplicados. Por eso la
   regla de .t26-chrome no le afecta. Aquí se pega el envoltorio
   .t26-stickyhead que agrupa <header> + <nav class="mainnav">.
   El mismo nivel raiz 9000 evita diferencias entre Home y las
   paginas que usan header.php, sin superar al carrito global.
============================================================= */
.t26-stickyhead{
  position:sticky;
  top:0;
  z-index:9000;
}

/* =============================================================
   Cabecera pegajosa — arreglo de apilado del MENU (31 jul 2026)
   Problema: la nav estaba a z-index:30 y el header a 40. El mega
   desplegable vive DENTRO de .mainnav, asi que quedaba atrapado en
   el nivel 30 y lo tapaban el buscador (60) y la barra de busqueda
   movil (45). Al quedarse la cabecera fija, el solape se ve siempre.

   Header y nav conservan su orden interno dentro del contexto raiz
   9000. El menu movil (1200 interno) supera al header (900 interno),
   mientras que el carrito global permanece por encima del conjunto.
============================================================= */
.t26-stickyhead > header,
.t26-chrome > header{ z-index:900; }

.t26-stickyhead > .mainnav,
.t26-chrome > .mainnav{ z-index:899; }

/* Correccion final: iconos de menu sin recuadro. */
.mainnav .mega-card .thumb,
.t26-chrome .mainnav .mega-card .thumb{
  width:38px!important;
  height:38px!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--tibor-brand,#0b3989)!important;
  font-size:1.55rem!important;
}

.mainnav .cat-card-ico,
.t26-chrome .mainnav .cat-card-ico{
  width:28px!important;
  height:28px!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--tibor-brand,#0b3989)!important;
  font-size:1.1rem!important;
}

.mainnav .mega-card .thumb i,
.mainnav .cat-card-ico i,
.t26-chrome .mainnav .mega-card .thumb i,
.t26-chrome .mainnav .cat-card-ico i{
  line-height:1!important;
}

@media(min-width:981px){
  .t26-chrome:not(.t26-footer){
    z-index:9000;
  }

  .t26-chrome:not(.t26-footer) > header{
    position:relative;
    z-index:2002;
  }

  .t26-chrome:not(.t26-footer) > .mainnav{
    position:relative;
    z-index:2001;
  }

  .t26-chrome:not(.t26-footer) .mainnav .mega{
    z-index:2003;
  }
}

@media(max-width:720px){
  .hero{
    min-height:0!important;
  }

  .hero .hero-slide.active{
    min-height:0!important;
  }

  .hero .hero-slide::before{
    background-position:center!important;
  }

  .hero .hero-grid,
  .hero .hero-slide.has-bg .hero-grid{
    position:relative!important;
    display:grid!important;
    height:300px!important;
    min-height:300px!important;
    aspect-ratio:auto!important;
    align-content:center!important;
    justify-items:start!important;
    padding:24px!important;
    overflow:hidden!important;
  }

  .hero .hero-copy,
  .hero .hero-slide.has-bg .hero-copy{
    width:100%!important;
    max-width:20rem!important;
    position:relative!important;
    z-index:3!important;
  }

  .hero .hero-visual{
    position:absolute!important;
    inset:0 0 0 38%!important;
    z-index:1!important;
    display:block!important;
    min-width:0!important;
    opacity:.72;
    pointer-events:none!important;
  }

  .hero .hero-frame{
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .hero .hero-vimg,
  .hero .hero-frame.fit-contain .hero-vimg{
    object-fit:contain!important;
    object-position:center top!important;
  }

  .hero .hero-bg,
  .hero .hero-slide.has-bg .hero-bg{
    inset:0!important;
    height:100%!important;
  }

  .hero .hero-bg img,
  .hero .hero-slide.has-bg .hero-bg img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:right center!important;
  }

  .hero .hero-bg img{
    object-position:right center!important;
  }

  .hero .hero-slide.has-bg .hero-bg::after{
    display:none!important;
  }

  .hero .hero-slide.has-bg.bg-dark .hero-bg::after{
    display:none!important;
  }

  .hero h1,
  .hero .hero-slide.has-bg h1{
    font-size:1.55rem!important;
    line-height:1.06!important;
    max-width:18rem!important;
    margin:0!important;
  }

  .hero p.lead,
  .hero .hero-slide.has-bg p.lead{
    font-size:.9rem!important;
    line-height:1.35!important;
    max-width:18.5rem!important;
    margin:.55rem 0 .9rem!important;
  }

  .hero .hero-btn,
  .hero .hero-slide.has-bg .hero-btn{
    font-size:.72rem!important;
    min-height:38px!important;
    padding:.6rem .9rem!important;
  }

  .hero .hero-dots{
    bottom:9px!important;
  }
}