:root{
  --bg:#06101d;
  --bg-2:#09192d;
  --panel:#0c1b32;
  --panel-2:#0a1629;
  --line:rgba(142,176,255,.18);
  --line-strong:rgba(142,176,255,.34);
  --text:#f5f8ff;
  --muted:#b8c7e6;
  --blue:#4282ff;
  --blue-2:#2348d8;
  --blue-soft:rgba(66,130,255,.18);
  --green:#16c47f;
  --green-2:#0fa868;
  --chip:#10223d;
  --shadow:0 24px 60px rgba(0,0,0,.35);
  --radius:24px;
  --content:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#04101d 0%, #071426 30%, #06111d 100%);color:var(--text)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit}
.container{width:min(calc(100% - 32px), var(--content));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{left:16px;top:16px;background:#fff;color:#000;padding:10px 14px;border-radius:10px;z-index:1000}
.site-header{position:sticky;top:0;z-index:80;background:rgba(3,11,21,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(120,162,255,.12)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:74px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.9rem;letter-spacing:-.03em}
.brand img{width:28px;height:28px;opacity:.96}
.desktop-nav{display:flex;gap:36px;align-items:center}
.desktop-nav a{color:#c8d7f4;font-weight:600;font-size:.98rem}
.desktop-nav a:hover{color:#fff}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;border:1px solid transparent;padding:13px 22px;font-weight:800;transition:.25s ease}
.button:hover{transform:translateY(-1px)}
.button-large{padding:15px 26px;font-size:1rem}
.button-primary{background:linear-gradient(135deg,var(--blue),var(--blue-2));box-shadow:0 16px 40px rgba(66,130,255,.22)}
.button-primary:hover{box-shadow:0 20px 44px rgba(66,130,255,.32)}
.button-whatsapp{background:rgba(18,173,96,.12);border-color:rgba(46,231,139,.34);color:#e9fff3}
.button-whatsapp svg,.floating-whatsapp svg{width:18px;height:18px}
.button-outline{border-color:rgba(138,170,255,.3);background:rgba(18,31,54,.64);color:#e8efff}
.button-light{background:#f3f6fd;color:#081321}
.menu-button{display:none;background:transparent;border:0;padding:0;width:44px;height:44px;border-radius:12px;place-items:center}
.menu-button span{display:block;width:22px;height:2px;background:#fff;margin:4px auto;border-radius:99px}
.mobile-menu{display:none;padding:0 16px 18px;gap:12px;flex-direction:column;border-top:1px solid rgba(120,162,255,.12)}
.mobile-menu a{padding:12px 14px;border-radius:14px;background:rgba(15,27,46,.8);border:1px solid rgba(135,170,255,.12)}
.hero{position:relative;padding:38px 0 48px;overflow:hidden}
.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(68,109,198,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(68,109,198,.08) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.35));pointer-events:none}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.32;pointer-events:none}.glow-one{right:-120px;top:40px;width:380px;height:380px;background:#1d56ff}.glow-two{left:-90px;bottom:70px;width:280px;height:280px;background:#1290ff}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;position:relative;z-index:1;padding-top:26px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(8,22,41,.84);border:1px solid rgba(126,162,244,.28);font-size:.92rem;font-weight:800;color:#eef5ff}.eyebrow span{width:8px;height:8px;border-radius:999px;background:#5ca0ff;box-shadow:0 0 0 4px rgba(92,160,255,.15)}
.hero h1{margin:22px 0 18px;font-size:clamp(3rem,6vw,5rem);line-height:.94;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:#5aa4ff}
.hero-lead{max-width:560px;margin:0 0 14px;font-size:1.48rem;line-height:1.46;color:#f4f8ff}.hero-secondary{margin:0 0 26px;color:var(--muted);font-size:1.05rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}.hero-chips{display:flex;flex-wrap:wrap;gap:10px}.hero-chips span{padding:10px 14px;border-radius:12px;background:rgba(10,24,45,.72);border:1px solid rgba(120,162,255,.16);color:#deebff;font-weight:700;font-size:.92rem}
.hero-visual{position:relative;min-height:560px}
.device-glow{position:absolute;inset:18% 18% 24% 18%;background:radial-gradient(circle,rgba(51,123,255,.35) 0%,rgba(51,123,255,.02) 70%);filter:blur(18px)}
.monitor{position:absolute;right:36px;top:30px;width:min(100%,620px)}
.monitor-frame{background:#121c30;border-radius:22px;padding:12px;border:1px solid rgba(122,161,247,.16);box-shadow:var(--shadow)}
.browser-window{background:#0f1a30;border-radius:24px;border:1px solid rgba(120,162,255,.14);overflow:hidden}
.browser-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#0a1322;color:#8ca4d6;border-bottom:1px solid rgba(138,170,255,.1);font-size:.82rem;font-weight:700}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#ff6b6b}.browser-bar i:nth-child(2){background:#ffd166}.browser-bar i:nth-child(3){background:#7adf83}.browser-bar span{margin-left:8px}
.screenshot{position:relative;background:#071221;overflow:hidden}
.screenshot img{width:100%;height:100%;display:block}
.crop-clients{height:348px}.crop-clients img{object-fit:cover;object-position:top left}
.crop-clients.big{height:420px}
.crop-caja{height:255px}.crop-caja img{object-fit:cover;object-position:top center}
.crop-historicos{height:280px}.crop-historicos img{object-fit:cover;object-position:top center}
.crop-publicidad{height:280px}.crop-publicidad img{object-fit:cover;object-position:top center}
.monitor-neck{width:130px;height:48px;background:linear-gradient(180deg,#203250,#131d33);border-radius:0 0 18px 18px;margin:0 auto}.monitor-base{width:250px;height:28px;background:radial-gradient(circle at center,#536c90 0%,#2a3c59 42%,#132037 70%);border-radius:50%;margin:10px auto 0;filter:blur(.15px)}
.phone{position:absolute;right:-4px;bottom:10px;width:205px;padding:16px 10px 12px;border-radius:34px;background:linear-gradient(180deg,#102039,#081321);border:1px solid rgba(138,170,255,.18);box-shadow:0 22px 50px rgba(0,0,0,.4)}
.phone-speaker{width:74px;height:7px;border-radius:999px;background:#24334f;margin:0 auto 12px}.phone img{border-radius:22px}
.paper-system{display:grid;grid-template-columns:1fr 200px 1fr;gap:22px;align-items:center;margin-top:34px;position:relative;z-index:1}
.paper-chaos{position:relative;height:200px}.ticket{position:absolute;width:124px;background:#ece6da;color:#252525;border-radius:4px;padding:12px 12px 10px;box-shadow:0 20px 40px rgba(0,0,0,.22);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ticket small,.ticket span{display:block;color:#4c4c4c}.ticket strong{display:block;margin:4px 0 6px}.ticket b{display:block;margin-top:10px}.ticket-one{left:20px;top:18px;rotate:-8deg}.ticket-two{left:120px;top:8px;rotate:8deg}.ticket-three{left:78px;top:82px;rotate:-2deg}.ticket.valet{left:190px;top:40px;height:132px;display:flex;flex-direction:column;justify-content:center;align-items:center;rotate:3deg}
.paper-connector{display:flex;align-items:center;justify-content:center}.paper-connector svg{width:100%;height:92px;fill:none;stroke:#4e98ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px rgba(78,152,255,.4))}
.mini-system-card{padding:22px;border-radius:22px;background:linear-gradient(180deg,rgba(11,29,50,.95),rgba(8,20,36,.95));border:1px solid rgba(127,164,255,.18);box-shadow:var(--shadow)}
.mini-system-card small,.eyebrow-text{display:block;color:#73a9ff;font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.mini-system-card strong{display:block;font-size:1.55rem;line-height:1.1;margin:10px 0 10px;letter-spacing:-.04em}.mini-system-card p{color:var(--muted);margin:0 0 14px;line-height:1.5}.mini-system-stack{display:grid;gap:12px}.mini-screen{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:16px;background:#0f1d31;border:1px solid rgba(120,162,255,.12)}.mini-screen.green{background:linear-gradient(180deg,rgba(12,71,50,.9),rgba(8,39,28,.95));border-color:rgba(57,231,136,.26)}.mini-screen span{color:#c7d8f8;font-size:.92rem}.mini-screen b{font-size:1rem}
section{padding:34px 0 16px}.section-heading{margin:0 auto 28px}.section-heading.center{text-align:center;max-width:900px}.section-heading.split{display:grid;grid-template-columns:1fr 420px;gap:30px;align-items:end}.section-heading h2{margin:10px 0 0;font-size:clamp(2.2rem,4vw,4rem);line-height:1.02;letter-spacing:-.05em}.section-subtitle,.section-heading p{margin:14px auto 0;color:var(--muted);line-height:1.7;font-size:1.05rem}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit-card,.showcase-card,.flow-card{background:linear-gradient(180deg,rgba(10,26,47,.98),rgba(7,18,33,.98));border:1px solid rgba(130,166,251,.16);border-radius:24px;box-shadow:var(--shadow)}
.benefit-card{padding:20px;display:flex;flex-direction:column;gap:12px;min-height:100%}.benefit-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:900;border:1px solid rgba(255,255,255,.14)}.benefit-icon.blue{background:rgba(57,131,255,.14);color:#a7cbff}.benefit-icon.violet{background:rgba(127,92,255,.16);color:#d6c7ff}.benefit-icon.green{background:rgba(20,185,113,.16);color:#baffdf}.benefit-card h3{margin:6px 0 0;font-size:2rem;letter-spacing:-.03em}.benefit-card p{margin:0;color:var(--muted);line-height:1.6}.benefit-preview,.whatsapp-preview{margin-top:auto;border-radius:18px;overflow:hidden;border:1px solid rgba(126,162,244,.15);background:#081425}.benefit-preview img{width:100%;height:100%;object-fit:cover;object-position:top center}.benefit-preview.tall{height:320px}.desktop-preview{height:220px}.whatsapp-preview{padding:18px;display:flex;flex-direction:column;gap:14px;min-height:220px;justify-content:flex-end}
.wa-head{display:flex;align-items:center;gap:10px}.wa-head span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1c4f48;color:#ebfff4;font-size:.84rem;font-weight:800}.wa-head strong{display:block}.wa-head small{display:block;color:#7ca98f}.wa-message{align-self:flex-start;max-width:92%;padding:16px 16px 14px;border-radius:14px 14px 14px 4px;background:#dff5d4;color:#233221;line-height:1.45;box-shadow:0 8px 18px rgba(0,0,0,.12)}.wa-message small{display:block;margin-top:8px;text-align:right;color:#6a7e66;font-size:.72rem}.wa-button-demo{padding:12px 16px;border-radius:12px;background:#24b065;color:#fff;font-weight:800;text-align:center}
.showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.showcase-large{grid-column:1/-1}.showcase-card{padding:18px}.showcase-copy{margin-bottom:14px}.showcase-copy span{display:block;color:#73a9ff;font-size:.77rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}.showcase-copy h3{margin:0 0 8px;font-size:clamp(1.6rem,2.4vw,2.2rem);letter-spacing:-.04em}.showcase-copy p{margin:0;color:var(--muted);line-height:1.6}
.flow-section{padding-bottom:28px}.better-flow{display:grid;grid-template-columns:1fr 74px 1fr 74px 1fr;gap:14px;align-items:stretch}.flow-card{padding:20px;display:flex;flex-direction:column;position:relative}.step-number{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#567dff);font-weight:900;margin-bottom:18px}.flow-copy h3{margin:0 0 8px;font-size:2rem;letter-spacing:-.03em}.flow-copy p{margin:0 0 16px;color:var(--muted);line-height:1.6}.flow-link{display:flex;align-items:center;justify-content:center;position:relative}.flow-link::before{content:"";position:absolute;height:2px;left:0;right:0;background:linear-gradient(90deg,transparent,rgba(88,145,255,.85),transparent)}.flow-link span{width:18px;height:18px;border-top:2px solid #75abff;border-right:2px solid #75abff;transform:rotate(45deg);display:block;filter:drop-shadow(0 0 8px rgba(117,171,255,.35))}
.mini-form{display:grid;gap:12px;margin-top:auto;padding:16px;border-radius:18px;background:#0a1424;border:1px solid rgba(132,167,248,.12)}.mini-form label{display:flex;flex-direction:column;gap:8px;color:#7da5d7;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mini-form strong{padding:12px 14px;border-radius:12px;background:#0f1d31;color:#fff;font-size:1rem;text-transform:none;letter-spacing:0;font-weight:700}.mini-form button,.whatsapp-flow button{margin-top:4px;padding:12px 14px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;font-weight:800}
.order-mini-card{margin-top:auto;padding:18px;border-radius:18px;background:#0b1626;border:1px solid rgba(130,166,251,.14)}.order-mini-card small{display:block;color:#73a9ff;font-size:.72rem;font-weight:900;letter-spacing:.12em;margin-bottom:10px}.order-mini-card strong{display:block;font-size:1.6rem}.order-mini-card span{display:block;margin:8px 0;color:#bfd3f4}.order-mini-card b{display:inline-flex;align-self:flex-start;background:rgba(255,195,0,.14);color:#ffd168;border:1px solid rgba(255,209,104,.3);padding:8px 12px;border-radius:999px;font-size:.95rem}.order-mini-card em{display:block;margin-top:10px;color:#94aacd;font-style:normal}
.whatsapp-flow{margin-top:auto;padding:16px;border-radius:18px;background:#0a1424;border:1px solid rgba(132,167,248,.12);display:flex;flex-direction:column;gap:14px}
.local-section{padding:30px 0 72px}.local-cta{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:28px;border-radius:28px;background:linear-gradient(135deg,rgba(34,58,100,.95),rgba(14,25,42,.96));border:1px solid rgba(130,166,251,.22);box-shadow:var(--shadow)}.local-cta h2{margin:10px 0 10px;font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.06;letter-spacing:-.05em}.local-cta p{margin:0;color:#d3def4;line-height:1.7}.local-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.local-badges span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-weight:700}.local-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-self:end}
.floating-whatsapp{position:fixed;right:20px;bottom:20px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#29d46e,#10a44c);color:#fff;box-shadow:0 16px 40px rgba(25,190,87,.38);z-index:70;border:3px solid rgba(255,255,255,.1)}.floating-whatsapp svg{width:28px;height:28px}
footer{padding:26px 0;border-top:1px solid rgba(120,162,255,.12);background:rgba(3,12,22,.7)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.footer-inner p,.footer-inner span{color:#a6badf;margin:0}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease, transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.1s}.reveal-delay-small{transition-delay:.12s}.reveal-delay-large{transition-delay:.18s}
@media (max-width:1080px){
  .hero-grid,.section-heading.split,.local-cta{grid-template-columns:1fr}
  .hero-visual{min-height:540px}
  .monitor{position:relative;right:auto;top:auto;width:100%}
  .phone{right:10px;bottom:-24px}
  .paper-system{grid-template-columns:1fr;gap:20px}
  .paper-connector{min-height:72px}
  .showcase-grid,.benefit-grid{grid-template-columns:1fr 1fr}
  .local-actions{justify-self:start;flex-direction:row;flex-wrap:wrap}
}
@media (max-width:820px){
  .desktop-nav,.header-cta{display:none}
  .menu-button{display:grid}
  .mobile-menu.is-open{display:flex}
  .hero{padding-top:18px}
  .hero-grid,.showcase-grid,.benefit-grid,.better-flow{grid-template-columns:1fr}
  .flow-link{min-height:36px}.flow-link::before{width:2px;left:50%;right:auto;top:0;bottom:0;height:auto;background:linear-gradient(180deg,transparent,rgba(88,145,255,.85),transparent)}.flow-link span{transform:rotate(135deg)}
  .hero-copy{text-align:left}
  .hero-lead{font-size:1.15rem}
  .hero-visual{min-height:460px;margin-top:12px}
  .monitor-frame{padding:10px}.crop-clients{height:240px}.crop-clients.big,.crop-historicos,.crop-publicidad{height:230px}.crop-caja{height:205px}
  .phone{width:148px;right:0;bottom:-10px}
  .paper-chaos{height:180px}
  .ticket{width:110px;font-size:.78rem}.ticket-two{left:98px}.ticket-three{left:64px}.ticket.valet{left:164px}
  .footer-inner{justify-content:center;text-align:center}
}
@media (max-width:560px){
  .container{width:min(calc(100% - 24px),var(--content))}
  .header-inner{min-height:68px}.brand{font-size:1.5rem}.brand img{width:24px;height:24px}
  .hero h1{font-size:clamp(2.5rem,14vw,3.8rem)}
  .hero-actions .button{width:100%}
  .hero-visual{min-height:360px}
  .monitor{width:100%;right:auto}
  .crop-clients{height:190px}.phone{width:120px;padding:10px 7px 8px;border-radius:26px}.phone img{border-radius:14px}.phone-speaker{width:48px;height:5px;margin-bottom:8px}
  .paper-chaos{height:156px}.ticket{width:92px;padding:8px 8px 7px}.ticket-two{left:80px}.ticket-three{left:48px;top:70px}.ticket.valet{left:136px;top:34px;height:110px}
  .section-heading h2{font-size:clamp(2rem,11vw,3rem)}
  .benefit-card h3,.flow-copy h3{font-size:1.55rem}
  .showcase-copy h3{font-size:1.45rem}
  .local-cta{padding:22px}
  .local-actions{width:100%}.local-actions .button{width:100%}
  .floating-whatsapp{right:14px;bottom:14px;width:56px;height:56px}
}



/* =========================================================
   FEDELIX LANDING V3
   ========================================================= */

.paper-system-v3 {
  grid-template-columns: .95fr 180px 1.15fr;
  gap: 28px;
  align-items: center;
}

.paper-connector-v3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
}

.paper-connector-v3 svg {
  height: 115px;
  overflow: visible;
  width: 100%;
}

.paper-connector-v3 .paper-arrow-path-v3 {
  fill: none;
  stroke: #4e98ff;
  stroke-linecap: round;
  stroke-width: 4;
  filter: drop-shadow(0 0 10px rgba(78, 152, 255, .45));
}

.paper-connector-v3 marker path {
  fill: #4e98ff;
  stroke: none;
}

.paper-connector-v3 > span {
  color: #8bbaff;
  font-size: .78rem;
  font-weight: 800;
  text-align: center;
}

.digital-orders-v3 {
  background:
    radial-gradient(circle at 100% 0%, rgba(61, 126, 255, .18), transparent 32%),
    linear-gradient(180deg, rgba(11, 29, 50, .98), rgba(7, 19, 34, .98));
  border: 1px solid rgba(127, 164, 255, .22);
  border-radius: 24px;
  box-shadow: var(--shadow);
  display: grid;
  gap: 11px;
  padding: 20px;
}

.digital-orders-head-v3 {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 2px;
}

.digital-orders-head-v3 > div {
  display: grid;
  gap: 4px;
}

.digital-orders-head-v3 small {
  color: #73a9ff;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .14em;
}

.digital-orders-head-v3 strong {
  font-size: 1.45rem;
}

.digital-orders-head-v3 > span {
  background: rgba(52, 120, 246, .14);
  border: 1px solid rgba(82, 146, 255, .28);
  border-radius: 999px;
  color: #b9d5ff;
  font-size: .75rem;
  font-weight: 800;
  padding: 8px 10px;
  white-space: nowrap;
}

.digital-order-v3 {
  align-items: center;
  background: #0e1a2c;
  border: 1px solid rgba(127, 164, 255, .15);
  border-left: 5px solid #ff707a;
  border-radius: 16px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) 82px auto;
  padding: 13px;
}

.digital-order-v3.compact {
  border-left-color: #52d994;
}

.digital-order-main-v3 {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.digital-order-number-v3 {
  color: #78adff;
  font-size: .72rem;
  font-weight: 900;
}

.digital-order-main-v3 strong {
  font-size: 1rem;
}

.digital-order-main-v3 small {
  color: #90a2bc;
}

.digital-order-deposit-v3 {
  background: rgba(117, 73, 7, .42);
  border: 1px solid rgba(255, 194, 44, .48);
  border-radius: 12px;
  display: grid;
  padding: 8px 10px;
  text-align: center;
}

.digital-order-deposit-v3 small {
  color: #ffd979;
  font-size: .62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.digital-order-deposit-v3 strong {
  font-size: 1.25rem;
}

.digital-order-status-v3 {
  background: rgba(211, 85, 37, .2);
  border: 1px solid rgba(255, 137, 92, .38);
  border-radius: 999px;
  color: #ffb08e;
  font-size: .76rem;
  font-weight: 900;
  padding: 8px 10px;
}

.digital-order-status-v3.ready {
  background: rgba(18, 135, 78, .2);
  border-color: rgba(70, 221, 137, .38);
  color: #83eeb4;
}

.digital-whatsapp-v3 {
  align-items: center;
  background: linear-gradient(180deg, rgba(9, 78, 51, .72), rgba(6, 45, 32, .8));
  border: 1px solid rgba(54, 218, 130, .32);
  border-radius: 15px;
  display: flex;
  gap: 10px;
  padding: 11px 13px;
}

.digital-whatsapp-v3 > span {
  align-items: center;
  background: #25bd74;
  border-radius: 50%;
  display: inline-flex;
  height: 29px;
  justify-content: center;
  width: 29px;
}

.digital-whatsapp-v3 > div {
  display: grid;
  gap: 2px;
}

.digital-whatsapp-v3 small {
  color: #9fd7ba;
}

/* Beneficios sin screenshots */
.feature-cards-v3 {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, 1fr);
}

.feature-card-v3 {
  background:
    linear-gradient(145deg, rgba(12, 31, 55, .98), rgba(7, 19, 35, .98));
  border: 1px solid rgba(130, 166, 251, .18);
  border-radius: 24px;
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
  min-height: 370px;
  overflow: hidden;
  padding: 24px;
  position: relative;
}

.feature-card-v3::after {
  background: radial-gradient(circle, rgba(65, 125, 231, .13), transparent 65%);
  content: "";
  height: 220px;
  position: absolute;
  right: -105px;
  top: -105px;
  width: 220px;
}

.feature-card-top-v3 {
  align-items: center;
  display: flex;
  gap: 13px;
  position: relative;
  z-index: 2;
}

.feature-icon-v3 {
  align-items: center;
  border-radius: 13px;
  display: inline-flex;
  flex: 0 0 48px;
  font-size: 20px;
  font-weight: 900;
  height: 48px;
  justify-content: center;
}

.feature-icon-v3.blue {
  background: rgba(52, 120, 246, .15);
  border: 1px solid rgba(52, 120, 246, .4);
  color: #88b8ff;
}

.feature-icon-v3.violet {
  background: rgba(139, 99, 255, .15);
  border: 1px solid rgba(139, 99, 255, .4);
  color: #c0adff;
}

.feature-icon-v3.green {
  background: rgba(36, 199, 127, .14);
  border: 1px solid rgba(36, 199, 127, .38);
  color: #7ae2b1;
}

.feature-card-top-v3 small {
  color: #78adff;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .13em;
}

.feature-card-top-v3 h3 {
  font-size: 1.5rem;
  margin: 3px 0 0;
}

.feature-card-v3 ul {
  display: grid;
  gap: 14px;
  list-style: none;
  margin: 27px 0 22px;
  padding: 0;
  position: relative;
  z-index: 2;
}

.feature-card-v3 li {
  align-items: flex-start;
  color: #c7d3e5;
  display: flex;
  gap: 9px;
  line-height: 1.45;
}

.feature-card-v3 li span {
  align-items: center;
  background: rgba(52, 120, 246, .13);
  border-radius: 50%;
  color: #79adff;
  display: inline-flex;
  flex: 0 0 20px;
  font-size: .7rem;
  height: 20px;
  justify-content: center;
  margin-top: 1px;
}

.feature-tags-v3 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}

.feature-tags-v3 span {
  background: #0d1a2d;
  border: 1px solid rgba(126, 162, 244, .2);
  border-radius: 999px;
  color: #a9c3eb;
  font-size: .75rem;
  font-weight: 800;
  padding: 8px 10px;
}

.feature-metric-v3,
.feature-whatsapp-v3 {
  margin-top: auto;
}

.feature-metric-v3 {
  background: #0b1728;
  border: 1px solid rgba(126, 162, 244, .17);
  border-radius: 15px;
  display: grid;
  gap: 4px;
  padding: 13px;
}

.feature-metric-v3 small {
  color: #7f91aa;
}

.feature-metric-v3 strong {
  color: #77e1aa;
  font-size: 1.15rem;
}

.feature-whatsapp-v3 {
  align-items: center;
  background: rgba(5, 72, 47, .58);
  border: 1px solid rgba(52, 213, 126, .3);
  border-radius: 15px;
  display: flex;
  gap: 10px;
  padding: 12px;
}

.feature-whatsapp-v3 > span {
  align-items: center;
  background: #24bd73;
  border-radius: 50%;
  display: inline-flex;
  height: 31px;
  justify-content: center;
  width: 31px;
}

.feature-whatsapp-v3 > div {
  display: grid;
  gap: 2px;
}

.feature-whatsapp-v3 small {
  color: #9ed6b7;
}

/* Captura de pedidos completa y sin watermark */
.browser-orders-v3 {
  background: #07101f;
}

.desktop-orders-clean-v3 {
  aspect-ratio: 1600 / 594;
  display: block;
  height: auto;
  object-fit: contain;
  object-position: center;
  width: 100%;
}

/* Flujo compacto */
.flow-section-v3 {
  padding-bottom: 34px;
}

.compact-flow-v3 {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) 110px minmax(0, 1fr) 110px minmax(0, 1fr);
}

.compact-step-v3 {
  background: linear-gradient(180deg, rgba(10, 26, 47, .98), rgba(7, 18, 33, .98));
  border: 1px solid rgba(130, 166, 251, .17);
  border-radius: 22px;
  box-shadow: var(--shadow);
  display: grid;
  gap: 16px;
  min-height: 310px;
  padding: 20px;
  position: relative;
}

.compact-step-number-v3 {
  align-items: center;
  background: linear-gradient(135deg, var(--blue), #567dff);
  border-radius: 50%;
  display: inline-flex;
  font-size: .9rem;
  font-weight: 900;
  height: 36px;
  justify-content: center;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 36px;
}

.compact-step-copy-v3 {
  padding-right: 42px;
}

.compact-step-copy-v3 small {
  color: #73a9ff;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.compact-step-copy-v3 h3 {
  font-size: 1.45rem;
  margin: 6px 0;
}

.compact-step-copy-v3 p {
  color: var(--muted);
  font-size: .92rem;
  line-height: 1.45;
  margin: 0;
}

.compact-form-v3,
.compact-order-v3,
.compact-whatsapp-v3 {
  align-self: end;
  background: #0a1627;
  border: 1px solid rgba(127, 164, 255, .16);
  border-radius: 15px;
  display: grid;
  gap: 9px;
  padding: 13px;
}

.compact-form-v3 span {
  display: grid;
  gap: 3px;
}

.compact-form-v3 small {
  color: #7295c8;
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.compact-form-v3 strong {
  background: #101f34;
  border-radius: 8px;
  font-size: .85rem;
  padding: 8px 9px;
}

.compact-form-v3 b,
.compact-whatsapp-v3 > b {
  background: linear-gradient(135deg, #3679f3, #285ed0);
  border-radius: 9px;
  color: #fff;
  font-size: .8rem;
  padding: 9px;
  text-align: center;
}

.compact-order-v3 > span {
  color: #78adff;
  font-size: .75rem;
  font-weight: 900;
}

.compact-order-v3 > strong {
  font-size: 1.1rem;
}

.compact-order-v3 > small {
  color: #a5b7cf;
}

.compact-order-v3 > b {
  background: rgba(215, 154, 26, .16);
  border: 1px solid rgba(255, 199, 73, .36);
  border-radius: 999px;
  color: #ffd370;
  font-size: .72rem;
  justify-self: start;
  padding: 6px 9px;
}

.compact-whatsapp-v3 > div {
  align-items: center;
  display: flex;
  gap: 8px;
}

.compact-whatsapp-v3 > div > span {
  align-items: center;
  background: #1f6955;
  border-radius: 50%;
  display: inline-flex;
  font-size: .65rem;
  font-weight: 900;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.compact-whatsapp-v3 p {
  background: #dcf6d2;
  border-radius: 10px 10px 10px 3px;
  color: #203321;
  font-size: .82rem;
  line-height: 1.4;
  margin: 0;
  padding: 10px;
}

.compact-whatsapp-v3 > b {
  background: #20a862;
}

.compact-flow-arrow-v3 {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  min-height: 120px;
  position: relative;
}

.compact-flow-arrow-v3::before {
  background: linear-gradient(90deg, rgba(76, 137, 245, .15), #4c89f5 25%, #4c89f5 75%, rgba(76, 137, 245, .15));
  content: "";
  height: 3px;
  left: 5px;
  position: absolute;
  right: 12px;
  top: 50%;
}

.compact-flow-arrow-v3::after {
  border-right: 3px solid #69a3ff;
  border-top: 3px solid #69a3ff;
  content: "";
  height: 14px;
  position: absolute;
  right: 7px;
  top: calc(50% - 7px);
  transform: rotate(45deg);
  width: 14px;
}

.compact-flow-arrow-v3 span {
  background: #07101f;
  border: 1px solid rgba(91, 148, 247, .3);
  border-radius: 999px;
  color: #8bb9ff;
  font-size: .65rem;
  font-weight: 800;
  padding: 6px 8px;
  position: relative;
  top: 30px;
  z-index: 2;
}

/* Buenos Aires */
.local-cta-v3 {
  background:
    radial-gradient(circle at 15% 50%, rgba(52, 120, 246, .24), transparent 30%),
    linear-gradient(135deg, rgba(27, 58, 108, .98), rgba(14, 26, 46, .98));
  grid-template-columns: 170px minmax(0, 1fr) auto;
  overflow: hidden;
  position: relative;
}

.local-city-v3 {
  align-items: center;
  display: flex;
  height: 150px;
  justify-content: center;
  position: relative;
}

.local-city-v3 > strong {
  color: rgba(255, 255, 255, .92);
  font-size: 2rem;
  letter-spacing: .12em;
  position: absolute;
  top: 25px;
}

.city-glow-v3 {
  background: #397cf2;
  border-radius: 50%;
  filter: blur(35px);
  height: 105px;
  opacity: .26;
  position: absolute;
  width: 105px;
}

.city-skyline-v3 {
  align-items: end;
  bottom: 16px;
  display: flex;
  gap: 6px;
  height: 68px;
  position: absolute;
}

.city-skyline-v3 span {
  background: linear-gradient(180deg, #9bc0ff, #4f7fca);
  border-radius: 3px 3px 0 0;
  opacity: .82;
  width: 16px;
}

.city-skyline-v3 span:nth-child(1) { height: 28px; }
.city-skyline-v3 span:nth-child(2) { height: 45px; }
.city-skyline-v3 span:nth-child(3) { height: 66px; width: 11px; }
.city-skyline-v3 span:nth-child(4) { height: 39px; }
.city-skyline-v3 span:nth-child(5) { height: 24px; }

@media (max-width: 1080px) {
  .paper-system-v3 {
    grid-template-columns: 1fr;
  }

  .paper-connector-v3 {
    margin: -18px auto;
    max-width: 300px;
    transform: rotate(12deg);
    width: 100%;
  }

  .feature-cards-v3 {
    grid-template-columns: 1fr;
  }

  .compact-flow-v3 {
    grid-template-columns: 1fr;
  }

  .compact-flow-arrow-v3 {
    min-height: 66px;
  }

  .compact-flow-arrow-v3::before {
    background: linear-gradient(180deg, rgba(76, 137, 245, .15), #4c89f5 25%, #4c89f5 75%, rgba(76, 137, 245, .15));
    bottom: 10px;
    height: auto;
    left: 50%;
    right: auto;
    top: 10px;
    width: 3px;
  }

  .compact-flow-arrow-v3::after {
    border-bottom: 3px solid #69a3ff;
    border-right: 3px solid #69a3ff;
    border-top: 0;
    bottom: 7px;
    height: 13px;
    left: calc(50% - 7px);
    right: auto;
    top: auto;
    transform: rotate(45deg);
    width: 13px;
  }

  .compact-flow-arrow-v3 span {
    left: 42px;
    top: 0;
  }

  .local-cta-v3 {
    grid-template-columns: 150px 1fr;
  }

  .local-cta-v3 .local-actions {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .digital-order-v3 {
    grid-template-columns: minmax(0, 1fr) 72px;
  }

  .digital-order-status-v3 {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .local-cta-v3 {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .local-city-v3 {
    height: 115px;
  }

  .local-cta-v3 .local-actions {
    grid-column: auto;
  }
}



/* =========================================================
   FEDELIX MOBILE RESPONSIVE FIX v3.1
   Ajustes exclusivos para tablets y celulares.
   ========================================================= */

@media (max-width: 820px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .hero-grid {
    gap: 20px;
  }

  .hero-visual {
    height: auto;
    margin-top: 0;
    min-height: 0;
    overflow: visible;
    padding: 10px 0 42px;
  }

  .hero-monitor {
    margin: 0 auto;
    max-width: 680px;
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
  }

  .hero-phone {
    bottom: 0;
    right: 0;
  }

  .paper-system-v3 {
    gap: 12px;
    margin-top: 8px;
  }

  .paper-connector-v3 {
    margin: 0 auto;
    max-width: 100%;
    min-height: 100px;
    position: relative;
    transform: none;
    width: 100%;
  }

  .paper-connector-v3 svg {
    display: none;
  }

  .paper-connector-v3::before {
    background: linear-gradient(180deg, rgba(78, 152, 255, .08), #4e98ff 22%, #4e98ff 78%, rgba(78, 152, 255, .12));
    border-radius: 999px;
    box-shadow: 0 0 12px rgba(78, 152, 255, .35);
    content: "";
    height: 58px;
    left: 50%;
    position: absolute;
    top: 4px;
    transform: translateX(-50%);
    width: 4px;
  }

  .paper-connector-v3::after {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 16px solid #4e98ff;
    content: "";
    filter: drop-shadow(0 0 8px rgba(78, 152, 255, .42));
    left: 50%;
    position: absolute;
    top: 55px;
    transform: translateX(-50%);
  }

  .paper-connector-v3 > span {
    bottom: 2px;
    left: 0;
    position: absolute;
    right: 0;
    transform: none;
  }
}

@media (max-width: 560px) {
  .hero {
    padding-bottom: 22px;
  }

  .hero-grid {
    padding-top: 16px;
  }

  .hero h1 {
    font-size: clamp(2.75rem, 13.4vw, 3.65rem);
    line-height: .98;
  }

  .hero-lead {
    font-size: 1.08rem;
    line-height: 1.45;
  }

  .hero-secondary {
    font-size: .98rem;
    line-height: 1.45;
    margin-bottom: 20px;
  }

  .hero-chips {
    gap: 8px;
  }

  .hero-chips span {
    font-size: .84rem;
    padding: 9px 11px;
  }

  .hero-visual {
    padding: 4px 0 34px;
  }

  .hero-monitor .monitor-frame {
    border-radius: 18px;
    padding: 7px;
  }

  .hero-monitor .browser-bar {
    font-size: .7rem;
    gap: 5px;
    padding: 8px 9px;
  }

  .hero-monitor .browser-bar i {
    height: 7px;
    width: 7px;
  }

  .hero-monitor .crop-clients {
    aspect-ratio: 1600 / 772;
    height: auto;
  }

  .hero-monitor .crop-clients img {
    height: auto;
    object-fit: contain;
    object-position: center top;
    width: 100%;
  }

  .hero-monitor .monitor-neck,
  .hero-monitor .monitor-base {
    display: none;
  }

  .hero-phone {
    border-radius: 24px;
    bottom: -3px;
    max-width: 112px;
    min-width: 92px;
    padding: 9px 6px 7px;
    right: -2px;
    width: 28%;
  }

  .hero-phone .phone-speaker {
    height: 4px;
    margin-bottom: 7px;
    width: 44px;
  }

  .hero-phone img {
    border-radius: 14px;
  }

  .device-glow {
    inset: 8% 8% 4%;
  }

  .paper-system-v3 {
    margin-top: 4px;
  }

  .paper-chaos {
    height: 164px;
    margin-inline: auto;
    max-width: 286px;
    transform: scale(.92);
    transform-origin: center;
    width: 100%;
  }

  .paper-connector-v3 {
    min-height: 92px;
  }

  .paper-connector-v3::before {
    height: 50px;
  }

  .paper-connector-v3::after {
    top: 47px;
  }

  .paper-connector-v3 > span {
    font-size: .75rem;
  }

  .digital-orders-v3 {
    border-radius: 20px;
    gap: 10px;
    padding: 16px;
  }

  .digital-orders-head-v3 {
    display: grid;
    gap: 10px;
  }

  .digital-orders-head-v3 strong {
    font-size: 1.32rem;
  }

  .digital-orders-head-v3 > span {
    justify-self: start;
  }

  .digital-order-v3 {
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) 72px;
    padding: 12px;
  }

  .digital-order-main-v3 strong {
    font-size: .96rem;
  }

  .digital-order-status-v3 {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .feature-card-v3 {
    min-height: 0;
    padding: 20px;
  }

  .feature-card-top-v3 h3 {
    font-size: 1.3rem;
  }

  .feature-card-v3 ul {
    gap: 12px;
    margin-top: 22px;
  }

  .showcase-card {
    padding: 13px;
  }

  .showcase-card .browser-window {
    border-radius: 16px;
  }

  .showcase-card .browser-bar {
    font-size: .68rem;
    padding: 8px 9px;
  }

  .showcase-card .screenshot,
  .showcase-card .crop-clients.big,
  .showcase-card .crop-caja,
  .showcase-card .crop-historicos,
  .showcase-card .crop-publicidad {
    height: auto;
  }

  .showcase-card .screenshot img {
    height: auto;
    object-fit: contain;
    object-position: center top;
    width: 100%;
  }

  .desktop-orders-clean-v3 {
    aspect-ratio: auto;
    height: auto;
  }

  .compact-step-v3 {
    min-height: 0;
  }

  .compact-flow-arrow-v3 span {
    left: 52px;
  }

  .floating-whatsapp {
    bottom: 12px;
    height: 52px;
    right: 12px;
    width: 52px;
  }

  .floating-whatsapp svg {
    height: 24px;
    width: 24px;
  }
}

@media (max-width: 380px) {
  .hero h1 {
    font-size: 2.65rem;
  }

  .paper-chaos {
    transform: scale(.86);
  }

  .digital-order-v3 {
    grid-template-columns: minmax(0, 1fr) 66px;
  }
}


/* =========================================================
   FEDELIX LANDING v3.2 — FONDOS DE LAVANDERÍA
   Las fotos se usan como atmósfera, no como contenido principal.
   ========================================================= */

.hero {
  background:
    linear-gradient(90deg, rgba(3, 12, 22, .98) 0%, rgba(3, 12, 22, .94) 34%, rgba(3, 12, 22, .79) 68%, rgba(3, 12, 22, .72) 100%),
    linear-gradient(180deg, rgba(3, 12, 22, .20) 0%, rgba(3, 12, 22, .70) 76%, #06111f 100%),
    url('./assets/background-lavadoras.webp') center top / cover no-repeat;
}

.hero .grid-overlay {
  opacity: .72;
}

.hero .glow-one {
  opacity: .22;
}

.hero .glow-two {
  opacity: .20;
}

.benefits-v3 {
  background:
    linear-gradient(90deg, rgba(5, 16, 30, .97) 0%, rgba(5, 16, 30, .92) 48%, rgba(5, 16, 30, .84) 100%),
    linear-gradient(180deg, #06111f 0%, rgba(6, 17, 31, .50) 22%, rgba(6, 17, 31, .82) 78%, #06111f 100%),
    url('./assets/background-valet.webp') 78% center / cover no-repeat;
  overflow: hidden;
  position: relative;
}

.benefits-v3::before {
  background: radial-gradient(circle at 84% 45%, rgba(63, 142, 255, .14), transparent 38%);
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.benefits-v3 > .container {
  position: relative;
  z-index: 1;
}

.feature-card-v3 {
  backdrop-filter: blur(8px);
  background:
    linear-gradient(145deg, rgba(12, 31, 55, .94), rgba(7, 19, 35, .95));
}

.local-cta-v3::before {
  background:
    linear-gradient(90deg, rgba(21, 48, 91, .96) 0%, rgba(18, 39, 72, .90) 43%, rgba(10, 25, 46, .63) 100%),
    url('./assets/background-mostrador.webp') center right / cover no-repeat;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.local-cta-v3::after {
  background: radial-gradient(circle at 82% 48%, rgba(82, 154, 255, .18), transparent 38%);
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.local-cta-v3 > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 820px) {
  .hero {
    background:
      linear-gradient(180deg, rgba(3, 12, 22, .91) 0%, rgba(3, 12, 22, .86) 34%, rgba(3, 12, 22, .94) 78%, #06111f 100%),
      url('./assets/background-lavadoras.webp') 69% top / auto 660px no-repeat;
  }

  .benefits-v3 {
    background:
      linear-gradient(180deg, rgba(5, 16, 30, .94) 0%, rgba(5, 16, 30, .91) 35%, rgba(5, 16, 30, .96) 100%),
      url('./assets/background-valet.webp') 66% top / auto 650px no-repeat;
  }

  .local-cta-v3::before {
    background:
      linear-gradient(180deg, rgba(19, 44, 84, .91) 0%, rgba(12, 29, 54, .88) 54%, rgba(8, 21, 39, .94) 100%),
      url('./assets/background-mostrador.webp') 67% center / cover no-repeat;
  }
}

@media (max-width: 560px) {
  .hero {
    background:
      linear-gradient(180deg, rgba(3, 12, 22, .87) 0%, rgba(3, 12, 22, .87) 28%, rgba(3, 12, 22, .95) 66%, #06111f 100%),
      url('./assets/background-lavadoras.webp') 72% top / auto 520px no-repeat;
  }

  .benefits-v3 {
    background:
      linear-gradient(180deg, rgba(5, 16, 30, .93), rgba(5, 16, 30, .97)),
      url('./assets/background-valet.webp') 71% top / auto 520px no-repeat;
  }

  .feature-card-v3 {
    backdrop-filter: blur(5px);
  }

  .local-cta-v3::before {
    background:
      linear-gradient(180deg, rgba(20, 48, 91, .88) 0%, rgba(10, 25, 46, .92) 100%),
      url('./assets/background-mostrador.webp') 65% center / auto 100% no-repeat;
  }
}

/* FEDELIX_LAUNDRY_LANDING_V5 — nuevo isotipo, mismo diseño del producto */
.brand img { object-fit: contain; }

/* FEDELIX_LAUNDRY_V6_FOOTER */
.footer-legal-link{color:#c3d4ee;font-weight:750;text-decoration:underline;text-decoration-color:rgba(195,212,238,.35);text-underline-offset:4px}
.footer-legal-link:hover{color:#fff;text-decoration-color:currentColor}


/* FEDELIX_LAUNDRY_V9_ILLUSTRATIONS */
.paper-system-v9 {
  display: block;
  margin-top: 4px;
}

.illustration-panel-v9,
.flow-illustration-v9 {
  background: linear-gradient(180deg, rgba(10, 26, 47, .98), rgba(7, 18, 33, .98));
  border: 1px solid rgba(130, 166, 251, .17);
  border-radius: 28px;
  box-shadow: var(--shadow);
  overflow: hidden;
  padding: 16px;
}

.illustration-panel-v9 img,
.flow-illustration-v9 img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 18px;
}

.flow-illustration-v9 {
  margin-top: 8px;
}

@media (max-width: 760px) {
  .illustration-panel-v9,
  .flow-illustration-v9 {
    border-radius: 22px;
    padding: 10px;
  }

  .illustration-panel-v9 img,
  .flow-illustration-v9 img {
    border-radius: 14px;
  }
}

@media (max-width: 560px) {
  .paper-system-v9 {
    margin-top: 0;
  }

  .illustration-panel-v9,
  .flow-illustration-v9 {
    border-radius: 18px;
    padding: 8px;
  }
}


/* =========================================================
   FEDELIX LAVADEROS V10
   Estructura: hero -> tres pasos -> características -> cierre.
   ========================================================= */

.flow-section-v10 {
  padding-top: 78px;
  padding-bottom: 42px;
}

.flow-section-v10 .section-heading {
  margin-bottom: 28px;
}

.flow-section-v10 .flow-illustration-v9 {
  margin-top: 0;
}

.benefits-v3 {
  padding-top: 54px;
  padding-bottom: 76px;
}

.local-city-v3 > strong {
  display: none !important;
}

@media (max-width: 820px) {
  .flow-section-v10 {
    padding-top: 56px;
    padding-bottom: 30px;
  }

  .flow-section-v10 .section-heading {
    margin-bottom: 20px;
  }

  .benefits-v3 {
    padding-top: 38px;
    padding-bottom: 58px;
  }
}

@media (max-width: 560px) {
  .flow-section-v10 {
    padding-top: 42px;
    padding-bottom: 22px;
  }

  .flow-section-v10 .section-heading {
    margin-bottom: 16px;
  }

  .benefits-v3 {
    padding-top: 30px;
    padding-bottom: 48px;
  }
}


/* FEDELIX_LAUNDRY_LANDING_V11 — flujo simplificado sin características */
.flow-section-v10 {
  padding-bottom: 58px;
}

.local-section {
  padding-top: 18px;
}

@media (max-width: 820px) {
  .flow-section-v10 {
    padding-bottom: 42px;
  }

  .local-section {
    padding-top: 12px;
  }
}

@media (max-width: 560px) {
  .flow-section-v10 {
    padding-bottom: 34px;
  }

  .local-section {
    padding-top: 8px;
  }
}


/* FEDELIX LAVADEROS V20 */
.local-cta-v3.local-cta-no-actions {
  grid-template-columns: 170px minmax(0, 1fr);
}
.local-cta-v3.local-cta-no-actions .local-copy {
  max-width: 850px;
}
@media (max-width: 1080px) {
  .local-cta-v3.local-cta-no-actions {
    grid-template-columns: 150px minmax(0, 1fr);
  }
}
@media (max-width: 720px) {
  .local-cta-v3.local-cta-no-actions {
    grid-template-columns: 1fr;
  }
}


/* FEDELIX LAVADEROS V21 — wordmark spacing */
.brand-wordmark{display:inline-block;font-weight:900;letter-spacing:.035em;text-transform:uppercase;line-height:1}
footer .brand-wordmark{letter-spacing:.05em}
@media (max-width:640px){.brand-wordmark{letter-spacing:.03em}}


/* FEDELIX LAVADEROS V22 — mismo wordmark que homepage */
.site-header .brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 1.45rem;
  font-weight: 850;
  letter-spacing: -.03em;
}
.site-header .brand img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  opacity: 1;
}
.site-header .brand-wordmark {
  font-weight: 900;
  letter-spacing: .035em;
  line-height: 1;
}
footer .brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 1.15rem;
  font-weight: 850;
  letter-spacing: -.03em;
}
footer .brand img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  opacity: 1;
}
footer .brand-wordmark {
  font-weight: 900;
  letter-spacing: .05em;
  line-height: 1;
}
@media (max-width: 520px) {
  .site-header .brand {
    font-size: 1.3rem;
  }
  .site-header .brand img {
    width: 31px;
    height: 31px;
  }
  .site-header .brand-wordmark {
    letter-spacing: .03em;
  }
}