/* ═══════════════════════════════════════════════════════
   GF BRIEF DE MARCA — Front-end (tema esmeralda)
   Todo scoped bajo .gfbrief-root para no afectar el sitio.
   Variables --gf-* y de color las inyecta el admin (desktop/móvil).
═══════════════════════════════════════════════════════ */
.elementor-widget-gfbrief_form{
  width:100vw!important;max-width:100vw!important;flex:0 0 100%!important;align-self:stretch!important;
  position:relative!important;left:50%!important;right:50%!important;
  margin:0 -50vw!important;padding:0!important;
}
.elementor-widget-gfbrief_form>.elementor-widget-container{
  width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
}
.e-con:has(.elementor-widget-gfbrief_form),
.elementor-section:has(.elementor-widget-gfbrief_form),
.elementor-container:has(.elementor-widget-gfbrief_form),
.elementor-column:has(.elementor-widget-gfbrief_form),
.elementor-widget-wrap:has(.elementor-widget-gfbrief_form){
  padding-top:0!important;padding-right:0!important;padding-bottom:0!important;padding-left:0!important;
  margin-top:0!important;margin-bottom:0!important;gap:0!important;
}
.gfbrief-root{
  --acc:#0E7C5E; --acc2:#139873; --acc-d:#0B6149; --acc-gl:rgba(14,124,94,.13);
  --bg:#EFF2EF; --s1:#FFFFFF; --s2:#F7F9F7; --s3:#EBF0EC;
  --b1:#E0E6E1; --b2:#CFD8D1; --b3:#B8C6BC;
  --txt:#12211B; --t2:#4F5F57; --t3:#8A988F; --t4:#5C6C63;
  --live:#1DA06E;
  --au1:#CFE6DA; --au2:#DDE9E0; --au3:#E7E0CF;
  --p1:#0E7C5E; --p2:#7FD0B4; --p3:#F0F4F1; --p4:#12211B;
  --disp:'Plus Jakarta Sans',sans-serif; --ui:'Plus Jakarta Sans',sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1); --spring:cubic-bezier(.34,1.56,.64,1);
  /* personalizables (defaults; el admin los sobreescribe) */
  --gf-logo-h:34px; --gf-logo-welcome-h:46px; --gf-logo-success-h:40px;
  --gf-iso-corner-h:124px; --gf-iso-flow-h:84px; --gf-iso-flow-mt:30px;
  --gf-title-size:46px; --gf-title-weight:800; --gf-sub-size:14px; --gf-label-size:10px; --gf-lh:1.05;
  --gf-radius:14px; --gf-field-gap:26px; --gf-title-mt:0px; --gf-title-mb:10px; --gf-sub-mb:30px;
  --gf-content-max:520px; --gf-input-pad:14px; --gf-nav-align:flex-start;
  --gf-aurora-op:.45; --gf-aurora-blur:52px;

  position:relative; z-index:1; overflow:hidden;
  width:100%; max-width:none!important; margin:0;
  font-family:var(--ui); color:var(--txt); background:var(--bg);
  text-align:initial; isolation:isolate; overscroll-behavior:contain;
  -webkit-font-smoothing:antialiased;
}
.gfbrief-root.gfbrief-mode-fullscreen{width:100%!important;height:calc(100vh - var(--gf-top-offset,0px));height:calc(100dvh - var(--gf-top-offset,0px));min-height:720px}
.gfbrief-root.gfbrief-mode-embedded{position:relative;inset:auto;z-index:1;width:100%;height:auto;max-width:100%!important;border-radius:24px;box-shadow:0 30px 80px -40px rgba(18,33,27,.4);border:1px solid var(--b1)}
.gfbrief-root *,.gfbrief-root *::before,.gfbrief-root *::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
.gfbrief-root button{font-family:inherit}
.gfbrief-root .sin{display:contents}
.gfbrief-root svg.ic{width:16px;height:16px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* AURORA + GRANO */
.gfbrief-root .aurora{position:absolute;inset:-15%;z-index:0;pointer-events:none;filter:blur(var(--gf-aurora-blur));opacity:var(--gf-aurora-op)}
.gfbrief-root .aurora span{position:absolute;border-radius:50%;transition:background 1.2s var(--ease)}
.gfbrief-root .aurora .a1{width:42vw;height:42vw;left:-4vw;top:-6vw;background:radial-gradient(circle,var(--au1),transparent 60%);animation:gfd1 24s ease-in-out infinite}
.gfbrief-root .aurora .a2{width:38vw;height:38vw;right:-6vw;top:14vh;background:radial-gradient(circle,var(--au2),transparent 60%);animation:gfd2 29s ease-in-out infinite}
.gfbrief-root .aurora .a3{width:46vw;height:46vw;left:14vw;bottom:-20vw;background:radial-gradient(circle,var(--au3),transparent 60%);animation:gfd3 33s ease-in-out infinite}
@keyframes gfd1{50%{transform:translate(7vw,5vh) scale(1.12)}}
@keyframes gfd2{50%{transform:translate(-6vw,8vh) scale(1.08)}}
@keyframes gfd3{50%{transform:translate(5vw,-6vh) scale(1.14)}}
.gfbrief-root .grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.03;mix-blend-mode:multiply;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* LOGOS */
.gfbrief-root .gf-logo{position:absolute;top:18px;left:clamp(28px,5vw,72px);z-index:35;height:var(--gf-logo-h);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.gfbrief-root .gf-logo img{height:100%;width:auto;display:block}
.gfbrief-root .gf-iso-flow{display:block;height:var(--gf-iso-flow-h);width:auto;margin:var(--gf-iso-flow-mt) auto 0}
.gfbrief-root .gf-iso-corner{position:absolute;bottom:24px;left:clamp(24px,4vw,60px);right:auto;z-index:35;height:var(--gf-iso-corner-h);width:auto;display:none}
.gfbrief-root .gf-iso-corner img{height:100%;width:auto;display:block}
.gfbrief-root.gf-welcome .right,.gfbrief-root.gf-success .right{display:none}
.gfbrief-root.gf-welcome .shell,.gfbrief-root.gf-success .shell{grid-template-columns:1fr}
.gfbrief-root.gf-welcome .gf-logo{left:50%;transform:translateX(-50%);height:var(--gf-logo-welcome-h);top:24px}
.gfbrief-root.gf-success .gf-logo{left:50%;transform:translateX(-50%);height:var(--gf-logo-success-h);top:18px}
.gfbrief-root.gf-headhide.gf-welcome .gf-logo,.gfbrief-root.gf-headhide.gf-success .gf-logo{transform:translateX(-50%) translateY(-120%)}
.gfbrief-root.gfbrief-hide-logo-welcome.gf-welcome .gf-logo,
.gfbrief-root.gfbrief-hide-logo-form.gf-form .gf-logo,
.gfbrief-root.gfbrief-hide-logo-success.gf-success .gf-logo,
.gfbrief-root.gfbrief-hide-iso-welcome.gf-welcome .gf-iso-corner,
.gfbrief-root.gfbrief-hide-iso-welcome .gf-iso-flow.we,
.gfbrief-root.gfbrief-hide-iso-success.gf-success .gf-iso-flow{display:none!important}

/* TOPBAR */
.gfbrief-root .topbar{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:18px clamp(20px,4vw,44px);opacity:0;transition:opacity .5s,transform .4s var(--ease);pointer-events:none}
.gfbrief-root .topbar.vis{opacity:1;pointer-events:auto}
.gfbrief-root .ptrack{display:flex;gap:5px;align-items:center}
.gfbrief-root .pseg{height:3px;width:20px;border-radius:3px;background:var(--b2);transition:all .45s var(--ease)}
.gfbrief-root .pseg.done{background:var(--b3)}
.gfbrief-root .pseg.cur{background:var(--acc);width:34px}
.gfbrief-root .pnum{position:absolute;right:clamp(20px,4vw,44px);font-size:11px;color:var(--t3);letter-spacing:.05em;font-variant-numeric:tabular-nums}

/* SHELL */
.gfbrief-root .shell{position:absolute;inset:0;z-index:10;display:grid;grid-template-columns:1.25fr .9fr;height:100%}
.gfbrief-root .left{position:relative;overflow:hidden}
.gfbrief-root .right{position:relative;display:flex;align-items:center;justify-content:center;padding:40px;border-left:1px solid var(--b1);background:linear-gradient(180deg,rgba(255,255,255,.45),transparent)}

/* STEPS */
.gfbrief-root .step{position:absolute;inset:0;display:none;flex-direction:column;justify-content:safe center;padding:96px clamp(28px,5vw,72px) 110px;overflow-y:auto;overflow-x:hidden}
.gfbrief-root .step.show{display:flex}
.gfbrief-root .step.center{align-items:center;justify-content:safe center;text-align:center;padding:40px}
.gfbrief-root.gf-welcome #s0,.gfbrief-root.gf-success #s8{align-items:center;justify-content:safe center;text-align:center}
.gfbrief-root .step::-webkit-scrollbar{width:4px}.gfbrief-root .step::-webkit-scrollbar-thumb{background:var(--b2);border-radius:2px}
.gfbrief-root .stag{display:flex;align-items:center;gap:9px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--acc);font-weight:700;margin-bottom:16px}
.gfbrief-root .stag::before{content:'';width:20px;height:1px;background:var(--acc)}
.gfbrief-root .sq{font-family:var(--disp);font-weight:var(--gf-title-weight);font-size:clamp(24px,3.6vw,var(--gf-title-size));line-height:var(--gf-lh);letter-spacing:-.015em;margin-top:var(--gf-title-mt);margin-bottom:var(--gf-title-mb);max-width:14ch}
.gfbrief-root .sh{font-size:var(--gf-sub-size);color:var(--t2);line-height:1.65;max-width:46ch;margin-bottom:var(--gf-sub-mb)}

/* INPUTS */
.gfbrief-root .fields{display:flex;flex-direction:column;gap:var(--gf-field-gap);width:100%;max-width:var(--gf-content-max)}
.gfbrief-root .ig{display:flex;flex-direction:column;gap:7px}
.gfbrief-root .il{font-size:var(--gf-label-size);text-transform:uppercase;letter-spacing:.09em;color:var(--t4);font-weight:700}
.gfbrief-root .gi{width:100%;font-family:var(--ui);background:var(--s1);border:1px solid var(--b1);border-radius:var(--gf-radius);padding:var(--gf-input-pad) 16px;font-size:15px;color:var(--txt);outline:none;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;box-shadow:0 1px 2px rgba(18,33,27,.03)}
.gfbrief-root .gi::placeholder{color:var(--t3)}
.gfbrief-root .gi:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-gl)}
.gfbrief-root textarea.gi{min-height:110px;resize:vertical;line-height:1.6}
.gfbrief-root .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gfbrief-root .hint{font-size:11px;color:var(--t3);margin-top:2px}
.gfbrief-root .otro-wrap{display:none;margin-top:10px}
.gfbrief-root .gf-consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--t2);line-height:1.4;cursor:pointer}
.gfbrief-root .gf-consent input{margin-top:2px;accent-color:var(--acc)}

/* PILLS */
.gfbrief-root .pills{display:flex;flex-wrap:wrap;gap:9px}
.gfbrief-root .pill{position:relative;overflow:hidden;font-size:13.5px;font-weight:500;color:var(--t2);padding:11px 17px;min-height:44px;border-radius:12px;cursor:pointer;background:var(--s1);border:1px solid var(--b1);transition:transform .2s var(--spring),border-color .2s,color .2s,background .2s,box-shadow .2s;user-select:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 1px 2px rgba(18,33,27,.03)}
.gfbrief-root .pill::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .25s;background:radial-gradient(110px circle at var(--mx,50%) var(--my,50%),var(--acc-gl),transparent 60%)}
.gfbrief-root .pill .ic,.gfbrief-root .pill span{position:relative;z-index:1}
.gfbrief-root .pill:hover{border-color:var(--b3);color:var(--txt);transform:translateY(-2px);box-shadow:0 8px 18px -10px rgba(18,33,27,.25)}
.gfbrief-root .pill:hover::before{opacity:1}
.gfbrief-root .pill:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.gfbrief-root .pill.on{color:var(--acc-d);border-color:var(--acc);background:rgba(14,124,94,.07)}
.gfbrief-root .pill.on .ic{color:var(--acc)}
.gfbrief-root .pill.on::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--acc);position:relative;z-index:1}

/* SLIDERS */
.gfbrief-root .scale{display:flex;flex-direction:column;gap:22px;width:100%;max-width:var(--gf-content-max)}
.gfbrief-root .scale-row .ends{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:9px}
.gfbrief-root .scale-row .ends .a{color:var(--txt)}.gfbrief-root .scale-row .ends .b{color:var(--t3)}
.gfbrief-root input[type=range].slider{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:5px;cursor:pointer;background:linear-gradient(90deg,var(--acc) 0 var(--p,50%),var(--b2) var(--p,50%) 100%)}
.gfbrief-root input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--acc);box-shadow:0 3px 10px rgba(18,33,27,.22);transition:transform .15s}
.gfbrief-root input[type=range].slider::-webkit-slider-thumb:hover{transform:scale(1.18)}
.gfbrief-root input[type=range].slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--acc)}

/* PALETAS */
.gfbrief-root .palgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:var(--gf-content-max)}
.gfbrief-root .palcard{position:relative;border:1px solid var(--b1);border-radius:var(--gf-radius);padding:13px;cursor:pointer;background:var(--s1);transition:transform .22s var(--spring),border-color .2s,box-shadow .2s;box-shadow:0 1px 3px rgba(18,33,27,.04)}
.gfbrief-root .palcard:hover{border-color:var(--b3);transform:translateY(-3px);box-shadow:0 12px 26px -12px rgba(18,33,27,.22)}
.gfbrief-root .palcard.on{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc),0 12px 30px -12px var(--acc-gl)}
.gfbrief-root .palcard.on::after{content:'✓';position:absolute;top:10px;right:12px;color:var(--acc);font-weight:700;font-size:13px}
.gfbrief-root .swrow{display:flex;gap:0;border-radius:8px;overflow:hidden;height:38px;margin-bottom:9px;box-shadow:inset 0 0 0 1px rgba(18,33,27,.05)}
.gfbrief-root .swrow span{flex:1}
.gfbrief-root .palname{font-size:12.5px;font-weight:600;color:var(--t2)}
.gfbrief-root .palcard.on .palname{color:var(--txt)}
.gfbrief-root .palcard.custom{border-style:dashed;border-color:var(--b3);grid-column:span 2;display:flex;align-items:center;gap:14px;padding:14px 16px}
.gfbrief-root .palcard.custom .rainbow{width:54px;height:38px;border-radius:8px;flex-shrink:0;background:conic-gradient(from 0deg,#0E7C5E,#139873,#7FD0B4,#DDA15E,#0E7C5E)}
.gfbrief-root .palcard.custom .ctxt strong{display:block;font-size:13.5px;color:var(--txt);font-weight:700}
.gfbrief-root .palcard.custom .ctxt span{font-size:11.5px;color:var(--t3)}
.gfbrief-root .palcard.custom.on{border-style:solid}

/* MODAL GENERADOR */
.gfbrief-root .modal{position:absolute;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
.gfbrief-root .modal.open{display:flex}
.gfbrief-root .modal-bg{position:absolute;inset:0;background:rgba(15,28,22,.42);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.gfbrief-root .modal-card{position:relative;width:min(520px,100%);max-height:88vh;overflow-y:auto;background:var(--s1);border:1px solid var(--b1);border-radius:20px;box-shadow:0 40px 90px -30px rgba(18,33,27,.5)}
.gfbrief-root .modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 0}
.gfbrief-root .modal-head h3{font-family:var(--disp);font-size:19px;font-weight:800}
.gfbrief-root .modal-x{width:34px;height:34px;border-radius:50%;border:1px solid var(--b1);background:var(--s2);color:var(--t2);cursor:pointer;font-size:15px;transition:all .2s}
.gfbrief-root .modal-x:hover{background:var(--s3);color:var(--txt)}
.gfbrief-root .cp-tabs{display:flex;gap:6px;padding:16px 22px 0}
.gfbrief-root .cp-tab{flex:1;padding:11px;border-radius:12px;border:1px solid var(--b1);background:var(--s2);color:var(--t2);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.gfbrief-root .cp-tab.on{background:var(--acc);color:#fff;border-color:transparent}
.gfbrief-root .cp-body{padding:20px 22px 22px}
.gfbrief-root .cp-body[hidden]{display:none}
.gfbrief-root .cp-lab{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--t4);font-weight:700;margin-bottom:10px;display:block}
.gfbrief-root .huebar{-webkit-appearance:none;appearance:none;width:100%;height:14px;border-radius:14px;cursor:pointer;margin-bottom:18px;background:linear-gradient(90deg,#ff3b3b,#ffae00,#ffe600,#3ad13a,#00d4c4,#1a86ff,#8a4bff,#ff3bb0,#ff3b3b);box-shadow:inset 0 0 0 1px rgba(18,33,27,.12)}
.gfbrief-root .huebar::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--txt);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.gfbrief-root .amb{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.gfbrief-root .ambp{padding:9px 15px;border-radius:10px;border:1px solid var(--b1);background:var(--s2);color:var(--t2);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .18s}
.gfbrief-root .ambp.on{border-color:var(--acc);background:rgba(14,124,94,.07);color:var(--acc-d)}
.gfbrief-root .gsw-row{display:flex;gap:8px;margin-bottom:18px}
.gfbrief-root .gsw{flex:1;height:60px;border-radius:12px;cursor:pointer;position:relative;border:1px solid rgba(18,33,27,.08);transition:transform .15s var(--spring);display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}
.gfbrief-root .gsw:hover{transform:translateY(-3px)}
.gfbrief-root .gsw .hx{font-size:9px;font-weight:700;background:rgba(255,255,255,.9);padding:2px 5px;border-radius:5px;color:#222;opacity:0;transition:opacity .15s}
.gfbrief-root .gsw:hover .hx{opacity:1}
.gfbrief-root .gsw input[type=color]{position:absolute;inset:0;opacity:0;width:100%;height:100%;border:none;cursor:pointer}
.gfbrief-root .cp-actions{display:flex;gap:10px;align-items:center}
.gfbrief-root .cp-btn{padding:12px 18px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--b1);background:var(--s2);color:var(--t2);transition:all .2s}
.gfbrief-root .cp-btn.primary{background:var(--acc-d);color:#fff;border-color:transparent;margin-left:auto}
.gfbrief-root .imgdrop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:26px;border-radius:12px;cursor:pointer;background:var(--s2);border:1.5px dashed var(--b2);color:var(--t2);font-size:13px;transition:all .2s;margin-bottom:14px}
.gfbrief-root .imgdrop.drag,.gfbrief-root .imgdrop:hover{border-color:var(--acc);background:var(--s3)}
.gfbrief-root .imgdrop svg{width:24px;height:24px;stroke:var(--acc);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.gfbrief-root .imgprev{width:100%;max-height:150px;object-fit:cover;border-radius:12px;margin-bottom:14px;display:none}
.gfbrief-root .img-loading{display:flex;align-items:center;gap:10px;justify-content:center;padding:18px;color:var(--t2);font-size:13px;font-weight:600;margin-bottom:14px}
.gfbrief-root .img-loading[hidden]{display:none}
.gfbrief-root .spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--b2);border-top-color:var(--acc);animation:gfspin .7s linear infinite}
@keyframes gfspin{to{transform:rotate(360deg)}}
.gfbrief-root .img-remove{display:inline-flex;align-items:center;gap:6px;margin:-6px 0 14px;padding:7px 14px;border-radius:100px;border:1px solid var(--b1);background:var(--s2);color:var(--t2);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}
.gfbrief-root .img-remove[hidden]{display:none}
.gfbrief-root .img-remove:hover{border-color:#d9544a;color:#c0392b;background:#fbeceb}

/* NAV */
.gfbrief-root .nav{position:absolute;bottom:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:12px;padding:18px clamp(28px,5vw,72px) 26px;background:linear-gradient(0deg,var(--bg) 45%,transparent);justify-content:var(--gf-nav-align)}
.gfbrief-root .btn{border-radius:100px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;gap:9px;transition:all .25s var(--ease);min-height:50px}
.gfbrief-root .btn:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.gfbrief-root .btn-next{padding:14px 30px;color:#fff;background:var(--acc-d);box-shadow:0 8px 24px -8px var(--acc-gl)}
.gfbrief-root .btn-next:hover{background:var(--acc);transform:translateY(-2px);box-shadow:0 14px 34px -10px rgba(14,124,94,.4)}
.gfbrief-root .btn-next .arr{transition:transform .2s}.gfbrief-root .btn-next:hover .arr{transform:translateX(4px)}
.gfbrief-root .btn-next.grn{background:#268a5c}.gfbrief-root .btn-next.grn:hover{background:#2da36b}
.gfbrief-root .btn-back{padding:14px 20px;color:var(--t2);background:var(--s1);border-color:var(--b1)}
.gfbrief-root .btn-back:hover{color:var(--txt);background:var(--s2);border-color:var(--b2)}
.gfbrief-root .btn-back[hidden]{display:none}
.gfbrief-root .savehint{font-size:11px;color:var(--t3);margin-left:auto}
.gfbrief-root .ferr{font-size:12.5px;color:#C0392B;margin-top:4px;display:none;font-weight:500}.gfbrief-root .ferr.on{display:block}

/* TARJETA VIVA */
.gfbrief-root .card{position:relative;width:100%;max-width:384px;aspect-ratio:5/6;border-radius:24px;background:linear-gradient(165deg,#FFFFFF,#F6F9F7);border:1px solid var(--b1);box-shadow:0 40px 80px -32px rgba(18,33,27,.28),inset 0 1px 0 rgba(255,255,255,.6);padding:26px;display:flex;flex-direction:column;overflow:hidden}
.gfbrief-root .card::before{content:'';position:absolute;inset:0;background:radial-gradient(130% 80% at 80% -10%,color-mix(in srgb,var(--p1) 14%,transparent),transparent 60%);pointer-events:none;transition:background 1s var(--ease)}
.gfbrief-root .card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.gfbrief-root .card-eye{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--t3);font-weight:700}
.gfbrief-root .card-live{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--live);font-weight:700}
.gfbrief-root .card-live i{width:6px;height:6px;border-radius:50%;background:var(--live);animation:gfpulse 1.6s infinite}
@keyframes gfpulse{50%{opacity:.3}}
.gfbrief-root .mono{margin:auto auto 4px;width:118px;height:118px;border-radius:30%;display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;font-size:47px;color:var(--p4);background:linear-gradient(150deg,var(--p1),var(--p2));position:relative;z-index:1;box-shadow:0 16px 40px -14px color-mix(in srgb,var(--p1) 50%,transparent);transition:border-radius .4s var(--spring),background 1s var(--ease)}
.gfbrief-root .card-name{text-align:center;font-family:var(--disp);font-weight:700;font-size:28px;line-height:1.1;position:relative;z-index:1;margin-top:8px;word-break:break-word;color:var(--txt)}
.gfbrief-root .card-tag{text-align:center;font-size:12px;color:var(--t2);margin-top:6px;position:relative;z-index:1;min-height:16px;font-weight:300}
.gfbrief-root .card-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:16px;position:relative;z-index:1}
.gfbrief-root .cchip{font-size:10px;font-weight:600;letter-spacing:.03em;padding:5px 10px;border-radius:100px;background:var(--s3);border:1px solid var(--b1);color:var(--t2)}
.gfbrief-root .card-pal{display:flex;gap:0;border-radius:10px;overflow:hidden;height:34px;margin-top:auto;position:relative;z-index:1;border:1px solid var(--b1)}
.gfbrief-root .card-pal span{flex:1;transition:background 1s var(--ease)}
.gfbrief-root .card-foot{display:flex;justify-content:space-between;font-size:10px;color:var(--t3);margin-top:12px;position:relative;z-index:1;letter-spacing:.04em}

/* WELCOME */
.gfbrief-root .we{opacity:0;animation:gffu .7s var(--d,0s) forwards}
@keyframes gffu{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.gfbrief-root .w-eye{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);margin-bottom:24px;--d:.1s;font-weight:700}
.gfbrief-root .w-title{font-family:var(--disp);font-weight:800;font-size:clamp(34px,6vw,72px);line-height:1.02;letter-spacing:-.02em;max-width:16ch;margin-bottom:18px;--d:.25s}
.gfbrief-root .w-title em{font-style:normal;color:transparent;background:linear-gradient(120deg,var(--acc),#139873);-webkit-background-clip:text;background-clip:text}
.gfbrief-root .w-sub{font-size:15px;color:var(--t2);max-width:48ch;line-height:1.7;margin-bottom:40px;--d:.4s}
.gfbrief-root .w-cta{--d:.55s}
.gfbrief-root.gf-welcome .we{position:relative;top:calc(clamp(72px,9vh,112px) + var(--gf-welcome-offset,0px))}
.gfbrief-root.gf-welcome .w-eye,.gfbrief-root.gf-welcome .w-title,.gfbrief-root.gf-welcome .w-sub,.gfbrief-root.gf-welcome .w-cta,.gfbrief-root.gf-success .succ-t,.gfbrief-root.gf-success .succ-s{margin-left:auto!important;margin-right:auto!important;text-align:center!important;align-self:center}
.gfbrief-root.gf-welcome .w-cta{display:flex!important;justify-content:center;width:100%}
.gfbrief-root .btn-start{padding:17px 44px;font-size:15px;font-weight:600;color:#fff;background:var(--acc-d);border:none;border-radius:100px;cursor:pointer;box-shadow:0 12px 40px -12px rgba(14,124,94,.5);transition:all .25s}
.gfbrief-root .btn-start:hover{background:var(--acc);transform:translateY(-2px)}

/* UPLOAD generico */
.gfbrief-root .drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:24px;border-radius:14px;cursor:pointer;background:var(--s1);border:1.5px dashed var(--b2);color:var(--t2);font-size:13px;transition:border-color .2s,background .2s,transform .2s}
.gfbrief-root .drop:hover,.gfbrief-root .drop.drag{border-color:var(--acc);background:var(--s2);transform:translateY(-1px)}
.gfbrief-root .drop svg{width:24px;height:24px;stroke:var(--acc);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gfbrief-root .drop .files{font-size:11px;color:var(--acc);font-weight:600}

/* SUCCESS check animado */
.gfbrief-root .succ-check{position:relative;width:160px;height:160px;margin:0 auto 22px;filter:drop-shadow(0 30px 70px rgba(25,191,115,.28))}
.gfbrief-root .succ-check svg{position:relative;z-index:3;width:100%;height:100%;display:block;overflow:visible}
.gfbrief-root .succ-disc{fill:#19BF73;opacity:0;transform-origin:60px 60px;transform:scale(.16)}
.gfbrief-root .succ-tick{fill:none;stroke:#fff;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:86;stroke-dashoffset:86}
.gfbrief-root .succ-halo,.gfbrief-root .succ-ring,.gfbrief-root .succ-ring2{position:absolute;pointer-events:none;border-radius:50%}
.gfbrief-root .succ-halo{inset:6px;background:radial-gradient(circle,rgba(41,214,139,.4),rgba(41,214,139,.08) 42%,transparent 68%);opacity:0;filter:blur(7px)}
.gfbrief-root .succ-ring{inset:6px;border:1.5px solid rgba(25,191,115,.5);opacity:0}
.gfbrief-root .succ-ring2{inset:22px;border:1.5px solid rgba(25,191,115,.3);opacity:0}
.gfbrief-root #s8.show .succ-disc{animation:gfDPop 2.8s cubic-bezier(.16,1,.3,1) infinite}
.gfbrief-root #s8.show .succ-tick{animation:gfTDraw 2.8s cubic-bezier(.65,0,.35,1) infinite}
.gfbrief-root #s8.show .succ-ring{animation:gfROut 2.8s ease-out infinite}
.gfbrief-root #s8.show .succ-ring2{animation:gfRTiny 2.8s ease-out infinite}
.gfbrief-root #s8.show .succ-halo{animation:gfHIn 2.8s ease-out infinite}
@keyframes gfDPop{0%{opacity:0;transform:scale(.14)}20%{opacity:1;transform:scale(1.12)}28%{transform:scale(.96)}36%,86%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.14)}}
@keyframes gfTDraw{0%,18%{opacity:1;stroke-dashoffset:86}40%,86%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:86}}
@keyframes gfROut{0%,3%{opacity:0;transform:scale(.68)}18%{opacity:.9}44%,100%{opacity:0;transform:scale(1.42)}}
@keyframes gfRTiny{0%,8%{opacity:0;transform:scale(.76)}26%{opacity:.55}48%,100%{opacity:0;transform:scale(1.16)}}
@keyframes gfHIn{0%{opacity:0;transform:scale(.6)}24%{opacity:1;transform:scale(1)}72%{opacity:.22;transform:scale(1.08)}100%{opacity:0;transform:scale(.9)}}
.gfbrief-root .succ-t{font-family:var(--disp);font-weight:800;font-size:clamp(28px,4vw,46px);margin-bottom:12px}
.gfbrief-root .succ-s{font-size:15px;color:var(--t2);max-width:42ch;line-height:1.7;margin:0 auto 28px}
.gfbrief-root .succ-nm{color:var(--acc)}
.gfbrief-root .succ-btn{padding:13px 26px;font-size:13px;color:var(--t2);background:var(--s1);border:1px solid var(--b1);border-radius:100px;cursor:pointer;transition:all .2s}
.gfbrief-root .succ-btn:hover{color:var(--txt);background:var(--s2)}

/* MINICARD móvil */
.gfbrief-root .minicard{display:none;position:absolute;top:50px;left:12px;right:12px;z-index:25;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--b2);box-shadow:0 8px 24px -10px rgba(18,33,27,.18);opacity:0;transform:translateY(-8px);transition:opacity .4s,transform .4s}
.gfbrief-root .minicard.vis{opacity:1;transform:none}
.gfbrief-root .mc-mono{width:38px;height:38px;border-radius:30%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;font-size:16px;color:var(--p4);background:linear-gradient(150deg,var(--p1),var(--p2));transition:border-radius .4s var(--spring)}
.gfbrief-root .mc-info{flex:1;min-width:0}
.gfbrief-root .mc-name{font-family:var(--disp);font-weight:700;font-size:15px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gfbrief-root .mc-pal{display:flex;gap:0;height:8px;border-radius:4px;overflow:hidden;margin-top:5px}
.gfbrief-root .mc-pal span{flex:1}

/* RESPONSIVE */
@media(max-width:860px){
  .gfbrief-root .shell{grid-template-columns:1fr}
  .gfbrief-root .right{display:none}
  .gfbrief-root .step{padding:128px clamp(20px,6vw,40px) 110px}
  .gfbrief-root .minicard{display:flex}
  .gfbrief-root .gf-logo{left:clamp(20px,6vw,40px)}
  .gfbrief-root .topbar{padding:12px 16px}
  .gfbrief-root .ptrack{display:none}
  .gfbrief-root .gf-iso-corner{display:none}
  .gfbrief-root.gf-welcome .we{top:calc(clamp(26px,5vh,48px) + var(--gf-welcome-offset,0px))}
  .gfbrief-root.gf-welcome .gf-logo{top:18px}
  .gfbrief-root .row2{grid-template-columns:1fr}
  .gfbrief-root .palgrid{grid-template-columns:1fr}.gfbrief-root .palcard.custom{grid-column:span 1}
  .gfbrief-root .savehint{display:none}
}
.gfbrief-root #topbar{transition:opacity .4s var(--ease),transform .4s var(--ease)}
.gfbrief-root.gf-headhide .topbar{transform:translateY(-120%);opacity:0;pointer-events:none}
.gfbrief-root.gf-headhide .minicard{transform:translateY(-130%);opacity:0;pointer-events:none}
.gfbrief-root.gf-headhide .gf-logo{transform:translateY(-120%);opacity:0;pointer-events:none}
@media(min-width:861px){
  .gfbrief-root.gf-welcome .gf-iso-corner{display:block}
  .gfbrief-root .gf-iso-flow.we{display:none}
}

@media(prefers-reduced-motion:reduce){
  .gfbrief-root *{animation-duration:.001ms !important;transition-duration:.05ms !important}
  .gfbrief-root .aurora span{animation:none}
  .gfbrief-root #s8.show .succ-disc{opacity:1;transform:none;animation:none}
  .gfbrief-root #s8.show .succ-tick{stroke-dashoffset:0;animation:none}
  .gfbrief-root #s8.show .succ-halo,.gfbrief-root #s8.show .succ-ring,.gfbrief-root #s8.show .succ-ring2{display:none}
}