/*
Theme Name: DBERLIFT Nativo
Theme URI: https://dberlift.com
Author: DBERLIFT
Author URI: https://dberlift.com
Description: Tema nativo de DBERLIFT (sin dependencia de Blocksy). Diseno con la identidad de la app (gradientes + Membresia DBERLIFT). WooCommerce, cuentas, login social (Xootix) y suscripciones siguen 100% intactos (viven en plugins). Multiidioma es/en/pt sincronizado con la app.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dberlift-nativo
*/

/* ============================================================
   DBERLIFT — Sistema de diseno (identidad de la app)
   Gradiente base §7.64 · Cards §7.66 · Membresia/Elite §7.217-D
   ============================================================ */
:root{
  /* Fondo app (gradiente vertical) */
  --dbf-bg-1:#111E2F;
  --dbf-bg-2:#0A1626;
  --dbf-bg-3:#002958;
  /* Acentos de marca */
  --dbf-accent:#1194DC;      /* azul DBERLIFT */
  --dbf-accent-2:#0A5C9E;    /* azul profundo */
  --dbf-cyan:#5BCDFA;        /* celeste */
  --dbf-cyan-ice:#7FDBFF;    /* highlight icy (Membresia) */
  --dbf-royal:#2E6BFF;       /* royal glow */
  --dbf-gold:#FFD60A;        /* destacados */
  /* Membresia DBERLIFT (Elite) — fondos ultrapremium */
  --dbf-elite-1:#030A16;
  --dbf-elite-2:#0A2147;
  --dbf-elite-3:#0E3A6E;
  /* Cards (§7.66) */
  --dbf-card-1:#101C27;
  --dbf-card-2:#162337;
  --dbf-card-3:#0F172A;
  --dbf-card-sub:#0F1923;
  /* Texto */
  --dbf-text:#FFFFFF;
  --dbf-text-soft:rgba(255,255,255,.72);
  --dbf-text-dim:rgba(255,255,255,.50);
  --dbf-line:rgba(255,255,255,.10);
  /* Layout */
  --dbf-max:1180px;
  --dbf-radius:22px;
  --dbf-radius-sm:14px;
  --dbf-shadow:0 18px 50px rgba(0,0,0,.45);
  --dbf-font:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:var(--dbf-font);
  color:var(--dbf-text);
  background:linear-gradient(180deg,var(--dbf-bg-1) 0%,var(--dbf-bg-2) 45%,var(--dbf-bg-3) 100%);
  background-attachment:fixed;
  line-height:1.55;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--dbf-cyan);text-decoration:none;transition:color .2s ease,opacity .2s ease;}
a:hover{color:var(--dbf-cyan-ice);}
img{max-width:100%;height:auto;display:block;}
h1,h2,h3,h4{line-height:1.15;margin:0 0 .5em;font-weight:700;letter-spacing:-.02em;}
h1{font-size:clamp(2.1rem,5.2vw,3.7rem);font-weight:800;}
h2{font-size:clamp(1.7rem,3.6vw,2.6rem);font-weight:800;}
h3{font-size:clamp(1.2rem,2vw,1.5rem);}
p{margin:0 0 1em;color:var(--dbf-text-soft);}
.dbf-container{width:100%;max-width:var(--dbf-max);margin:0 auto;padding:0 22px;}
.dbf-section{padding:clamp(54px,8vw,110px) 0;position:relative;}
.dbf-eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--dbf-cyan);margin-bottom:14px;}
.dbf-lead{font-size:clamp(1rem,1.5vw,1.18rem);color:var(--dbf-text-soft);max-width:640px;}
.dbf-center{text-align:center;}
.dbf-center .dbf-lead{margin-left:auto;margin-right:auto;}
.dbf-grad-text{
  background:linear-gradient(100deg,var(--dbf-cyan-ice),var(--dbf-cyan) 45%,var(--dbf-royal));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}

/* ---------- Botones ---------- */
.dbf-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--dbf-font);font-weight:700;font-size:1rem;
  padding:14px 26px;border-radius:999px;border:0;cursor:pointer;
  text-decoration:none;transition:transform .18s ease,box-shadow .25s ease,opacity .2s;
  white-space:nowrap;line-height:1;
}
.dbf-btn--primary{
  color:#04111f;
  background:linear-gradient(100deg,var(--dbf-cyan-ice),var(--dbf-cyan) 55%,var(--dbf-accent));
  box-shadow:0 10px 30px rgba(17,148,220,.40);
}
.dbf-btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(17,148,220,.55);color:#04111f;}
.dbf-btn--ghost{color:var(--dbf-text);background:rgba(255,255,255,.06);border:1px solid var(--dbf-line);}
.dbf-btn--ghost:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);color:#fff;}
.dbf-btn--lg{padding:17px 34px;font-size:1.07rem;}
.dbf-btn svg{width:20px;height:20px;flex:0 0 auto;}

/* ---------- Header / Nav ---------- */
.dbf-header{
  position:sticky;top:0;z-index:60;
  background:rgba(8,16,28,.62);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--dbf-line);
}
.dbf-nav{display:flex;align-items:center;gap:18px;height:72px;}
.dbf-logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.25rem;color:#fff;letter-spacing:-.03em;}
.dbf-logo__word{height:24px;width:auto;object-fit:contain;}
.dbf-logo__mark{height:40px;width:40px;object-fit:contain;}
@media(max-width:520px){.dbf-logo__word{height:22px;}.dbf-logo__mark{height:36px;width:36px;}}
.dbf-nav__menu{display:flex;align-items:center;gap:2px;margin:0 auto;list-style:none;padding:0;flex-wrap:nowrap;}
.dbf-nav__menu a{
  color:var(--dbf-text-soft);font-weight:600;font-size:.9rem;padding:9px 11px;border-radius:10px;white-space:nowrap;
}
.dbf-nav__menu a:hover{color:#fff;background:rgba(255,255,255,.06);}
.dbf-nav__actions{display:flex;align-items:center;gap:10px;}
.dbf-lang{
  background:rgba(255,255,255,.06);border:1px solid var(--dbf-line);color:var(--dbf-text-soft);
  border-radius:10px;padding:8px 10px;font-family:var(--dbf-font);font-weight:600;font-size:.85rem;cursor:pointer;
}
.dbf-lang:hover{color:#fff;}
.dbf-burger{display:none;background:none;border:0;color:#fff;cursor:pointer;padding:8px;}
.dbf-burger svg{width:26px;height:26px;}
.dbf-nav__mobile{display:none;}

/* ---------- Hero ---------- */
.dbf-hero{position:relative;padding:clamp(48px,7vw,96px) 0 clamp(40px,6vw,80px);overflow:hidden;}
.dbf-hero__glow{
  position:absolute;inset:-20% 30% auto -10%;height:520px;pointer-events:none;
  background:radial-gradient(50% 50% at 50% 50%,rgba(17,148,220,.30),transparent 70%);
  filter:blur(20px);z-index:0;
}
.dbf-hero__grid{
  display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;position:relative;z-index:1;
}
.dbf-hero__badge{
  display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;
  padding:7px 14px;border-radius:999px;color:var(--dbf-cyan-ice);
  background:rgba(17,148,220,.12);border:1px solid rgba(127,219,255,.25);margin-bottom:20px;
}
.dbf-hero p{font-size:clamp(1.02rem,1.6vw,1.22rem);max-width:520px;}
.dbf-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.dbf-hero__stats{display:flex;gap:30px;margin-top:36px;flex-wrap:wrap;}
.dbf-hero__stat b{display:block;font-size:1.7rem;font-weight:800;color:#fff;letter-spacing:-.02em;}
.dbf-hero__stat span{font-size:.82rem;color:var(--dbf-text-dim);font-weight:600;}

/* ---------- Celular 3D (mockup CSS, estilo Apple) ---------- */
.dbf-phones{position:relative;display:flex;justify-content:center;align-items:center;min-height:540px;perspective:1400px;}
.dbf-phone{
  position:relative;width:268px;aspect-ratio:9/19.5;border-radius:42px;
  background:linear-gradient(160deg,#1b2740,#0a1424);
  padding:11px;box-shadow:var(--dbf-shadow),0 0 0 2px rgba(127,219,255,.10) inset;
  border:1px solid rgba(255,255,255,.08);
}
.dbf-phone__screen{
  position:relative;width:100%;height:100%;border-radius:32px;overflow:hidden;
  background:linear-gradient(180deg,var(--dbf-bg-1),var(--dbf-bg-3));
}
.dbf-phone__screen img{width:100%;height:100%;object-fit:cover;}
.dbf-phone__notch{
  position:absolute;top:12px;left:50%;transform:translateX(-50%);width:96px;height:24px;border-radius:14px;
  background:#05080f;z-index:3;
}
.dbf-phone--main{transform:rotateY(-8deg) rotateX(3deg) translateZ(60px);z-index:3;}
.dbf-phone--back{
  position:absolute;width:232px;left:52%;top:36px;transform:rotateY(-20deg) rotateX(4deg) translateX(60px) scale(.83);
  opacity:.62;filter:saturate(.9);z-index:2;
}
.dbf-phone--back2{
  position:absolute;width:232px;right:52%;top:36px;transform:rotateY(20deg) rotateX(4deg) translateX(-60px) scale(.83);
  opacity:.5;filter:saturate(.82);z-index:1;
}
@media (hover:hover){
  .dbf-phone--main,.dbf-phone--back,.dbf-phone--back2{transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .55s ease;}
  .dbf-phones:hover .dbf-phone--main{transform:rotateY(-3deg) rotateX(1deg) translateZ(84px);}
  .dbf-phones:hover .dbf-phone--back{transform:rotateY(-22deg) rotateX(4deg) translateX(82px) scale(.83);opacity:.72;}
  .dbf-phones:hover .dbf-phone--back2{transform:rotateY(22deg) rotateX(4deg) translateX(-82px) scale(.83);opacity:.6;}
}

/* ---------- Cards / features ---------- */
.dbf-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:44px;}
.dbf-card{
  background:linear-gradient(160deg,var(--dbf-card-1),var(--dbf-card-2) 60%,var(--dbf-card-3));
  border:1px solid var(--dbf-line);border-radius:var(--dbf-radius);padding:26px;
  box-shadow:0 14px 36px rgba(0,0,0,.30);transition:transform .25s ease,border-color .25s ease;
}
.dbf-card:hover{transform:translateY(-4px);border-color:rgba(127,219,255,.30);}
.dbf-card__ico{
  width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:rgba(17,148,220,.14);color:var(--dbf-cyan-ice);margin-bottom:16px;
}
.dbf-card__ico svg{width:26px;height:26px;}
.dbf-card h3{color:#fff;margin-bottom:8px;}
.dbf-card p{margin:0;font-size:.95rem;}

/* ---------- Membresia DBERLIFT (Elite) ---------- */
.dbf-elite{
  background:radial-gradient(120% 120% at 20% 0%,var(--dbf-elite-3),var(--dbf-elite-2) 45%,var(--dbf-elite-1));
  border-radius:28px;border:1px solid rgba(127,219,255,.22);padding:clamp(32px,5vw,60px);
  box-shadow:0 0 60px rgba(46,107,255,.18),var(--dbf-shadow);position:relative;overflow:hidden;
}
.dbf-elite__tag{
  display:inline-flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.12em;font-size:.78rem;
  color:var(--dbf-cyan-ice);background:rgba(127,219,255,.10);border:1px solid rgba(127,219,255,.3);
  padding:7px 14px;border-radius:999px;margin-bottom:18px;text-transform:uppercase;
}

/* ---------- Casos de exito ---------- */
.dbf-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px;margin-top:42px;}
.dbf-case{
  background:linear-gradient(160deg,var(--dbf-card-1),var(--dbf-card-3));
  border:1px solid var(--dbf-line);border-radius:var(--dbf-radius);overflow:hidden;
  box-shadow:0 14px 36px rgba(0,0,0,.30);display:flex;flex-direction:column;
}
.dbf-case__media{position:relative;aspect-ratio:4/5;background:#0a1424;overflow:hidden;}
.dbf-case__media img,.dbf-case__media video{width:100%;height:100%;object-fit:cover;}
.dbf-case__quote{padding:20px 22px;}
.dbf-case__quote p{font-size:.98rem;color:var(--dbf-text-soft);font-style:italic;margin:0 0 12px;}
.dbf-case__who{display:flex;align-items:center;gap:10px;font-weight:700;color:#fff;font-size:.92rem;}
.dbf-case__who span{color:var(--dbf-text-dim);font-weight:600;font-size:.82rem;}

/* ---------- Pasos / habitos ---------- */
.dbf-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:40px;counter-reset:step;}
.dbf-step{padding:24px;border-radius:var(--dbf-radius);background:rgba(255,255,255,.03);border:1px solid var(--dbf-line);}
.dbf-step__n{
  width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-weight:800;color:#04111f;background:linear-gradient(120deg,var(--dbf-cyan-ice),var(--dbf-accent));margin-bottom:14px;
}
.dbf-step h3{color:#fff;font-size:1.12rem;}

/* ---------- CTA final ---------- */
.dbf-cta-final{
  text-align:center;border-radius:28px;padding:clamp(40px,6vw,72px) 22px;
  background:radial-gradient(120% 140% at 50% 0%,rgba(17,148,220,.22),transparent 60%),linear-gradient(160deg,var(--dbf-card-2),var(--dbf-card-3));
  border:1px solid rgba(127,219,255,.20);box-shadow:var(--dbf-shadow);
}

/* ---------- Footer ---------- */
.dbf-footer{border-top:1px solid var(--dbf-line);background:rgba(3,10,22,.55);margin-top:40px;}
.dbf-footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding:54px 0 36px;}
.dbf-footer h4{color:#fff;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;}
.dbf-footer ul{list-style:none;margin:0;padding:0;}
.dbf-footer li{margin-bottom:10px;}
.dbf-footer a{color:var(--dbf-text-soft);font-size:.92rem;}
.dbf-footer a:hover{color:#fff;}
.dbf-footer__brand img{height:34px;margin-bottom:14px;}
.dbf-footer__brand p{font-size:.9rem;max-width:280px;}
.dbf-social{display:flex;gap:10px;margin-top:18px;}
.dbf-social a{
  width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);border:1px solid var(--dbf-line);color:var(--dbf-text-soft);
}
.dbf-social a:hover{background:rgba(17,148,220,.18);color:#fff;transform:translateY(-2px);}
.dbf-social svg{width:19px;height:19px;}
.dbf-footer__bottom{border-top:1px solid var(--dbf-line);padding:20px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.dbf-footer__bottom p{margin:0;font-size:.85rem;color:var(--dbf-text-dim);}

/* ---------- WooCommerce wrapper (cuentas/tienda/checkout) ---------- */
.dbf-woo{padding:clamp(36px,6vw,72px) 0;min-height:60vh;}
.dbf-woo .dbf-container{max-width:1080px;}
.dbf-page-head{text-align:center;margin-bottom:36px;}

/* ============================================================
   FUTURISTA / PREMIUM / FITNESS — capas extra (gamma DBERLIFT)
   ============================================================ */
/* Grid + glow animado de fondo (futurista, sutil) */
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(127,219,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(127,219,255,.05) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(120% 80% at 50% 0%,#000 30%,transparent 75%);
  -webkit-mask-image:radial-gradient(120% 80% at 50% 0%,#000 30%,transparent 75%);
}
body::after{
  content:"";position:fixed;top:-25%;left:50%;width:900px;height:900px;transform:translateX(-50%);
  z-index:-1;pointer-events:none;border-radius:50%;
  background:radial-gradient(closest-side,rgba(46,107,255,.16),transparent 70%);
  filter:blur(30px);animation:dbf-breathe 9s ease-in-out infinite;
}
@keyframes dbf-breathe{0%,100%{opacity:.6;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}

.dbf-header--scrolled{background:rgba(5,11,20,.85);box-shadow:0 10px 30px rgba(0,0,0,.35);}

/* Reveal on scroll */
.dbf-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
.dbf-reveal.dbf-in{opacity:1;transform:none;}

/* Acentos neon en cards/hero */
.dbf-card{position:relative;overflow:hidden;}
.dbf-card::after{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .3s;
  background:linear-gradient(120deg,transparent,rgba(127,219,255,.6),transparent);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
}
.dbf-card:hover::after{opacity:1;}
.dbf-elite::after{
  content:"";position:absolute;top:-40%;right:-10%;width:420px;height:420px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(127,219,255,.18),transparent 70%);filter:blur(10px);
}

/* ---------- Badges de tiendas (App Store / Google Play) ---------- */
.dbf-stores{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.dbf-store{
  display:inline-flex;align-items:center;gap:11px;padding:11px 18px;border-radius:15px;
  background:linear-gradient(160deg,#0d1929,#060d18);border:1px solid rgba(127,219,255,.22);
  color:#fff;text-decoration:none;transition:transform .18s ease,border-color .25s ease,box-shadow .25s;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
}
.dbf-store:hover{transform:translateY(-2px);border-color:rgba(127,219,255,.5);box-shadow:0 14px 32px rgba(17,148,220,.30);color:#fff;}
.dbf-store svg{width:26px;height:26px;flex:0 0 auto;}
.dbf-store span{display:flex;flex-direction:column;line-height:1.1;text-align:left;}
.dbf-store span small{font-size:.66rem;color:var(--dbf-text-dim);font-weight:600;letter-spacing:.02em;}
.dbf-store span b{font-size:1.02rem;font-weight:700;letter-spacing:-.01em;}

/* ---------- FAB WhatsApp: lo provee el plugin (se quito el propio para no superponer) ---------- */

/* ---------- Pop-up de membresia ---------- */
.dbf-pop{
  position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:22px;
  background:rgba(3,8,18,.74);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  opacity:0;transition:opacity .3s ease;
}
.dbf-pop.open{display:flex;opacity:1;animation:dbf-pop-in .35s ease;}
@keyframes dbf-pop-in{from{opacity:0;}to{opacity:1;}}
.dbf-pop__card{
  position:relative;max-width:440px;width:100%;border-radius:26px;padding:38px 30px 32px;text-align:center;
  background:radial-gradient(120% 120% at 20% 0%,var(--dbf-elite-3),var(--dbf-elite-2) 45%,var(--dbf-elite-1));
  border:1px solid rgba(127,219,255,.28);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(46,107,255,.2);
  transform:translateY(14px);transition:transform .35s cubic-bezier(.2,.7,.2,1);
}
.dbf-pop.open .dbf-pop__card{transform:none;}
.dbf-pop__close{
  position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:10px;border:0;cursor:pointer;
  background:rgba(255,255,255,.08);color:var(--dbf-text-soft);font-size:1.2rem;line-height:1;
}
.dbf-pop__close:hover{background:rgba(255,255,255,.16);color:#fff;}
.dbf-pop__tag{display:inline-block;font-weight:800;letter-spacing:.12em;font-size:.74rem;text-transform:uppercase;color:var(--dbf-cyan-ice);margin-bottom:14px;}
.dbf-pop__card h3{font-size:1.5rem;color:#fff;margin-bottom:10px;}
.dbf-pop__card p{font-size:.98rem;margin-bottom:22px;}
.dbf-pop__card .dbf-btn{width:100%;}
.dbf-pop__skip{display:inline-block;margin-top:14px;color:var(--dbf-text-dim);font-size:.85rem;cursor:pointer;background:none;border:0;}
.dbf-pop__skip:hover{color:var(--dbf-text-soft);}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .dbf-hero__grid{grid-template-columns:1fr;gap:10px;}
  .dbf-phones{min-height:440px;order:-1;}
  .dbf-footer__top{grid-template-columns:1fr 1fr;gap:26px;}
}
@media (max-width:520px){
  .dbf-phone{width:236px;}
  .dbf-phones{min-height:400px;overflow:hidden;}
  .dbf-phone--back{width:200px;left:50%;transform:rotateY(-20deg) rotateX(4deg) translateX(44px) scale(.8);}
  .dbf-phone--back2{width:200px;right:50%;transform:rotateY(20deg) rotateX(4deg) translateX(-44px) scale(.8);}
}
/* Colapsar el menu a hamburguesa antes (con el carrito el nav no entra en 1 linea) */
@media (max-width:1024px){
  .dbf-nav__menu{display:none;}
  .dbf-burger{display:inline-flex;}
  .dbf-nav__actions .dbf-btn{display:none;}
  .dbf-nav__mobile{
    display:none;position:fixed;inset:72px 0 auto 0;background:rgba(6,12,22,.97);
    backdrop-filter:blur(18px);border-bottom:1px solid var(--dbf-line);padding:18px 22px 26px;z-index:55;
  }
  .dbf-nav__mobile.open{display:block;}
  .dbf-nav__mobile a{display:block;color:#fff;font-weight:600;padding:13px 4px;border-bottom:1px solid var(--dbf-line);}
  .dbf-nav__mobile .dbf-btn{display:flex;margin-top:16px;width:100%;}
}
@media (max-width:760px){
  .dbf-footer__top{grid-template-columns:1fr;}
  .dbf-hero__stats{gap:22px;}
}

/* ============================================================
   ANIMACIONES PREMIUM (estilo Apple): loader · entrada hero · parallax
   ============================================================ */
.dbf-loader{
  position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:22px;
  background:radial-gradient(130% 130% at 50% 28%,var(--dbf-bg-1),var(--dbf-bg-3) 92%);
  transition:opacity .6s ease,visibility .6s ease;
  animation:dbf-loader-safety 0s linear 5s forwards;
}
.dbf-loader__ring{
  position:absolute;width:130px;height:130px;border-radius:50%;
  border:2px solid rgba(127,219,255,.14);border-top-color:var(--dbf-cyan);
  box-shadow:0 0 44px rgba(17,148,220,.28);animation:dbf-spin 1s linear infinite;
}
.dbf-loader__logo{height:62px;width:62px;object-fit:contain;z-index:1;animation:dbf-logo-pulse 1.5s ease-in-out infinite;}
.dbf-loader__word{
  z-index:1;font-weight:800;letter-spacing:.34em;font-size:.82rem;
  background:linear-gradient(100deg,var(--dbf-cyan-ice),var(--dbf-cyan) 50%,var(--dbf-royal));
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;animation:dbf-shimmer 1.8s linear infinite;
}
body.dbf-ready .dbf-loader{opacity:0;visibility:hidden;pointer-events:none;}
@keyframes dbf-spin{to{transform:rotate(360deg);}}
@keyframes dbf-logo-pulse{0%,100%{transform:scale(1);opacity:.92;}50%{transform:scale(1.1);opacity:1;}}
@keyframes dbf-shimmer{to{background-position:220% center;}}
@keyframes dbf-loader-safety{to{opacity:0;visibility:hidden;pointer-events:none;}}

/* Entrada del hero (CSS puro, no depende de JS) */
@keyframes dbf-rise{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:none;}}
@keyframes dbf-phone-in{from{opacity:0;transform:translateY(34px) scale(.95);}to{opacity:1;transform:none;}}
.dbf-hero__badge,.dbf-hero h1,.dbf-hero p,.dbf-hero__cta,.dbf-hero .dbf-stores,.dbf-hero__stats{
  animation:dbf-rise .85s cubic-bezier(.2,.7,.2,1) backwards;
}
.dbf-hero__badge{animation-delay:.5s;}
.dbf-hero h1{animation-delay:.6s;}
.dbf-hero p{animation-delay:.72s;}
.dbf-hero__cta{animation-delay:.84s;}
.dbf-hero .dbf-stores{animation-delay:.96s;}
.dbf-hero__stats{animation-delay:1.06s;}
.dbf-phones{animation:dbf-phone-in 1s cubic-bezier(.2,.7,.2,1) .55s backwards;}
.dbf-hero__glow,.dbf-phones{will-change:transform;}

@media (prefers-reduced-motion:reduce){
  .dbf-loader__ring,.dbf-loader__logo,.dbf-loader__word{animation:none;}
  .dbf-hero__badge,.dbf-hero h1,.dbf-hero p,.dbf-hero__cta,.dbf-hero .dbf-stores,.dbf-hero__stats,.dbf-phones{animation:none;}
  .dbf-reveal{transition:none;opacity:1;transform:none;}
  body::after{animation:none;}
}

/* ============================================================
   QA STAGING (2026-06-28) — bordes · WooCommerce · loader · marca
   ============================================================ */

/* Bordes blancos: el <html> no tenia fondo (solo body, con bg fijo) */
html{background:var(--dbf-bg-2);}

/* ---------- Loader: logo + DBERLIFT DENTRO del circulo de carga ---------- */
.dbf-loader__badge{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:135px;height:135px;}
.dbf-loader__badge .dbf-loader__ring{position:absolute !important;width:135px !important;height:135px !important;margin:0 !important;inset:auto;}
.dbf-loader__badge .dbf-loader__logo{position:relative;height:46px;width:46px;}
.dbf-loader__badge .dbf-loader__word{position:relative;z-index:1;padding:0;margin:0;line-height:1;white-space:nowrap;overflow:visible;font-size:.64rem;letter-spacing:.16em;}

/* ---------- Marca DBERLIFT dentro del menu movil ---------- */
.dbf-mobile__brand{display:flex;justify-content:center;padding:2px 0 18px;border-bottom:1px solid var(--dbf-line);margin-bottom:14px;}
.dbf-mobile__brand img{height:26px;width:auto;}

/* ---------- Selector de idioma con banderas ---------- */
.dbf-lang{font-size:.9rem;letter-spacing:.02em;}
select.dbf-lang{-webkit-appearance:none;appearance:none;padding-right:30px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237FDBFF' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;}
select.dbf-lang option{background:var(--dbf-card-2);color:#fff;}

/* ============================================================
   WooCommerce — identidad DBERLIFT (sin amarillo/verde/rojo)
   ============================================================ */
/* Conteos de categoria: <mark> traia fondo amarillo del navegador */
.woocommerce mark,.dbf-woo mark,mark,.count{background:transparent !important;color:var(--dbf-cyan-ice) !important;font-weight:700;padding:0 .12em;}

/* Badge de oferta: acento DBERLIFT (sin verde ni dorado) */
.woocommerce span.onsale,.dbf-woo span.onsale,.onsale{
  background:linear-gradient(120deg,var(--dbf-cyan),var(--dbf-accent)) !important;color:#04111f !important;border:0 !important;
  box-shadow:0 8px 22px rgba(17,148,220,.40);font-weight:800;letter-spacing:.02em;min-height:auto;line-height:1.35;
  padding:6px 13px;border-radius:999px;top:14px;right:14px;left:auto;text-shadow:none;
}

/* Precios: tachado tenue (sin rojo) · activo celeste (sin dorado) */
.woocommerce .price,.dbf-woo .price{color:var(--dbf-cyan-ice) !important;font-weight:700;}
.woocommerce .price del,.dbf-woo .price del,.woocommerce del,.dbf-woo del{color:var(--dbf-text-dim) !important;opacity:1;text-decoration:line-through;font-weight:500;}
.woocommerce .price ins,.dbf-woo .price ins,.woocommerce ins,.dbf-woo ins{color:var(--dbf-cyan-ice) !important;background:transparent !important;text-decoration:none;font-weight:800;}

/* Barra de resultados / orden */
.woocommerce .woocommerce-result-count,.dbf-woo .woocommerce-result-count{color:var(--dbf-text-dim);font-weight:600;margin:0;padding:11px 0;}
.woocommerce .woocommerce-ordering,.dbf-woo .woocommerce-ordering{margin:0 0 8px;}
.woocommerce .woocommerce-ordering select,.dbf-woo select,.dbf-woo .orderby{
  font-family:var(--dbf-font);font-weight:600;font-size:.9rem;color:#fff;cursor:pointer;
  background:rgba(255,255,255,.06);border:1px solid var(--dbf-line);border-radius:12px;padding:11px 38px 11px 16px;
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237FDBFF' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
}
.woocommerce .woocommerce-ordering select:focus,.dbf-woo select:focus{outline:none;border-color:rgba(127,219,255,.5);}
.dbf-woo select option,.woocommerce-ordering select option{background:var(--dbf-card-2);color:#fff;}

/* Cantidad */
.woocommerce .quantity .qty,.dbf-woo .quantity .qty,.woocommerce form.cart .qty{
  font-family:var(--dbf-font);font-weight:700;color:#fff;text-align:center;
  background:rgba(255,255,255,.06);border:1px solid var(--dbf-line);border-radius:12px;padding:11px 8px;width:78px;
}
.woocommerce .quantity .qty:focus,.dbf-woo .quantity .qty:focus{outline:none;border-color:rgba(127,219,255,.5);}

/* Botones WooCommerce → boton primario DBERLIFT */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce .button.alt,.dbf-woo .button,.dbf-woo a.button{
  font-family:var(--dbf-font);font-weight:700;color:#04111f !important;border:0 !important;cursor:pointer;
  background:linear-gradient(100deg,var(--dbf-cyan-ice),var(--dbf-cyan) 55%,var(--dbf-accent)) !important;
  border-radius:999px;padding:13px 24px;box-shadow:0 10px 30px rgba(17,148,220,.35);text-shadow:none;
  transition:transform .18s ease,box-shadow .25s ease;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .button.alt:hover,.dbf-woo .button:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(17,148,220,.5);color:#04111f !important;}
.woocommerce .added_to_cart{color:var(--dbf-cyan-ice);font-weight:700;}

/* Tarjetas de producto (oscuras como el resto) */
.woocommerce ul.products li.product,.dbf-woo ul.products li.product{
  background:linear-gradient(160deg,var(--dbf-card-1),var(--dbf-card-2) 60%,var(--dbf-card-3));
  border:1px solid var(--dbf-line);border-radius:var(--dbf-radius);padding:14px;overflow:hidden;
  box-shadow:0 14px 36px rgba(0,0,0,.30);transition:transform .25s ease,border-color .25s ease;list-style:none;
}
.woocommerce ul.products li.product:hover,.dbf-woo ul.products li.product:hover{transform:translateY(-4px);border-color:rgba(127,219,255,.30);}
.woocommerce ul.products li.product a img,.dbf-woo ul.products li.product img{border-radius:14px;margin-bottom:12px;}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h2,.dbf-woo ul.products li.product h2,.dbf-woo ul.products li.product .woocommerce-loop-product__title{color:#fff !important;font-weight:700;font-size:1rem;}
.woocommerce .star-rating::before{color:var(--dbf-text-dim);}
.woocommerce .star-rating span::before{color:var(--dbf-cyan-ice);}

/* Avisos (sin verde/rojo): mensajes/errores/info como cards de marca */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,.dbf-woo .woocommerce-message,.dbf-woo .woocommerce-info,.dbf-woo .woocommerce-error{
  background:var(--dbf-card-2) !important;color:var(--dbf-text-soft) !important;border:1px solid var(--dbf-line) !important;
  border-left:3px solid var(--dbf-accent) !important;border-radius:12px;
}
.woocommerce-error{border-left-color:var(--dbf-cyan) !important;}
.woocommerce form .form-row .required{color:var(--dbf-cyan-ice);}

/* Paginacion */
.woocommerce nav.woocommerce-pagination ul,.woocommerce nav.woocommerce-pagination ul li{border:0 !important;}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
  background:rgba(255,255,255,.06);color:#fff;border-radius:10px;margin:0 3px;border:1px solid var(--dbf-line);
}
.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--dbf-accent);color:#04111f;}

/* Migas de pan */
.woocommerce-breadcrumb,.dbf-woo .woocommerce-breadcrumb{color:var(--dbf-text-dim);font-size:.88rem;}
.woocommerce-breadcrumb a{color:var(--dbf-cyan);}

/* ---------- Bloque de planes/membresia en homepage ---------- */
.dbf-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:42px;align-items:stretch;}
.dbf-plan{position:relative;display:flex;flex-direction:column;border-radius:var(--dbf-radius);padding:28px 24px 26px;
  background:linear-gradient(160deg,var(--dbf-card-1),var(--dbf-card-2) 60%,var(--dbf-card-3));border:1px solid var(--dbf-line);
  box-shadow:0 14px 36px rgba(0,0,0,.30);transition:transform .25s ease,border-color .25s ease;}
.dbf-plan:hover{transform:translateY(-4px);border-color:rgba(127,219,255,.30);}
.dbf-plan--featured{background:radial-gradient(120% 120% at 20% 0%,var(--dbf-elite-3),var(--dbf-elite-2) 45%,var(--dbf-elite-1));border-color:rgba(127,219,255,.30);box-shadow:0 0 50px rgba(46,107,255,.18),var(--dbf-shadow);}
.dbf-plan__pop{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#04111f;background:linear-gradient(120deg,var(--dbf-cyan-ice),var(--dbf-accent));padding:5px 14px;border-radius:999px;white-space:nowrap;}
.dbf-plan__name{font-size:1.2rem;font-weight:800;color:#fff;margin:0 0 4px;}
.dbf-plan__price{font-size:1.9rem;font-weight:800;color:var(--dbf-cyan-ice);letter-spacing:-.02em;line-height:1.1;margin:8px 0 2px;}
.dbf-plan__price del{display:block;font-size:.95rem;color:var(--dbf-text-dim);font-weight:500;}
.dbf-plan__per{font-size:.82rem;color:var(--dbf-text-dim);font-weight:600;margin-bottom:18px;}
.dbf-plan__list{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:11px;flex:1;}
.dbf-plan__list li{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--dbf-text-soft);line-height:1.4;}
.dbf-plan__list li svg{width:18px;height:18px;flex:0 0 auto;color:var(--dbf-cyan-ice);margin-top:2px;}
.dbf-plan .dbf-btn{width:100%;}

/* ---------- Pagina Contacto (nativa, traducible, sin Calendly) ---------- */
.dbf-page-tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--dbf-cyan-ice);background:rgba(127,219,255,.10);border:1px solid rgba(127,219,255,.22);padding:6px 14px;border-radius:999px;margin-bottom:14px;}
.dbf-contact{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.dbf-contact__card{text-align:center;align-items:center;}
.dbf-contact__card h3{color:#fff;margin:14px 0 6px;font-size:1.15rem;font-weight:800;}
.dbf-contact__card p{color:var(--dbf-text-soft);margin:0 0 18px;word-break:break-word;}
.dbf-contact__card .dbf-btn{width:100%;justify-content:center;}
.dbf-contact__ico{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:rgba(17,148,220,.14);border:1px solid rgba(127,219,255,.25);color:var(--dbf-cyan-ice);}
.dbf-contact__ico svg{width:28px;height:28px;}
.dbf-contact__ico--wa{background:rgba(37,211,102,.14);border-color:rgba(37,211,102,.30);color:#25D366;}
.dbf-contact__social-wrap{margin-top:36px;}
.dbf-contact__follow{color:var(--dbf-text-dim);font-size:.9rem;font-weight:600;letter-spacing:.04em;margin:0 0 14px;text-transform:uppercase;}
.dbf-social--center{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
.dbf-social--center a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid var(--dbf-line);color:var(--dbf-cyan-ice);transition:transform .2s ease,border-color .2s ease,background .2s ease;}
.dbf-social--center a:hover{transform:translateY(-3px);border-color:rgba(127,219,255,.35);background:rgba(17,148,220,.16);}
.dbf-social--center svg{width:20px;height:20px;}
/* Card de contenido para paginas (fallback no-Contacto) */
.dbf-page-card{margin-top:6px;}
.dbf-page-card .dbf-content{color:var(--dbf-text-soft);line-height:1.7;}
.dbf-page-card .dbf-content h1,.dbf-page-card .dbf-content h2,.dbf-page-card .dbf-content h3,.dbf-page-card .dbf-content h4{color:#fff;}
.dbf-page-card .dbf-content a{color:var(--dbf-cyan);}
.dbf-page-card .dbf-content img{border-radius:14px;max-width:100%;height:auto;}

/* ---------- Casos reales: portada propia por video (img de fondo + video transparente) ---------- */
.dbf-case__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.dbf-case__media video{position:relative;z-index:1;background:transparent;}

/* ---------- Testimonios de texto (sobre los videos de casos reales) ---------- */
.dbf-testi{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:40px 0 8px;}
.dbf-testi__card{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:var(--dbf-radius);
  background:linear-gradient(160deg,var(--dbf-card-1),var(--dbf-card-2) 60%,var(--dbf-card-3));
  border:1px solid var(--dbf-line);box-shadow:0 14px 36px rgba(0,0,0,.30);}
.dbf-testi__top{display:flex;align-items:center;gap:13px;}
.dbf-testi__ph{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;
  background:linear-gradient(135deg,var(--dbf-cyan),var(--dbf-accent));color:#04111f;font-weight:800;}
.dbf-testi__ph span{font-size:1.25rem;letter-spacing:0;}
.dbf-testi__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.dbf-testi__name{color:#fff;font-weight:800;font-size:1.02rem;line-height:1.2;}
.dbf-testi__role{color:var(--dbf-text-dim);font-size:.82rem;font-weight:600;}
.dbf-testi__stars{color:var(--dbf-cyan-ice);letter-spacing:.14em;font-size:.95rem;}
.dbf-testi__quote{margin:0;color:var(--dbf-text-soft);font-size:.97rem;line-height:1.55;font-style:italic;}

/* ---------- Pagina nativa: Sobre nosotros / Servicios ---------- */
.dbf-about__lead{max-width:760px;margin:0 auto;}
.dbf-about__mission{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;margin-top:40px;}
.dbf-about__mission .dbf-card{padding:30px;}
.dbf-about__mission h3{color:#fff;font-size:1.35rem;font-weight:800;margin:0 0 12px;}
.dbf-about__mission p{color:var(--dbf-text-soft);line-height:1.7;margin:0 0 12px;}
.dbf-about__brand{display:flex;align-items:center;justify-content:center;padding:30px;border-radius:var(--dbf-radius);
  background:radial-gradient(120% 120% at 30% 0%,var(--dbf-elite-3),var(--dbf-elite-2) 45%,var(--dbf-elite-1));
  border:1px solid rgba(127,219,255,.30);box-shadow:0 0 50px rgba(46,107,255,.18);}
.dbf-about__brand img{max-width:240px;width:80%;height:auto;}
.dbf-about__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin-top:40px;}
.dbf-about__stat{text-align:center;padding:24px 16px;border-radius:var(--dbf-radius);background:rgba(255,255,255,.04);border:1px solid var(--dbf-line);}
.dbf-about__stat b{display:block;font-size:1.9rem;font-weight:800;color:var(--dbf-cyan-ice);letter-spacing:-.02em;}
.dbf-about__stat span{color:var(--dbf-text-dim);font-size:.9rem;font-weight:600;}
@media(max-width:860px){.dbf-about__mission{grid-template-columns:1fr;}.dbf-about__brand{order:-1;}}

/* ============================================================
   CARRITO — icono + badge + mini-carrito (drawer, abre minimizado)
   ============================================================ */
.dbf-cart{position:relative;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);border:1px solid var(--dbf-line);color:var(--dbf-text-soft);
  border-radius:10px;padding:8px;cursor:pointer;transition:color .2s ease,background .2s ease,transform .18s ease;}
.dbf-cart:hover{color:#fff;background:rgba(255,255,255,.12);transform:translateY(-1px);}
.dbf-cart svg{width:22px;height:22px;flex:0 0 auto;}
.dbf-cart__count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;
  display:inline-flex;align-items:center;justify-content:center;border-radius:999px;
  font:800 11px/1 var(--dbf-font);color:#04111f;
  background:linear-gradient(100deg,var(--dbf-cyan-ice),var(--dbf-cyan) 60%,var(--dbf-accent));
  box-shadow:0 3px 10px rgba(17,148,220,.5);}
.dbf-cart__count.is-empty{display:none;}
body.dbf-noscroll{overflow:hidden;}

.dbf-minicart-overlay{position:fixed;inset:0;z-index:200;background:rgba(3,8,16,.6);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease;}
.dbf-minicart-overlay.open{opacity:1;}
.dbf-minicart-overlay[hidden]{display:none;}
.dbf-minicart{position:fixed;top:0;right:0;height:100%;height:100dvh;width:min(400px,92vw);z-index:210;
  display:flex;flex-direction:column;transform:translateX(102%);transition:transform .32s cubic-bezier(.22,1,.36,1);
  background:linear-gradient(180deg,var(--dbf-card-1),var(--dbf-card-2) 55%,var(--dbf-card-3));
  border-left:1px solid rgba(127,219,255,.18);box-shadow:-24px 0 60px rgba(0,0,0,.5);}
.dbf-minicart.open{transform:translateX(0);}
.dbf-minicart[hidden]{display:none;}
.dbf-minicart__head{display:flex;align-items:center;justify-content:space-between;
  padding:20px 22px;border-bottom:1px solid var(--dbf-line);flex:0 0 auto;}
.dbf-minicart__title{font-weight:800;font-size:1.1rem;color:#fff;letter-spacing:-.01em;}
.dbf-minicart__close{background:rgba(255,255,255,.06);border:1px solid var(--dbf-line);color:var(--dbf-text-soft);
  border-radius:10px;padding:7px;cursor:pointer;display:inline-flex;transition:color .2s,background .2s;}
.dbf-minicart__close:hover{color:#fff;background:rgba(255,255,255,.12);}
.dbf-minicart__close svg{width:20px;height:20px;}
.dbf-minicart__body{flex:1 1 auto;overflow-y:auto;padding:18px 22px 24px;}

/* Mini-carrito de WooCommerce dentro del drawer */
.dbf-minicart__body .woocommerce-mini-cart__empty-message{color:var(--dbf-text-dim);text-align:center;padding:40px 0;font-weight:600;}
.dbf-minicart__body ul.cart_list,.dbf-minicart__body ul.woocommerce-mini-cart{list-style:none;margin:0 0 6px;padding:0;}
.dbf-minicart__body li.woocommerce-mini-cart-item,.dbf-minicart__body li.mini_cart_item{
  position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 0 14px 28px;border-bottom:1px solid var(--dbf-line);}
.dbf-minicart__body li a:not(.remove){color:#fff;font-weight:600;font-size:.95rem;line-height:1.3;}
.dbf-minicart__body li a:not(.remove):hover{color:var(--dbf-cyan-ice);}
.dbf-minicart__body li img{width:54px;height:54px;object-fit:cover;border-radius:12px;order:2;margin-left:auto;flex:0 0 auto;border:1px solid var(--dbf-line);}
.dbf-minicart__body .quantity{display:block;color:var(--dbf-text-dim);font-size:.85rem;font-weight:600;margin-top:4px;}
.dbf-minicart__body .quantity .amount,.dbf-minicart__body .amount{color:var(--dbf-cyan-ice);font-weight:800;}
.dbf-minicart__body a.remove,.dbf-minicart__body a.remove_from_cart_button{
  position:absolute;left:0;top:16px;width:22px;height:22px;line-height:20px;text-align:center;border-radius:50%;
  color:var(--dbf-text-dim)!important;background:rgba(255,255,255,.06);font-size:16px;font-weight:700;text-decoration:none;}
.dbf-minicart__body a.remove:hover{color:#fff!important;background:rgba(255,80,80,.55);}
.dbf-minicart__body .woocommerce-mini-cart__total{display:flex;align-items:center;justify-content:space-between;
  margin:16px 0 4px;padding-top:16px;border-top:1px solid var(--dbf-line);color:#fff;font-weight:700;font-size:1.02rem;}
.dbf-minicart__body .woocommerce-mini-cart__buttons{display:flex;flex-direction:column;gap:10px;margin:18px 0 0;padding:0;}
.dbf-minicart__body .woocommerce-mini-cart__buttons .button,.dbf-minicart__body .button{
  display:inline-flex;align-items:center;justify-content:center;width:100%;
  font-family:var(--dbf-font);font-weight:700;font-size:.98rem;padding:14px 20px;border-radius:999px;
  border:1px solid var(--dbf-line);background:rgba(255,255,255,.06);color:#fff;text-decoration:none;transition:transform .18s,background .2s,box-shadow .25s;}
.dbf-minicart__body .button:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);color:#fff;}
.dbf-minicart__body .button.checkout,.dbf-minicart__body .checkout{
  color:#04111f;border:0;background:linear-gradient(100deg,var(--dbf-cyan-ice),var(--dbf-cyan) 55%,var(--dbf-accent));
  box-shadow:0 10px 30px rgba(17,148,220,.4);}
.dbf-minicart__body .button.checkout:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(17,148,220,.55);color:#04111f;}
@media(max-width:760px){.dbf-cart{padding:7px;}.dbf-minicart{width:min(400px,100vw);}}

/* ============================================================
   USD ILUSTRATIVO (tasa fija 1000) — junto al precio ARS
   ============================================================ */
.dbf-usd{color:var(--dbf-cyan-ice);font-weight:700;font-size:.82em;white-space:nowrap;opacity:.95;margin-left:4px;}
.dbf-minicart__body .dbf-usd,.woocommerce-mini-cart__total .dbf-usd{color:var(--dbf-cyan-ice);}
tr.dbf-usd-row th,tr.dbf-usd-row td{border:0;padding-top:0;}
tr.dbf-usd-row .dbf-usd{font-size:.9rem;}

/* ============================================================
   RESULTADOS — cabecera con video + casos antes/despues
   ============================================================ */
.dbf-results .dbf-page-head{margin-bottom:34px;}
.dbf-rvideo{max-width:940px;margin:0 auto;border-radius:22px;overflow:hidden;position:relative;
  border:1px solid var(--dbf-line);box-shadow:0 30px 80px rgba(0,0,0,.5);background:#050c16;}
.dbf-rvideo__el{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#050c16;}

.dbf-cases{padding-top:6px;}
.dbf-rcase{max-width:1000px;margin:0 auto 40px;padding:26px clamp(16px,3vw,34px) 30px;border-radius:24px;
  border:1px solid var(--dbf-line);background:linear-gradient(180deg,var(--dbf-card-1),var(--dbf-card-2) 60%,var(--dbf-card-3));
  box-shadow:0 24px 60px rgba(0,0,0,.4);}
.dbf-rcase__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;margin-bottom:22px;text-align:center;}
.dbf-rcase__name{font-weight:800;font-size:clamp(1.3rem,2.4vw,1.7rem);color:#fff;letter-spacing:-.02em;margin:0;}
.dbf-rcase__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.dbf-rtag{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.88rem;color:var(--dbf-text-soft);
  background:rgba(255,255,255,.06);border:1px solid var(--dbf-line);border-radius:999px;padding:7px 14px;}
.dbf-rtag svg{width:16px;height:16px;flex:0 0 auto;}
.dbf-rtag--kg{color:#04111f;border:0;background:linear-gradient(100deg,var(--dbf-cyan-ice),var(--dbf-cyan) 60%,var(--dbf-accent));box-shadow:0 8px 22px rgba(17,148,220,.4);}
.dbf-rtag--kg b{font-weight:800;margin-left:5px;}

.dbf-rcompare{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:clamp(8px,2vw,24px);}
.dbf-rcompare + .dbf-rcompare{margin-top:26px;padding-top:26px;border-top:1px solid var(--dbf-line);}
.dbf-rshot{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;}
.dbf-rshot__label{font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dbf-text-dim);
  background:rgba(255,255,255,.05);border:1px solid var(--dbf-line);border-radius:999px;padding:5px 14px;}
.dbf-rshot__label--after{color:#04111f;border:0;background:linear-gradient(100deg,var(--dbf-cyan-ice),var(--dbf-cyan) 60%,var(--dbf-accent));}
.dbf-rshot__stage{position:relative;width:100%;aspect-ratio:3/4;border-radius:18px;overflow:hidden;
  display:flex;align-items:flex-end;justify-content:center;
  background:radial-gradient(120% 62% at 50% 100%,rgba(17,148,220,.12),transparent 60%),linear-gradient(180deg,#0e1c2e,#0a1523);
  border:1px solid var(--dbf-line);}
.dbf-rshot--after .dbf-rshot__stage{box-shadow:inset 0 0 0 1px rgba(127,219,255,.22),0 0 40px rgba(17,148,220,.13);}
.dbf-rshot__stage img{width:100%;height:100%;object-fit:contain;object-position:bottom center;display:block;}
.dbf-rarrow{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;margin-bottom:36%;
  color:#04111f;background:linear-gradient(100deg,var(--dbf-cyan-ice),var(--dbf-cyan) 60%,var(--dbf-accent));box-shadow:0 10px 26px rgba(17,148,220,.45);flex:0 0 auto;}
.dbf-rarrow svg{width:24px;height:24px;}

@media(max-width:720px){
  .dbf-rcompare{grid-template-columns:1fr;gap:14px;justify-items:center;}
  .dbf-rarrow{margin:2px auto;transform:rotate(90deg);width:42px;height:42px;}
  .dbf-rshot{max-width:340px;width:100%;}
  .dbf-rshot__stage{aspect-ratio:4/5;}
}

/* ============================================================
   FORMULARIOS PREMIUM DBERLIFT (checkout · cupon · login social)
   2026-07-01 — celdas oscuras, bordes redondeados, hover/focus, labels
   ============================================================ */

/* ---- Campos de texto (checkout, cuenta, cupon, contacto) ---- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.dbf-woo input[type="text"],
.dbf-woo input[type="email"],
.dbf-woo input[type="tel"],
.dbf-woo input[type="password"],
.dbf-woo input[type="number"],
.dbf-woo textarea,
.woocommerce #coupon_code.input-text,
.woocommerce .checkout_coupon input.input-text,
.woocommerce-form-coupon input.input-text{
  font-family:var(--dbf-font);
  font-size:.96rem;font-weight:500;color:#fff;
  background:rgba(255,255,255,.045);
  border:1.5px solid var(--dbf-line);
  border-radius:14px;
  padding:14px 16px;
  width:100%;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  transition:border-color .2s ease,background .2s ease,box-shadow .25s ease;
  -webkit-appearance:none;appearance:none;
}
.woocommerce form .form-row input.input-text::placeholder,
.woocommerce-checkout input.input-text::placeholder,
.dbf-woo textarea::placeholder,
.woocommerce #coupon_code::placeholder{color:rgba(255,255,255,.34);}

.woocommerce form .form-row input.input-text:hover,
.woocommerce form .form-row textarea:hover,
.woocommerce-checkout input.input-text:hover,
.dbf-woo input:hover,.dbf-woo textarea:hover,
.woocommerce #coupon_code:hover{
  border-color:rgba(127,219,255,.35);background:rgba(255,255,255,.06);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce-checkout input.input-text:focus,
.dbf-woo input:focus,.dbf-woo textarea:focus,
.woocommerce #coupon_code:focus{
  outline:none;border-color:var(--dbf-cyan);
  background:rgba(255,255,255,.07);
  box-shadow:0 0 0 3px rgba(91,205,250,.18);
}
/* Autofill de Chrome (no dejar blanco) */
.woocommerce form .form-row input.input-text:-webkit-autofill,
.dbf-woo input:-webkit-autofill{
  -webkit-text-fill-color:#fff;
  -webkit-box-shadow:0 0 0 1000px #12202f inset;
  caret-color:#fff;transition:background-color 9999s ease;
}

/* ---- Labels ---- */
.woocommerce form .form-row label,
.woocommerce-checkout label,
.dbf-woo .form-row label{
  color:var(--dbf-cyan-ice);font-weight:600;font-size:.86rem;
  letter-spacing:.01em;margin-bottom:7px;display:block;
}
.woocommerce form .form-row .required{color:var(--dbf-cyan-ice);border:0;text-decoration:none;}
.woocommerce form .form-row{margin-bottom:16px;}

/* ---- Select2 (pais / provincia) oscuro ---- */
.woocommerce .select2-container--default .select2-selection--single,
.dbf-woo .select2-container--default .select2-selection--single{
  background:rgba(255,255,255,.045);border:1.5px solid var(--dbf-line);
  border-radius:14px;height:50px;padding:8px 10px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff;line-height:32px;}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{top:12px;}
.select2-dropdown{background:var(--dbf-card-2);border:1px solid var(--dbf-line);color:#fff;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--dbf-accent);color:#04111f;}
.select2-search--dropdown .select2-search__field{background:rgba(255,255,255,.06);border:1px solid var(--dbf-line);color:#fff;border-radius:10px;}

/* ---- Bloque cupon: card oscura + input+boton en linea ---- */
.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce .checkout_coupon.woocommerce-form-coupon{
  background:var(--dbf-card-2) !important;border:1px solid var(--dbf-line) !important;
  border-left:3px solid var(--dbf-cyan) !important;border-radius:14px;color:var(--dbf-text-soft) !important;
}
.woocommerce .checkout_coupon.woocommerce-form-coupon{padding:18px 18px 6px;}
.woocommerce-form-coupon-toggle .woocommerce-info a,.woocommerce-info a{color:var(--dbf-cyan-ice);font-weight:700;}
.woocommerce .checkout_coupon .form-row-first,.woocommerce .checkout_coupon .form-row-last{width:auto;}
.woocommerce .checkout_coupon p{color:var(--dbf-text-dim);}

/* ---- Tabla de resumen del pedido + pago ---- */
.woocommerce-checkout-review-order-table,
.woocommerce table.shop_table{
  background:linear-gradient(160deg,var(--dbf-card-1),var(--dbf-card-2) 60%,var(--dbf-card-3)) !important;
  border:1px solid var(--dbf-line) !important;border-radius:16px !important;color:var(--dbf-text-soft);overflow:hidden;
}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--dbf-line) !important;color:var(--dbf-text-soft);}
.woocommerce-checkout #payment,.woocommerce #payment{
  background:var(--dbf-card-2) !important;border:1px solid var(--dbf-line) !important;border-radius:16px;
}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--dbf-line);}
.woocommerce-checkout #payment div.payment_box{background:rgba(255,255,255,.04);color:var(--dbf-text-dim);border-radius:12px;}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:rgba(255,255,255,.04);}
.woocommerce-checkout #payment .about_paypal{color:var(--dbf-cyan);}
.woocommerce-checkout-review-order-table tfoot .order-total .amount{color:var(--dbf-cyan-ice) !important;}

/* ============================================================
   LOGIN SOCIAL (Xootix) — inputs oscuros + boton Google/Apple con tamano correcto
   ============================================================ */
/* Inputs del formulario Xootix (login/registro) */
.xoo-aff-input-group input.xoo-aff-field,
.xoo-el-container input[type="text"],
.xoo-el-container input[type="email"],
.xoo-el-container input[type="password"]{
  font-family:var(--dbf-font);color:#fff;font-size:.96rem;
  background:rgba(255,255,255,.045) !important;border:1.5px solid var(--dbf-line) !important;
  border-radius:14px !important;padding:13px 16px 13px 42px !important;width:100%;transition:border-color .2s,background .2s,box-shadow .25s;
}
.xoo-aff-input-group input.xoo-aff-field:focus,
.xoo-el-container input:focus{outline:none;border-color:var(--dbf-cyan) !important;background:rgba(255,255,255,.07) !important;box-shadow:0 0 0 3px rgba(91,205,250,.18);}
.xoo-aff-input-group input.xoo-aff-field::placeholder{color:rgba(255,255,255,.34);}
.xoo-aff-label{color:var(--dbf-cyan-ice) !important;font-weight:600;font-size:.85rem;}
.xoo-aff-input-icon{color:var(--dbf-cyan) !important;}
.xoo-aff-pw-toggle{color:var(--dbf-text-dim) !important;}

/* Boton social: el wrapper es absolute h100% -> el padre necesita altura fija */
.xoo-sl-btns-container{display:flex !important;flex-direction:column !important;gap:12px !important;}
.xoo-sl-btns-container .xoo-sl-button{
  position:relative !important;min-height:52px !important;height:52px !important;
  margin:0 !important;border-radius:40px !important;overflow:visible !important;background:transparent !important;
}
.dberlift-social-wrapper{height:52px !important;min-height:52px !important;}
.dberlift-social-btn-visual{
  background-color:var(--dbf-card-2) !important;border:1.5px solid rgba(127,219,255,.35) !important;
  border-radius:40px !important;font-size:14.5px !important;box-shadow:0 8px 22px rgba(0,0,0,.30) !important;
}
.dberlift-social-wrapper:hover .dberlift-social-btn-visual{
  background-color:#0d1929 !important;border-color:var(--dbf-cyan) !important;box-shadow:0 12px 30px rgba(17,148,220,.28) !important;
}

/* ===== Hero phones: fit mobile + efecto 3D al tocar (dbf) ===== */
.dbf-phones{cursor:pointer;}
.dbf-phone--main,.dbf-phone--back,.dbf-phone--back2{transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .55s ease;}
.dbf-phones.is-open .dbf-phone--main{transform:rotateY(-3deg) rotateX(1deg) translateZ(84px);}
.dbf-phones.is-open .dbf-phone--back{transform:rotateY(-22deg) rotateX(4deg) translateX(82px) scale(.83);opacity:.72;}
.dbf-phones.is-open .dbf-phone--back2{transform:rotateY(22deg) rotateX(4deg) translateX(-82px) scale(.83);opacity:.6;}
@media (max-width:980px){
  .dbf-phones{min-height:460px;}
}
@media (max-width:520px){
  .dbf-phones{min-height:456px;overflow:hidden;}
  .dbf-phone{width:186px;padding:8px;border-radius:34px;}
  .dbf-phone__screen{border-radius:25px;}
  .dbf-phone--main{transform:rotateY(-8deg) rotateX(3deg) translateZ(18px);}
  .dbf-phone--back{width:164px;left:50%;top:28px;transform:rotateY(-20deg) rotateX(4deg) translateX(34px) scale(.82);}
  .dbf-phone--back2{width:164px;right:50%;top:28px;transform:rotateY(20deg) rotateX(4deg) translateX(-34px) scale(.82);}
  .dbf-phones.is-open .dbf-phone--main{transform:rotateY(-3deg) rotateX(1deg) translateZ(38px);}
  .dbf-phones.is-open .dbf-phone--back{transform:rotateY(-22deg) rotateX(4deg) translateX(50px) scale(.82);opacity:.72;}
  .dbf-phones.is-open .dbf-phone--back2{transform:rotateY(22deg) rotateX(4deg) translateX(-50px) scale(.82);opacity:.6;}
}
@media (max-width:380px){
  .dbf-phones{min-height:400px;}
  .dbf-phone{width:163px;}
  .dbf-phone--back,.dbf-phone--back2{width:142px;}
  .dbf-phone--back{transform:rotateY(-20deg) rotateX(4deg) translateX(27px) scale(.82);}
  .dbf-phone--back2{transform:rotateY(20deg) rotateX(4deg) translateX(-27px) scale(.82);}
  .dbf-phones.is-open .dbf-phone--back{transform:rotateY(-22deg) rotateX(4deg) translateX(40px) scale(.82);}
  .dbf-phones.is-open .dbf-phone--back2{transform:rotateY(22deg) rotateX(4deg) translateX(-40px) scale(.82);}
}

/* ============================================================
   NOTAS DEL PEDIDO + TABS DE PRODUCTO (Descripcion / Valoraciones)
   2026-07-02 — oscuros, acordes al tema (cubre clasico y bloque)
   ============================================================ */

/* ---- Textarea "Notas del pedido" (clasico #order_comments y bloque) ---- */
.woocommerce #order_comments,
.woocommerce-checkout #order_comments,
.dbf-woo #order_comments,
textarea#order_comments,
textarea.wc-block-components-textarea,
.wc-block-components-textarea,
.wc-block-components-textarea textarea{
  font-family:var(--dbf-font)!important;
  font-size:.96rem!important;font-weight:500!important;color:#fff!important;
  background:rgba(255,255,255,.045)!important;
  border:1.5px solid var(--dbf-line)!important;
  border-radius:14px!important;
  padding:14px 16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
  -webkit-appearance:none!important;appearance:none!important;
}
textarea#order_comments::placeholder,
textarea.wc-block-components-textarea::placeholder,
.wc-block-components-textarea textarea::placeholder{color:rgba(255,255,255,.34)!important;}
textarea#order_comments:hover,
.wc-block-components-textarea:hover{border-color:rgba(127,219,255,.35)!important;background:rgba(255,255,255,.06)!important;}
textarea#order_comments:focus,
textarea.wc-block-components-textarea:focus,
.wc-block-components-textarea textarea:focus{
  outline:none!important;border-color:var(--dbf-cyan)!important;
  background:rgba(255,255,255,.07)!important;box-shadow:0 0 0 3px rgba(91,205,250,.18)!important;
}
/* Bloque de checkout: label / heading del campo de notas */
.wc-block-checkout__add-note label,
.wc-block-components-checkout-step__heading-content{color:var(--dbf-cyan-ice)!important;}

/* ---- Tabs de producto (Descripcion / Valoraciones) ---- */
.woocommerce div.product .woocommerce-tabs{margin-top:34px;}
.woocommerce div.product .woocommerce-tabs ul.tabs{
  display:flex;flex-wrap:wrap;gap:10px;padding:0!important;margin:0 0 18px!important;
  border:0!important;list-style:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none!important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:var(--dbf-card-sub)!important;
  border:1.5px solid var(--dbf-line)!important;
  border-radius:999px!important;margin:0!important;padding:0!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  color:var(--dbf-text-dim)!important;font-family:var(--dbf-font)!important;
  font-weight:600!important;font-size:.92rem!important;
  padding:10px 22px!important;display:block;text-decoration:none!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
  background:linear-gradient(100deg,var(--dbf-cyan),var(--dbf-accent))!important;
  border-color:transparent!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#04111f!important;}
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-tabs .woocommerce-Tabs-panel{
  background:var(--dbf-card-2)!important;
  border:1px solid var(--dbf-line)!important;
  border-radius:var(--dbf-radius,22px)!important;
  padding:24px 26px!important;color:rgba(255,255,255,.82)!important;margin:0!important;
}
.woocommerce-tabs .panel h1,.woocommerce-tabs .panel h2,.woocommerce-tabs .panel h3,
.woocommerce-Tabs-panel h2,.woocommerce-Tabs-panel h3{color:#fff!important;font-family:var(--dbf-font)!important;}
.woocommerce-tabs .panel p,.woocommerce-tabs .panel li,.woocommerce-Tabs-panel p{color:rgba(255,255,255,.82)!important;}

/* ---- Reviews (Valoraciones) dentro del tab ---- */
.woocommerce #reviews #comments ol.commentlist li .comment-text{
  background:rgba(255,255,255,.045)!important;border:1px solid var(--dbf-line)!important;
  border-radius:14px!important;color:#fff!important;
}
.woocommerce #reviews #comments h2,
.woocommerce #reviews #review_form_wrapper label,
.woocommerce #review_form #respond p,
.woocommerce #reviews #comments ol.commentlist li .comment-text p{color:#fff!important;}
.woocommerce #review_form #respond textarea,
.woocommerce #review_form #respond input[type="text"],
.woocommerce #review_form #respond input[type="email"]{
  background:rgba(255,255,255,.045)!important;border:1.5px solid var(--dbf-line)!important;
  border-radius:14px!important;color:#fff!important;padding:12px 14px!important;
}

/* Resultados: tipo de periodo tag + heading CTA */ .dbf-rtag--tipo{font-weight:700;} .dbf-rtag--def{color:var(--dbf-cyan-ice);background:rgba(91,205,250,.14);border-color:rgba(91,205,250,.35);} .dbf-rtag--recomp{color:#c9c0ff;background:rgba(139,124,246,.14);border-color:rgba(139,124,246,.4);} .dbf-rtag--vol{color:#7ff0c4;background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.4);} .dbf-cases__cta-h{font-weight:800;font-size:clamp(1.5rem,3.2vw,2.1rem);color:#fff;letter-spacing:-.02em;margin:0;}

/* ===== Social login: overlay app-style (boton visual encima + boton real Xootix invisible pero clickable). Portado de dberlift-tienda para no depender del plugin ===== */
.dberlift-social-wrapper{position:relative !important;width:100% !important;display:block !important;overflow:hidden !important;border-radius:40px !important;}
.dberlift-social-btn-visual{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important;font-weight:700 !important;z-index:1 !important;pointer-events:none !important;}
.dberlift-social-iframe-layer{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:9999 !important;opacity:.02 !important;overflow:hidden !important;border-radius:40px !important;}
.dberlift-social-iframe-layer .xoo-sl-goo-btn,.dberlift-social-iframe-layer #appleid-signin{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;width:320px !important;height:60px !important;display:flex !important;justify-content:center !important;align-items:center !important;cursor:pointer !important;}
.dberlift-social-iframe-layer iframe{pointer-events:auto !important;cursor:pointer !important;}

/* ===== Xootix login: tabs Acceder/Registro (dark theme) + carteles rojo/verde ===== */
body .xoo-el-form-container ul.xoo-el-tabs{background:transparent !important;display:flex !important;gap:10px !important;border:none !important;}
body .xoo-el-form-container ul.xoo-el-tabs li{background:var(--dbf-card-sub) !important;color:var(--dbf-text-dim) !important;border:1px solid var(--dbf-line) !important;border-radius:40px !important;font-weight:600 !important;font-size:15px !important;padding:11px 22px !important;transition:all .2s ease !important;}
body .xoo-el-form-container ul.xoo-el-tabs li:hover{color:#fff !important;border-color:rgba(127,219,255,.45) !important;}
body .xoo-el-form-container ul.xoo-el-tabs li.xoo-el-active{background:linear-gradient(135deg,var(--dbf-cyan),var(--dbf-accent)) !important;color:#04111f !important;border-color:transparent !important;font-weight:800 !important;box-shadow:0 8px 22px rgba(17,148,220,.30) !important;}
body .xoo-el-notice-error,body .xoo-uv-verify-notice,body .xoo-uv-notice-error{background:rgba(239,68,68,.14) !important;color:#ffb4b4 !important;border:1px solid rgba(239,68,68,.4) !important;border-radius:12px !important;padding:12px 14px !important;font-size:14px !important;margin:0 0 10px !important;}
body .xoo-el-notice-success,body .xoo-sl-notice-container>div,body .xoo-uv-verified-notice,body .xoo-uv-verified-success{background:rgba(52,211,153,.14) !important;color:#7ff0c4 !important;border:1px solid rgba(52,211,153,.4) !important;border-radius:12px !important;padding:12px 14px !important;font-size:14px !important;margin:0 0 10px !important;}
body .xoo-el-notice-inmodal{background:var(--dbf-card-2) !important;border:1px solid var(--dbf-line) !important;border-radius:var(--dbf-radius) !important;color:#fff !important;}
body .xoo-el-notice-modal .xoo-el-notice-close{color:var(--dbf-text-dim) !important;}

/* ===== Boton social visual: replica EXACTA de la web original (alta especificidad, gana el cascade) ===== */
.dberlift-social-wrapper{position:relative !important;width:100% !important;height:100% !important;min-height:52px !important;border-radius:40px !important;display:block !important;overflow:hidden !important;}
.dberlift-social-wrapper .dberlift-social-btn-visual{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background-color:#162337 !important;color:#ffffff !important;border:2px solid #ffffff !important;border-radius:40px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-family:'Poppins',sans-serif !important;font-weight:700 !important;font-size:15px !important;z-index:1 !important;transition:background-color .2s ease !important;pointer-events:none !important;}
.dberlift-social-wrapper .dberlift-social-btn-visual svg path{fill:#ffffff !important;}
.dberlift-social-wrapper:hover .dberlift-social-btn-visual{background-color:#000000 !important;}
.dberlift-social-iframe-layer{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:9999 !important;opacity:.02 !important;overflow:hidden !important;border-radius:40px !important;}
.dberlift-social-iframe-layer .xoo-sl-goo-btn,.dberlift-social-iframe-layer #appleid-signin{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;width:320px !important;height:60px !important;display:flex !important;justify-content:center !important;align-items:center !important;cursor:pointer !important;}
.dberlift-social-iframe-layer iframe{pointer-events:auto !important;cursor:pointer !important;}


/* ============================================================
   Pagina "Sobre la app" — funciones con capturas alternadas
   ============================================================ */
.dbf-appabout .dbf-page-head{margin-bottom:clamp(40px,6vw,72px);}
.dbf-appabout .dbf-page-head h1{max-width:1000px;margin-left:auto;margin-right:auto;}
.dbf-appsec{padding-top:clamp(34px,5vw,70px);}
.dbf-appsec-head{margin-bottom:clamp(32px,5vw,58px);}
.dbf-appsec-head h2{font-size:clamp(1.7rem,4.2vw,2.7rem);font-weight:800;letter-spacing:-.03em;margin:0;color:#fff;}

.dbf-appfeats{display:flex;flex-direction:column;gap:clamp(48px,7.5vw,90px);}
.dbf-appfeat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,66px);}
.dbf-appfeat:nth-child(even) .dbf-appfeat__media{order:2;}
.dbf-appfeat:nth-child(even) .dbf-appfeat__body{order:1;}
.dbf-appfeat:nth-child(even) .dbf-appfeat__body{margin-left:auto;}
.dbf-appfeat__media{display:flex;justify-content:center;position:relative;}
.dbf-appfeat__body{max-width:520px;}

.dbf-appfeat__ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(150deg,rgba(127,219,255,.16),rgba(17,148,220,.06));border:1px solid rgba(127,219,255,.28);color:var(--dbf-cyan-ice);margin-bottom:16px;box-shadow:0 10px 26px rgba(17,148,220,.18);}
.dbf-appfeat__ico svg{width:28px;height:28px;}
.dbf-appfeat__num{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:900;letter-spacing:-.03em;line-height:1;margin-bottom:6px;display:inline-block;}
.dbf-appfeat__title{font-size:clamp(1.25rem,2.6vw,1.65rem);font-weight:800;letter-spacing:-.02em;color:#fff;margin:0 0 12px;}
.dbf-appfeat__desc{color:var(--dbf-text-soft);font-size:1.03rem;line-height:1.66;margin:0;}

.dbf-shotframe{position:relative;width:100%;max-width:344px;border-radius:34px;padding:9px;background:linear-gradient(160deg,rgba(127,219,255,.20),rgba(17,148,220,.05) 42%,rgba(9,18,33,.92));border:1px solid rgba(127,219,255,.26);box-shadow:0 34px 74px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.04);transition:transform .55s cubic-bezier(.2,.7,.2,1);}
.dbf-shotframe::after{content:"";position:absolute;inset:-16% -10% -8%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(46,107,255,.30),transparent 72%);filter:blur(28px);opacity:.72;}
.dbf-shotframe img{display:block;width:100%;height:auto;border-radius:26px;border:1px solid rgba(255,255,255,.07);}
.dbf-appfeat__media:hover > .dbf-shotframe{transform:translateY(-7px) rotate(-.6deg);}

.dbf-shotduo{position:relative;display:flex;justify-content:center;align-items:flex-start;}
.dbf-shotduo .dbf-shotframe{max-width:226px;}
.dbf-shotduo .dbf-shotframe:first-child{transform:rotate(-4deg);z-index:1;margin-top:22px;}
.dbf-shotduo .dbf-shotframe:last-child{transform:rotate(4deg);margin-left:-48px;z-index:2;}
.dbf-appfeat__media:hover .dbf-shotduo .dbf-shotframe:first-child{transform:rotate(-4deg) translateY(-6px);}
.dbf-appfeat__media:hover .dbf-shotduo .dbf-shotframe:last-child{transform:rotate(4deg) translateY(-6px);}

.dbf-appcta{padding-top:clamp(20px,4vw,50px);}
.dbf-appcta .dbf-cases__cta-h{font-size:clamp(1.7rem,4.2vw,2.6rem);font-weight:800;letter-spacing:-.03em;margin:0;color:#fff;}

@media(max-width:860px){
  .dbf-appfeat{grid-template-columns:1fr;gap:24px;}
  .dbf-appfeat:nth-child(even) .dbf-appfeat__media{order:1;}
  .dbf-appfeat:nth-child(even) .dbf-appfeat__body{order:2;margin-left:0;}
  .dbf-appfeat__body{max-width:560px;margin:0 auto;text-align:center;}
  .dbf-appfeat__ico{margin-left:auto;margin-right:auto;}
}
@media(max-width:420px){
  .dbf-shotframe{max-width:288px;}
  .dbf-shotduo .dbf-shotframe{max-width:188px;}
  .dbf-shotduo .dbf-shotframe:last-child{margin-left:-40px;}
}

/* --- Seguimiento de coachs 24 h (Membresia DBERLIFT) --- */
.dbf-appsec--elite{position:relative;}
.dbf-appsec--elite::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(92%,var(--dbf-max));height:1px;background:linear-gradient(90deg,transparent,rgba(127,219,255,.45),rgba(255,214,10,.40),transparent);}
.dbf-tag--elite{border-color:rgba(255,214,10,.34);background:linear-gradient(135deg,rgba(127,219,255,.14),rgba(255,214,10,.08));color:var(--dbf-cyan-ice);}
.dbf-grad--elite{background:linear-gradient(100deg,var(--dbf-cyan-ice),var(--dbf-gold));-webkit-background-clip:text;background-clip:text;color:transparent;}
.dbf-appsec-sub{margin:10px 0 0;font-size:clamp(1rem,2vw,1.18rem);font-weight:700;letter-spacing:.01em;background:linear-gradient(100deg,var(--dbf-cyan-ice),var(--dbf-gold));-webkit-background-clip:text;background-clip:text;color:transparent;}
.dbf-appsec--elite .dbf-appfeat__ico{background:linear-gradient(150deg,rgba(255,214,10,.16),rgba(127,219,255,.06));border-color:rgba(255,214,10,.30);color:var(--dbf-gold);box-shadow:0 10px 26px rgba(255,214,10,.14);}

/* --- Resultados: gap video -> primer caso ~ a la mitad (sin tocar el gap entre casos) --- */
.dbf-results{padding-bottom:clamp(34px,4.5vw,58px);}
.dbf-results + .dbf-cases{margin-top:0;padding-top:clamp(18px,2.4vw,26px);}


/* ===== DBERLIFT: botones sociales (Google/Apple) + login — migrado de dberlift-tienda ===== */
/* =====================================================
   DBERLIFT - Estilo App Botones Sociales (Overlay Hack V5 FINAL)
   ===================================================== */

/* Contenedor principal centrado */
.xoo-sl-btns-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    gap: 12px !important;
    margin-top: 15px !important;
}

/* Caja original de Xootix */
.xoo-sl-button {
    width: 100% !important;
    max-width: 250px !important;
    height: 48px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
    border: none !important;
    background: transparent !important;
}

/* Nuestra caja del botón */
.dberlift-social-wrapper {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 40px !important;
    display: block !important;
}

/* El botón visible que nosotros diseñamos */
.dberlift-social-btn-visual {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #162337 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    z-index: 1 !important;
    transition: background-color 0.2s ease !important;
    pointer-events: none !important; /* Deja pasar el mouse a la capa superior */
}

/* Hover visual */
.dberlift-social-wrapper:hover .dberlift-social-btn-visual {
    background-color: #000000 !important;
}

/* LA CAPA INVISIBLE (z-index gigante para estar por encima de todo) */
.dberlift-social-iframe-layer {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important; 
    opacity: 0.02 !important; /* 2% visible: Legal para el antibloqueo de Google */
    overflow: hidden !important; 
    border-radius: 40px !important;
}

/* Centrado perfecto del Iframe SIN USAR SCALE (Eso rompía el clic) */
.dberlift-social-iframe-layer .xoo-sl-goo-btn,
.dberlift-social-iframe-layer #appleid-signin {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 320px !important; /* Tamaño real del iframe de Google/Apple */
    height: 60px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer !important;
}

/* Asegurar que el iframe en sí active la manito */
.dberlift-social-iframe-layer iframe {
    pointer-events: auto !important;
    cursor: pointer !important;
}



/* =====================================================
   DBERLIFT - Mover Cartel Social a Posición Superior
   ===================================================== */
.xoo-el-fields {
    display: flex !important;
    flex-direction: column !important;
}

/* Hacemos la caja "invisible" al diseño para poder reordenar sus elementos */
.xoo-sl-container {
    display: contents !important;
}

/* 1. El Cartel: Lo pasamos a la posición 1 y le damos forma de bloque normal */
.xoo-sl-processing {
    order: 1 !important;
    position: relative !important; /* Anula el flotado nativo */
    background-color: #dff0d8 !important; /* Verde éxito nativo */
    border: 1px solid #d6e9c6 !important;
    padding: 12px 15px !important;
    margin-bottom: 15px !important;
    border-radius: 4px !important;
    height: auto !important;
}

/* Ocultamos la cortina gris oscura que trae por defecto */
.xoo-sl-processing .xoo-sl-procs-opac {
    display: none !important;
}

/* Acomodamos el texto para que quede centrado dentro del bloque */
.xoo-sl-processing span {
    position: static !important;
    transform: none !important;
    display: block !important;
    text-align: center !important;
    color: #3c763d !important;
    font-weight: 500 !important;
    width: 100% !important;
}

/* 2. El Formulario de usuario/contraseña debajo del cartel */
.xoo-el-action-form {
    order: 2 !important;
}

/* 3. El texto separador ("O prueba") */
.xoo-sl-loginvia {
    order: 3 !important;
    margin-top: 15px !important;
}

/* 4. El botón de Google al final */
.xoo-sl-btns-container {
    order: 4 !important;
}



/* ============================================================
   DBERLIFT - FIX: Hover y Focus para el campo de Contraseña
============================================================ */

/* Estado normal del input de contraseña */
.woocommerce form input[type="password"],
.woocommerce-page form input[type="password"],
.woocommerce-checkout input[type="password"] {
    background-color: #162337 !important;
    color: #ffffff !important;
    border: 1px solid #1194DC !important;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

/* Estado HOVER (al pasar el mouse) */
.woocommerce form input[type="password"]:hover,
.woocommerce-page form input[type="password"]:hover,
.woocommerce-checkout input[type="password"]:hover {
    background-color: #162337 !important;
    border-color: #7cc9f5 !important;
}

/* Estado FOCUS (al hacer clic para escribir) */
.woocommerce form input[type="password"]:focus,
.woocommerce-page form input[type="password"]:focus,
.woocommerce-checkout input[type="password"]:focus {
    background-color: #03456a !important;
    border-color: #d5e8f5 !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3) !important;
    outline: none !important;
}


/* ============================================================
   DBERLIFT - FIX: Espaciado superior para avisos en Mi Cuenta
============================================================ */
.woocommerce-account .woocommerce-notices-wrapper {
    margin-top: 60px !important;
    display: block !important;
    width: 100% !important;
}

.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error {
    margin-top: 0 !important; /* Reseteamos el interno para que no se sumen */
}


/* ===== fin social/login ===== */


/* ===== DBERLIFT: fixes cosmeticos WooCommerce/Xootix (login, pedidos, carrito bloques) ===== */

/* ---- 1) Cartel de login social Xootix ("Iniciando sesion"): dark theme (override verde/rojo del plugin) ---- */
body .xoo-sl-notice-container{background:transparent !important;text-align:center !important;}
body .xoo-sl-notice-container .xoo-sl-notice,
body .xoo-sl-notice.xoo-sl-notice-success,
body .xoo-sl-notice.xoo-sl-notice-error{
  display:inline-flex !important;align-items:center !important;gap:9px !important;
  color:#fff !important;
  background:linear-gradient(160deg,#0d1929,#060d18) !important;
  border:1px solid rgba(127,219,255,.28) !important;
  border-radius:14px !important;
  box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 34px rgba(46,107,255,.18) !important;
  padding:13px 22px !important;margin:12px auto 0 !important;
  font-family:var(--dbf-font) !important;font-weight:700 !important;font-size:14px !important;
  max-width:460px !important;text-shadow:none !important;
}
body .xoo-sl-notice.xoo-sl-notice-success{border-color:rgba(127,219,255,.3) !important;}
body .xoo-sl-notice.xoo-sl-notice-success .xoo-sl-notice-text{color:var(--dbf-cyan-ice) !important;}
body .xoo-sl-notice.xoo-sl-notice-error{border-color:rgba(239,68,68,.5) !important;}
body .xoo-sl-notice.xoo-sl-notice-error .xoo-sl-notice-text{color:#ffb4b4 !important;}
body .xoo-sl-notice .xoo-sl-notice-icon{color:var(--dbf-cyan) !important;filter:none !important;}

/* ---- 2) Pedidos (mi cuenta): diferenciar Pagar / Ver / Cancelar ---- */
.woocommerce-orders-table__cell-order-actions .woocommerce-button{margin:3px 5px 3px 0 !important;padding:9px 18px !important;font-size:.85rem !important;}
/* Pagar = primario azul (se mantiene el estilo generico) */
/* Ver = contorno neutro */
.woocommerce-orders-table__cell-order-actions .woocommerce-button.view,
.woocommerce a.button.view,.woocommerce-account a.button.view{
  background:rgba(255,255,255,.06) !important;color:#fff !important;
  border:1px solid var(--dbf-line) !important;box-shadow:none !important;
}
.woocommerce-orders-table__cell-order-actions .woocommerce-button.view:hover,
.woocommerce a.button.view:hover{background:rgba(127,219,255,.14) !important;border-color:rgba(127,219,255,.4) !important;color:#fff !important;transform:translateY(-1px) !important;box-shadow:none !important;}
/* Cancelar = peligro (rojo contorno) */
.woocommerce-orders-table__cell-order-actions .woocommerce-button.cancel,
.woocommerce a.button.cancel,.woocommerce-account a.button.cancel{
  background:rgba(239,68,68,.12) !important;color:#ffb4b4 !important;
  border:1px solid rgba(239,68,68,.45) !important;box-shadow:none !important;
}
.woocommerce-orders-table__cell-order-actions .woocommerce-button.cancel:hover,
.woocommerce a.button.cancel:hover{background:rgba(239,68,68,.22) !important;border-color:rgba(239,68,68,.7) !important;color:#fff !important;transform:translateY(-1px) !important;box-shadow:none !important;}

/* ---- 3) Carrito/checkout en BLOQUES (WooCommerce Blocks): input cupon + Finalizar compra ---- */
/* Input del cupon (dark, redondeado) */
.wc-block-components-totals-coupon .wc-block-components-text-input input,
.wc-block-components-totals-coupon__input input,
.wp-block-woocommerce-cart .wc-block-components-text-input input,
.wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-text-input input{
  font-family:var(--dbf-font) !important;color:#fff !important;
  background:rgba(255,255,255,.045) !important;
  border:1.5px solid var(--dbf-line) !important;border-radius:14px !important;
  padding:14px 16px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.wc-block-components-totals-coupon .wc-block-components-text-input input:focus,
.wp-block-woocommerce-cart .wc-block-components-text-input input:focus,
.wp-block-woocommerce-checkout .wc-block-components-text-input input:focus{
  outline:none !important;border-color:var(--dbf-cyan) !important;
  background:rgba(255,255,255,.07) !important;box-shadow:0 0 0 3px rgba(91,205,250,.18) !important;
}
.wc-block-components-totals-coupon .wc-block-components-text-input label,
.wp-block-woocommerce-cart .wc-block-components-text-input label{color:var(--dbf-text-dim) !important;}
/* Boton "Aplicar" cupon (link celeste) */
.wc-block-components-totals-coupon__button{color:var(--dbf-cyan-ice) !important;font-weight:700 !important;}
/* Boton Finalizar compra (carrito) + Realizar pedido (checkout) + botones de bloque */
.wc-block-cart__submit-button,
.wp-block-woocommerce-proceed-to-checkout-block a,
.wp-block-woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button,
.wc-block-components-checkout-place-order-button{
  font-family:var(--dbf-font) !important;font-weight:800 !important;color:#04111f !important;
  background:linear-gradient(100deg,var(--dbf-cyan-ice),var(--dbf-cyan) 55%,var(--dbf-accent)) !important;
  border:0 !important;border-radius:999px !important;padding:15px 26px !important;
  box-shadow:0 12px 32px rgba(17,148,220,.4) !important;text-shadow:none !important;
  transition:transform .18s ease,box-shadow .25s ease !important;
}
.wc-block-cart__submit-button:hover,
.wp-block-woocommerce-proceed-to-checkout-block a:hover,
.wc-block-components-checkout-place-order-button:hover{transform:translateY(-2px) !important;box-shadow:0 18px 44px rgba(17,148,220,.55) !important;color:#04111f !important;}
.wc-block-cart__submit-button .wc-block-components-button__text,
.wc-block-cart__submit-button span,
.wc-block-components-checkout-place-order-button .wc-block-components-button__text{color:#04111f !important;}

/* ===== fin fixes cosmeticos WooCommerce/Xootix ===== */



/* ===== DBERLIFT: Xootix login social / verificacion / perfil -> tema oscuro (3 idiomas via functions) ===== */

/* Cartel "Iniciando sesion" (procesando login social): override verde nativo (#dff0d8) -> oscuro */
body .xoo-sl-processing{
  background:linear-gradient(160deg,#0d1929,#060d18) !important;
  border:1px solid rgba(127,219,255,.28) !important;border-radius:14px !important;
  box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 34px rgba(46,107,255,.18) !important;
  padding:14px 18px !important;
}
body .xoo-sl-processing span{color:var(--dbf-cyan-ice) !important;font-weight:700 !important;text-shadow:none !important;}
body .xoo-sl-processing .xoo-sl-procs-opac{background:rgba(6,13,24,.55) !important;}

/* Verificacion de usuario (xoo-uv): avisos "pendiente"/"verificado" -> oscuro */
body .xoo-uv-verify-notice,body .xoo-uv-verified-success{
  background:linear-gradient(160deg,#0d1929,#070f1c) !important;color:#eaf6ff !important;
  border:1px solid rgba(127,219,255,.28) !important;border-radius:14px !important;
  padding:14px 18px !important;box-shadow:0 12px 34px rgba(0,0,0,.4) !important;
}
body .xoo-uv-verify-notice{border-color:rgba(255,214,10,.45) !important;}
body .xoo-uv-verified-success{border-color:rgba(52,211,153,.45) !important;}
/* Boton "Reenviar correo" */
body .xoo-uv-rsnd-email{
  display:inline-block !important;cursor:pointer !important;color:#04111f !important;font-weight:800 !important;
  background:linear-gradient(100deg,var(--dbf-cyan-ice),var(--dbf-cyan) 55%,var(--dbf-accent)) !important;
  border-radius:999px !important;padding:8px 18px !important;margin:2px 4px !important;text-decoration:none !important;
  box-shadow:0 10px 26px rgba(17,148,220,.35) !important;transition:transform .18s ease !important;
}
body .xoo-uv-rsnd-email:hover{transform:translateY(-1px) !important;color:#04111f !important;}

/* Perfil y cuenta (addon-profile): inputs + boton guardar -> oscuro */
body .xoo-elpof-container input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
body .xoo-elpof-container select,body .xoo-elpof-container textarea{
  background:rgba(255,255,255,.045) !important;color:#fff !important;
  border:1.5px solid var(--dbf-line) !important;border-radius:14px !important;padding:12px 14px !important;
}
body .xoo-elpof-container input:focus,body .xoo-elpof-container select:focus,body .xoo-elpof-container textarea:focus{
  outline:none !important;border-color:var(--dbf-cyan) !important;box-shadow:0 0 0 3px rgba(91,205,250,.18) !important;
}
body .xoo-elpof-profile-update,body .xoo-elpof-container button[type="submit"],body .xoo-elpof-container input[type="submit"]{
  color:#04111f !important;font-weight:800 !important;border:0 !important;border-radius:999px !important;padding:13px 26px !important;
  background:linear-gradient(100deg,var(--dbf-cyan-ice),var(--dbf-cyan) 55%,var(--dbf-accent)) !important;
  box-shadow:0 12px 30px rgba(17,148,220,.35) !important;cursor:pointer !important;
}
body .xoo-elpof-profile-update:hover,body .xoo-elpof-container button[type="submit"]:hover{transform:translateY(-2px) !important;color:#04111f !important;}

/* ===== fin Xootix oscuro ===== */


/* ===== DBERLIFT: jerarquia de botones (primario / intermedio / sutil) — 3 variantes ===== */

/* Variante INTERMEDIA (soft): azul translucido con borde celeste (entre el celeste solido y el gris) */
.dbf-btn--soft{
  color:var(--dbf-cyan-ice);
  background:linear-gradient(150deg,rgba(17,148,220,.20),rgba(46,107,255,.14));
  border:1px solid rgba(127,219,255,.42);
  box-shadow:0 6px 20px rgba(17,148,220,.18);
}
.dbf-btn--soft:hover{
  color:#fff;transform:translateY(-2px);
  background:linear-gradient(150deg,rgba(17,148,220,.30),rgba(46,107,255,.22));
  border-color:rgba(127,219,255,.65);box-shadow:0 12px 30px rgba(17,148,220,.30);
}

/* WooCommerce — INTERMEDIO: botones secundarios (ni primarios .alt/add-to-cart/checkout, ni terciarios) */
.woocommerce .button:not(.alt):not(.checkout):not(.checkout-button):not(.add_to_cart_button):not(.single_add_to_cart_button):not(.wc-backward):not(.cancel):not([name="apply_coupon"]),
.woocommerce #respond input#submit{
  color:var(--dbf-cyan-ice) !important;
  background:linear-gradient(150deg,rgba(17,148,220,.20),rgba(46,107,255,.14)) !important;
  border:1px solid rgba(127,219,255,.42) !important;
  box-shadow:0 6px 20px rgba(17,148,220,.18) !important;text-shadow:none !important;
}
.woocommerce .button:not(.alt):not(.checkout):not(.checkout-button):not(.add_to_cart_button):not(.single_add_to_cart_button):not(.wc-backward):not(.cancel):not([name="apply_coupon"]):hover,
.woocommerce #respond input#submit:hover{
  color:#fff !important;
  background:linear-gradient(150deg,rgba(17,148,220,.30),rgba(46,107,255,.22)) !important;
  border-color:rgba(127,219,255,.65) !important;box-shadow:0 12px 30px rgba(17,148,220,.30) !important;
}

/* WooCommerce — SUTIL (ghost): acciones terciarias (aplicar cupon, volver a la tienda, cancelar) */
.woocommerce .button.wc-backward,
.woocommerce .return-to-shop .button,
.woocommerce a.button.cancel,
.woocommerce .button[name="apply_coupon"]{
  color:#fff !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid var(--dbf-line) !important;
  box-shadow:none !important;
}
.woocommerce .button.wc-backward:hover,
.woocommerce .return-to-shop .button:hover,
.woocommerce a.button.cancel:hover,
.woocommerce .button[name="apply_coupon"]:hover{
  background:rgba(255,255,255,.12) !important;transform:translateY(-2px);color:#fff !important;box-shadow:none !important;
}

/* Minicart — "Ver carrito" pasa a intermedio; el checkout sigue primario */
.dbf-minicart__body .button:not(.checkout){
  color:var(--dbf-cyan-ice) !important;
  background:linear-gradient(150deg,rgba(17,148,220,.20),rgba(46,107,255,.14)) !important;
  border:1px solid rgba(127,219,255,.42) !important;
}
.dbf-minicart__body .button:not(.checkout):hover{
  color:#fff !important;
  background:linear-gradient(150deg,rgba(17,148,220,.30),rgba(46,107,255,.22)) !important;
  border-color:rgba(127,219,255,.65) !important;
}

/* ===== fin jerarquia de botones ===== */

/* dbf: espaciado titulos/imagenes en contenido (paginas + novedades) */
.dbf-content h1,.dbf-content h2,.dbf-content h3,.dbf-content h4,.dbf-content h5,.dbf-content h6{margin-top:1.5em;}
.dbf-content>:first-child{margin-top:0;}
.dbf-content figure,.dbf-content .wp-block-image{margin:1.2em 0;}
.dbf-content figure img,.dbf-content .wp-block-image img{display:block;margin-inline:auto;}
.dbf-content figcaption{font-size:.85rem;opacity:.75;margin-top:6px;text-align:center;}
