/* ===== Turnalo · estilos compartidos — paleta "Azul cálido" ===== */
:root{
  /* azules */
  --navy:#0d2447; --deep:#16386e; --royal:#2856c9; --blue:#3b7be8; --sky:#6fb1f5; --ice:var(--tone1); --frost:#eef5fd;
  --peri:#7d8ff0; --dusk:#5a6fd8;
  /* grises y blancos */
  --tx:#14233b; --mu:#62718a; --bd:#dbe4f0; --bd2:#c9d6e8; --paper:#fbfcfe; --mist:#f3f6fb;
  /* estados */
  --ok:#11845a; --okbg:var(--tone1); --warn:#a3570b; --warnbg:#fdf3e3; --bad:#b93a3a; --badbg:#fcebeb;
  /* degradés */
  --g-main:linear-gradient(135deg,#1c3f8c 0%,#2f6ae0 55%,#5fa4f2 100%);
  --g-soft:linear-gradient(135deg,#ffffff 0%,#eef5fd 60%,#e4ecfb 100%);
  --g-warm:linear-gradient(135deg,#6fb1f5 0%,#7d8ff0 50%,#2856c9 100%);
  --g-night:linear-gradient(160deg,#0d2447 0%,#16386e 55%,#2856c9 100%);
  --g-text:linear-gradient(95deg,#1c3f8c 0%,#3b7be8 45%,#7d8ff0 100%);
  --g-line:linear-gradient(90deg,transparent,var(--edge),transparent);
  /* tintes (los rubros los pisan) */
  --tint:40,86,201; --tint2:59,123,232; --tintd:13,36,71; --tintl:111,177,245; --tintp:125,143,240; --tinti:217,234,252; --tintdd:22,56,110;
  --tone1:#e6f0fd; --tone2:#eceefc; --edge:#a9c6ee;
  --bgA:111,177,245; --bgB:125,143,240; --bgC:59,123,232; --bg1:#f7faff; --bg2:#f1f5fb;
  --r:18px; --r-sm:12px;
  --sh:0 1px 2px rgba(var(--tintd),.05),0 8px 24px rgba(var(--tint),.08);
  --sh-lg:0 24px 60px rgba(var(--tint),.20),0 4px 14px rgba(var(--tintd),.06);
}*{box-sizing:border-box}html{scroll-behavior:smooth}body{
  margin:0;font:15px/1.55 "Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,sans-serif;color:var(--tx);-webkit-font-smoothing:antialiased;
  background:
    radial-gradient(900px 520px at var(--bx1,100%) var(--by1,-10%),rgba(var(--bgA),.30),transparent 60%),
    radial-gradient(760px 480px at var(--bx2,-10%) var(--by2,30%),rgba(var(--bgB),.18),transparent 60%),
    radial-gradient(900px 600px at 50% 110%,rgba(var(--bgC),.13),transparent 60%),
    linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 100%);
  background-attachment:fixed;min-height:100vh;
  transition:background-color .5s ease;
}a{color:var(--royal)}h1,
h2,
h3{line-height:1.18;margin:0 0 .5em;letter-spacing:-.02em;color:var(--navy)}img,
svg{display:block}.wrap{max-width:1100px;margin:0 auto;padding:0 16px}.muted,
small{color:var(--mu)}.hidden,
[hidden]{display:none!important}::selection{background:var(--tone1)}/* ===== botones y campos ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:600;padding:10px 17px;border-radius:12px;border:1px solid var(--bd2);background:linear-gradient(180deg,#fff,#f2f6fc);color:var(--navy);cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .15s,box-shadow .2s,filter .2s}.btn:hover{box-shadow:0 4px 14px rgba(var(--tint),.14);transform:translateY(-1px)}.btn:active{transform:none}.btn.pri{background:var(--g-main);border-color:transparent;color:#fff;box-shadow:0 6px 18px rgba(var(--tint),.30)}.btn.pri:hover{filter:brightness(1.07) saturate(1.05);box-shadow:0 10px 26px rgba(var(--tint),.38)}.btn.wa{background:linear-gradient(135deg,#1aa261,#29c07a);border-color:transparent;color:#fff}.btn.sm{padding:6px 11px;font-size:13px;font-weight:600;border-radius:10px}.btn.block{width:100%}.btn:disabled{opacity:.6;cursor:wait;transform:none}input,
select,
textarea{font:inherit;width:100%;padding:11px 13px;border:1px solid var(--bd);border-radius:12px;background:linear-gradient(180deg,#fff,#fafcff);color:var(--tx);transition:border-color .15s,box-shadow .15s}input:focus,
select:focus,
textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(var(--tint2),.16)}input[readonly]{background:var(--mist);color:var(--mu)}input[type=checkbox]{accent-color:var(--royal)}label{display:block;font-size:13px;font-weight:600;color:#4e5f7a;margin:12px 0 5px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grow{flex:1;min-width:140px}.card{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.97) 0%,rgba(246,250,255,.94) 100%);border:1px solid rgba(201,214,232,.8);border-radius:var(--r);padding:18px;margin-bottom:14px;box-shadow:var(--sh);backdrop-filter:blur(6px)}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:linear-gradient(135deg,var(--tone1),var(--tone2));color:var(--deep);text-decoration:none;border:1px solid var(--edge)}.pill.ok{background:linear-gradient(135deg,var(--tone1),var(--tone2));color:var(--ok);border-color:var(--edge)}.pill.warn{background:linear-gradient(135deg,#fdf3e3,#f3ecfa);color:var(--warn);border-color:#f0dcc0}.pill.bad{background:linear-gradient(135deg,#fcebeb,#f4e9f6);color:var(--bad);border-color:#efcaca}.notice{padding:11px 15px;border-radius:var(--r-sm);font-size:14px;margin:10px 0;border:1px solid transparent}.notice.ok{background:linear-gradient(135deg,var(--tone1),#e8f3fb);color:#0b5e3a;border-color:var(--edge)}.notice.warn{background:linear-gradient(135deg,#fdf3e3,#eef3fc);color:#7a3e06;border-color:#f0dcc0}.notice.bad{background:linear-gradient(135deg,#fcebeb,#f1eefb);color:#8e1c1c;border-color:#efcaca}/* logo */
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:19px;color:var(--navy);text-decoration:none;letter-spacing:-.02em}.logo i{position:relative;width:32px;height:32px;border-radius:10px;flex:0 0 32px;font-style:normal;font-size:0;background:var(--g-warm);box-shadow:0 4px 12px rgba(var(--tint),.35),inset 0 1px 0 rgba(255,255,255,.3);transition:background .4s}.logo i:before{content:"";position:absolute;inset:0;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M44.3 43.3A16 16 0 1 0 44.3 22.7' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M25 33.5 31.5 40 47 19.5' fill='none' stroke='%23000' stroke-width='5.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M44.3 43.3A16 16 0 1 0 44.3 22.7' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M25 33.5 31.5 40 47 19.5' fill='none' stroke='%23000' stroke-width='5.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}/* toast + modal + badge demo */
#toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--g-night);color:#fff;padding:12px 18px;border-radius:14px;z-index:60;max-width:92vw;box-shadow:var(--sh-lg);display:none;font-weight:500}#toast.err{background:linear-gradient(135deg,#9e2b2b,#c24848)}.modal{position:fixed;inset:0;background:radial-gradient(circle at 50% 30%,rgba(var(--tintdd),.45),rgba(var(--tintd),.7));backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;z-index:50}.modal>.card{width:100%;max-width:430px;margin:0;max-height:92vh;overflow:auto;box-shadow:var(--sh-lg)}.modal>.card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;border-radius:var(--r) var(--r) 0 0;background:var(--g-warm)}.demo-badge{position:fixed;left:12px;bottom:12px;z-index:40;background:linear-gradient(135deg,#fff6dc,#fdeccc);color:#6b4a00;border:1px solid #f0d28e;padding:6px 11px;border-radius:10px;font-size:12px;font-weight:700;box-shadow:var(--sh)}.demo-inline{display:inline-block;background:linear-gradient(135deg,#fff6dc,#fdeccc);color:#6b4a00;border:1px solid #f0d28e;padding:8px 13px;border-radius:12px;font-size:13px;font-weight:700}/* ===== landing ===== */
.nav{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,rgba(247,250,255,.9),rgba(241,246,253,.78));backdrop-filter:blur(14px);border-bottom:1px solid rgba(201,214,232,.7)}.nav .wrap{display:flex;align-items:center;gap:12px;height:66px}.nav .links{margin-left:auto;display:flex;gap:6px;align-items:center}.nav .links a.l{color:#3c4d68;text-decoration:none;padding:8px 11px;font-weight:600;border-radius:10px}.nav .links a.l:hover{background:linear-gradient(135deg,var(--tone1),var(--tone2));color:var(--royal)}.hero{position:relative;padding:70px 0 60px;overflow:hidden}.hero:before,
.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(10px);z-index:-1}.hero:before{width:520px;height:520px;right:-120px;top:-140px;background:radial-gradient(circle at 30% 30%,rgba(var(--tintl),.55),rgba(var(--tintp),.25) 55%,transparent 70%)}.hero:after{width:420px;height:420px;left:-160px;bottom:-180px;background:radial-gradient(circle,rgba(var(--tint2),.22),transparent 65%)}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.hero h1{font-size:clamp(34px,5.2vw,58px);font-weight:800;letter-spacing:-.035em}.hero h1 span{background:var(--g-text);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{font-size:18px;color:#50617c;max-width:520px}.hero .cta{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 12px}.hero .cta .btn{padding:13px 20px;font-size:15.5px}.phone{position:relative;background:linear-gradient(160deg,#ffffff,#f1f6fd);border:1px solid #d3e0f2;border-radius:34px;padding:14px;box-shadow:var(--sh-lg),0 0 0 8px rgba(255,255,255,.5);max-width:360px;margin:auto;width:100%;transform:rotate(1.2deg)}.phone:before{content:"";position:absolute;inset:-30px;z-index:-1;border-radius:50px;background:var(--g-warm);opacity:.18;filter:blur(40px)}.phone .top{background:var(--g-main);color:#fff;border-radius:22px;padding:20px;text-align:center;position:relative;overflow:hidden}.phone .top:after{content:"";position:absolute;width:160px;height:160px;right:-50px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 70%)}.phone .top b{font-size:18px;display:block}.phone .sec{padding:13px 4px 0}.phone h4{margin:0 0 8px;font-size:12px;color:var(--mu);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.section{position:relative;padding:70px 0}.section h2{font-size:clamp(28px,3.8vw,40px);text-align:center;font-weight:800;letter-spacing:-.03em}.section .sub{text-align:center;color:var(--mu);max-width:560px;margin:0 auto 36px;font-size:16px}#como{background:linear-gradient(180deg,rgba(255,255,255,.75) 0%,rgba(233,242,253,.85) 100%);border-block:1px solid rgba(201,214,232,.6)}#precios{background:radial-gradient(700px 380px at 50% 0%,rgba(var(--tintl),.18),transparent 70%)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feat{transition:transform .2s,box-shadow .2s}.feat:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}.feat .ico{width:46px;height:46px;border-radius:14px;background:var(--g-warm);display:grid;place-items:center;color:#fff;margin-bottom:12px;box-shadow:0 6px 16px rgba(var(--tint2),.3)}.feat h3{font-size:16.5px}.feat p{margin:0;color:var(--mu);font-size:14px}.step b.n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--g-main);color:#fff;margin-bottom:10px;box-shadow:0 5px 14px rgba(var(--tint),.3)}.price{display:flex;flex-direction:column}.price h3{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--dusk)}.price.best{border:0;background:linear-gradient(#fff,#f5f9ff) padding-box,var(--g-warm) border-box;border:2px solid transparent;box-shadow:var(--sh-lg);transform:translateY(-6px)}.price.best:before{content:"Más elegido";position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--g-main);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;box-shadow:0 4px 12px rgba(var(--tint),.3)}.price .amt{font-size:36px;font-weight:800;letter-spacing:-.03em;background:var(--g-text);-webkit-background-clip:text;background-clip:text;color:transparent}.price .amt small{font-size:14px;font-weight:600;-webkit-text-fill-color:var(--mu)}.price ul{padding:0;margin:14px 0 20px;list-style:none;flex:1}.price li{padding:6px 0 6px 28px;position:relative;font-size:14.5px}.price li:before{content:"✓";position:absolute;left:0;top:6px;width:19px;height:19px;border-radius:50%;background:linear-gradient(135deg,var(--tone1),var(--tone2));color:var(--royal);font-weight:800;font-size:11px;display:grid;place-items:center}.faq details{background:linear-gradient(160deg,#fff,#f5f9ff);border:1px solid var(--bd);border-radius:14px;padding:14px 18px;margin-bottom:10px;box-shadow:var(--sh)}.faq details[open]{border-color:var(--edge)}.faq summary{cursor:pointer;font-weight:700;color:var(--navy)}footer.foot{background:var(--g-night);color:#b9c9e4;padding:30px 0;font-size:14px;margin-top:30px}footer.foot a{color:#dbe8fb}footer.foot .wrap{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between}/* ===== chips (demo y reservas) ===== */
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips.scroll{flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 6px}.chips.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}.chip{font:inherit;font-weight:600;border:1px solid var(--bd);background:linear-gradient(180deg,#fff,#f4f8fe);border-radius:12px;padding:9px 12px;cursor:pointer;color:var(--deep);transition:transform .12s,box-shadow .15s,border-color .15s}.chip:hover{border-color:var(--edge);box-shadow:0 4px 12px rgba(var(--tint2),.14);transform:translateY(-1px)}.chip.dia{min-width:64px;text-align:center;line-height:1.15;font-size:12.5px;font-weight:600;color:var(--mu)}.chip.dia b{display:block;font-size:20px;color:var(--navy)}.chip.on{background:var(--g-main);border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(var(--tint),.32)}.chip.on b{color:#fff}.chip.dia.on{color:#e2edfd}/* ===== app ===== */
.topbar{background:var(--g-night);position:sticky;top:0;z-index:30;box-shadow:0 6px 24px rgba(var(--tintd),.18)}.topbar .wrap{display:flex;align-items:center;gap:10px;height:62px}.topbar .logo{color:#fff}.topbar .logo i{background:linear-gradient(135deg,rgba(255,255,255,.32),rgba(255,255,255,.12));box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.topbar .right{margin-left:auto;display:flex;align-items:center;gap:8px}.topbar .btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#eaf2fd}.topbar .btn:hover{background:rgba(255,255,255,.18)}.topbar .pill{border-color:rgba(255,255,255,.35)}.tabs{display:flex;gap:4px;overflow-x:auto;margin:18px 0 16px;padding:5px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(228,238,252,.85));border:1px solid var(--bd);box-shadow:var(--sh)}.tabs button{font:inherit;background:none;border:0;border-radius:12px;padding:9px 14px;cursor:pointer;color:#52627c;font-weight:600;white-space:nowrap;transition:background .15s,color .15s}.tabs button:hover{background:rgba(var(--tint2),.08);color:var(--royal)}.tabs button.on{background:var(--g-main);color:#fff;box-shadow:0 5px 14px rgba(var(--tint),.3)}#main>.card h3{display:flex;align-items:baseline;gap:6px}#main>.card[data-prof]{border-left:0}#main>.card:has(.turno):before,
#main>.card[data-prof]:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0;background:var(--g-warm)}.turno{display:flex;gap:12px;align-items:center;padding:11px 10px;margin:0 -10px;border-top:1px solid #e6edf6;flex-wrap:wrap;border-radius:10px;transition:background .15s}.turno:hover{background:linear-gradient(90deg,rgba(var(--tinti),.55),transparent)}.turno b.h{font-size:15px;min-width:58px;text-align:center;padding:5px 0;border-radius:10px;background:linear-gradient(135deg,var(--tone1),var(--tone2));color:var(--deep)}.turno.cancelado{opacity:.5}.turno.cancelado .cli{text-decoration:line-through}.turno.asistio b.h{background:linear-gradient(135deg,var(--tone1),var(--tone2));color:var(--ok)}.turno.ausente b.h{background:linear-gradient(135deg,#fbe6e6,#efe6f6);color:var(--bad)}.turno .cli{font-weight:600;color:var(--navy)}.turno select{width:auto;padding:6px 10px}.hor{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0 12px;margin-bottom:14px}table{width:100%;border-collapse:collapse;font-size:14px}td,
th{padding:10px 8px;border-top:1px solid #e6edf6;text-align:left;vertical-align:top}th{color:var(--dusk);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em;border-top:0}tr:hover td{background:rgba(238,245,253,.6)}.linkbox{font-family:ui-monospace,Menlo,monospace;background:linear-gradient(135deg,var(--tone1),var(--tone2));border:1px dashed var(--edge);color:var(--deep);padding:12px 14px;border-radius:12px;word-break:break-all;font-weight:600}.center{max-width:450px;margin:6vh auto}.center:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;border-radius:var(--r) var(--r) 0 0;background:var(--g-warm)}/* ===== reservar ===== */
.rhead{position:relative;overflow:hidden;background:var(--g-main);color:#fff;padding:42px 16px 64px;text-align:center}.rhead:before{content:"";position:absolute;width:340px;height:340px;right:-90px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 70%)}.rhead:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:40px;background:linear-gradient(180deg,transparent,var(--bg2))}.rhead h1{position:relative;margin:0 0 6px;font-size:28px;color:#fff}.rhead p{position:relative;margin:0;color:#dbe8fb}.rwrap{max-width:560px;margin:-36px auto 0;padding:0 16px 16px;position:relative}.rwrap section{background:linear-gradient(160deg,#fff,#f6f9fe);border:1px solid rgba(201,214,232,.85);border-radius:var(--r);padding:18px;margin-bottom:14px;box-shadow:var(--sh)}.rwrap h3{font-size:16px}.ok-screen{text-align:center}.ok-screen .big{font-size:40px;width:84px;height:84px;margin:4px auto 10px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--tone1),var(--tone1));box-shadow:0 0 0 10px rgba(var(--tinti),.5)}.legal{max-width:760px;margin:26px auto 60px;padding:30px 24px;background:linear-gradient(160deg,#fff,#f6f9fe);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh)}.legal h2{margin-top:1.4em;font-size:20px}

@media (max-width:860px){.hero .wrap,
.grid3,
.grid4{grid-template-columns:1fr}.hero{padding-top:36px}.nav .links a.l{display:none}.phone{transform:none}.price.best{transform:none}.legal{margin:16px;padding:22px 18px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}/* =========================================================
   RUBROS — cada negocio pinta la app con su propia identidad
   ========================================================= */
[data-rubro=barberia]{
  --navy:#1b2030; --deep:#2d2230; --royal:#b3202c; --blue:#d13a44; --sky:#e8a0a4; --peri:#3c4a6b; --dusk:#5a3140;
  --tint:179,32,44; --tint2:209,58,68; --tintd:20,24,36; --tintl:232,160,164; --tintp:60,74,107; --tinti:245,222,222; --tintdd:45,34,48;
  --tone1:#f7e4e3; --tone2:#e6e8f2; --edge:#e0b3b3;
  --bgA:200,90,95; --bgB:60,74,107; --bgC:179,32,44; --bg1:#fbf8f7; --bg2:#f4f1f3;
  --g-main:linear-gradient(135deg,#1b2030 0%,#7a1f2c 48%,#c9303c 100%);
  --g-warm:linear-gradient(135deg,#d13a44 0%,#8e2434 50%,#2c3550 100%);
  --g-night:linear-gradient(160deg,#141826 0%,#2d2230 55%,#7d1d2a 100%);
  --g-text:linear-gradient(95deg,#2c3550 0%,#b3202c 50%,#d13a44 100%);
  --g-soft:linear-gradient(135deg,#fff 0%,#faeeed 60%,#f0e6ea 100%);
}[data-rubro=peluqueria]{
  --navy:#38203c; --deep:#5c2f60; --royal:#a8348f; --blue:#c45cae; --sky:#f0b5dc; --peri:#dba548; --dusk:#8a4a86;
  --tint:168,52,143; --tint2:196,92,174; --tintd:56,32,60; --tintl:240,181,220; --tintp:219,165,72; --tinti:248,224,242; --tintdd:92,47,96;
  --tone1:#fae0f2; --tone2:#f7ecd9; --edge:#e8b6da;
  --bgA:222,140,205; --bgB:219,165,72; --bgC:168,52,143; --bg1:#fdf8fc; --bg2:#f7f0f7;
  --g-main:linear-gradient(135deg,#4c2452 0%,#a8348f 55%,#dba548 100%);
  --g-warm:linear-gradient(135deg,#e8a0d4 0%,#c45cae 45%,#8a2f79 100%);
  --g-night:linear-gradient(160deg,#2c1830 0%,#5c2f60 55%,#a8348f 100%);
  --g-text:linear-gradient(95deg,#6b2a68 0%,#b93f9d 45%,#dba548 100%);
  --g-soft:linear-gradient(135deg,#fff 0%,#fbeef7 60%,#f6e8f2 100%);
}[data-rubro=unas]{
  --navy:#4a2a30; --deep:#7a4048; --royal:#d1607a; --blue:#e88a99; --sky:#f9ccd3; --peri:#efb096; --dusk:#a55a68;
  --tint:209,96,122; --tint2:232,138,153; --tintd:74,42,48; --tintl:249,204,211; --tintp:239,176,150; --tinti:252,232,234; --tintdd:122,64,72;
  --tone1:#fce3e7; --tone2:#fbeade; --edge:#f0bcc4;
  --bgA:245,178,190; --bgB:239,176,150; --bgC:209,96,122; --bg1:#fefaf9; --bg2:#f9f1f0;
  --g-main:linear-gradient(135deg,#7a4048 0%,#d1607a 50%,#f2b79c 100%);
  --g-warm:linear-gradient(135deg,#f7c3cd 0%,#e88a99 45%,#c05a72 100%);
  --g-night:linear-gradient(160deg,#402126 0%,#7a4048 55%,#d1607a 100%);
  --g-text:linear-gradient(95deg,#8e4450 0%,#d1607a 45%,#efa583 100%);
  --g-soft:linear-gradient(135deg,#fff 0%,#fdf0f1 60%,#faeae8 100%);
}[data-rubro=salud]{
  --navy:#103b40; --deep:#15636c; --royal:#0e9aa7; --blue:#2fb6c2; --sky:#9fe0e5; --peri:#66cfae; --dusk:#2d7f88;
  --tint:14,154,167; --tint2:47,182,194; --tintd:16,59,64; --tintl:159,224,229; --tintp:102,207,174; --tinti:214,242,244; --tintdd:21,99,108;
  --tone1:#d8f2f4; --tone2:#ddf3e9; --edge:#9dd9df;
  --bgA:120,214,222; --bgB:102,207,174; --bgC:14,154,167; --bg1:#f6fdfd; --bg2:#eef7f7;
  --g-main:linear-gradient(135deg,#13585f 0%,#0e9aa7 52%,#7fd8c6 100%);
  --g-warm:linear-gradient(135deg,#8fdee4 0%,#2fb6c2 45%,#0d7f8b 100%);
  --g-night:linear-gradient(160deg,#0c3236 0%,#15636c 55%,#12909c 100%);
  --g-text:linear-gradient(95deg,#116069 0%,#0e9aa7 45%,#66cfae 100%);
  --g-soft:linear-gradient(135deg,#fff 0%,#ecf9fa 60%,#e3f4f3 100%);
}[data-rubro=spa]{
  --navy:#2a3a2e; --deep:#3f5a45; --royal:#5b8a63; --blue:#7cae84; --sky:#c9e2cd; --peri:#cbb98f; --dusk:#6e8a6f;
  --tint:91,138,99; --tint2:124,174,132; --tintd:42,58,46; --tintl:201,226,205; --tintp:203,185,143; --tinti:228,240,229; --tintdd:63,90,69;
  --tone1:#e2efe3; --tone2:#f1ebdc; --edge:#b7d4bc;
  --bgA:150,192,157; --bgB:203,185,143; --bgC:91,138,99; --bg1:#fafcf8; --bg2:#f2f4ed;
  --g-main:linear-gradient(135deg,#344a39 0%,#5b8a63 52%,#cbb98f 100%);
  --g-warm:linear-gradient(135deg,#b9d8be 0%,#7cae84 45%,#4c7554 100%);
  --g-night:linear-gradient(160deg,#223026 0%,#3f5a45 55%,#5b8a63 100%);
  --g-text:linear-gradient(95deg,#3f5a45 0%,#5b8a63 45%,#b8a271 100%);
  --g-soft:linear-gradient(135deg,#fff 0%,#f1f7f1 60%,#eaf1e9 100%);
}[data-rubro=fitness]{
  --navy:#161e27; --deep:#26333f; --royal:#e0552b; --blue:#f07840; --sky:#ffc9a6; --peri:#9dcb2f; --dusk:#5d6a78;
  --tint:224,85,43; --tint2:240,120,64; --tintd:22,30,39; --tintl:255,201,166; --tintp:157,203,47; --tinti:255,229,214; --tintdd:38,51,63;
  --tone1:#ffe3d3; --tone2:#eaf3d4; --edge:#f5b48d;
  --bgA:248,150,96; --bgB:157,203,47; --bgC:224,85,43; --bg1:#fdfaf8; --bg2:#f3f4f0;
  --g-main:linear-gradient(135deg,#1b2530 0%,#c9481f 55%,#f0a03f 100%);
  --g-warm:linear-gradient(135deg,#f0a03f 0%,#e0552b 45%,#26333f 100%);
  --g-night:linear-gradient(160deg,#12181f 0%,#26333f 52%,#c9481f 100%);
  --g-text:linear-gradient(95deg,#26333f 0%,#e0552b 45%,#8fbc23 100%);
  --g-soft:linear-gradient(135deg,#fff 0%,#fdf0e8 60%,#f3f5e8 100%);
}[data-rubro=tattoo]{
  --navy:#15121f; --deep:#241f38; --royal:#7b3fe4; --blue:#9d5cff; --sky:#c9a6ff; --peri:#e04cc0; --dusk:#6a5a9a;
  --tint:123,63,228; --tint2:157,92,255; --tintd:21,18,31; --tintl:201,166,255; --tintp:224,76,192; --tinti:232,220,255; --tintdd:36,31,56;
  --tone1:#e8ddff; --tone2:#f6dcf2; --edge:#bfa3f0;
  --bgA:150,100,255; --bgB:224,76,192; --bgC:123,63,228; --bg1:#faf8ff; --bg2:#f1eef8;
  --g-main:linear-gradient(135deg,#15121f 0%,#4a2596 52%,#9d5cff 100%);
  --g-warm:linear-gradient(135deg,#b78bff 0%,#7b3fe4 45%,#e04cc0 100%);
  --g-night:linear-gradient(160deg,#100d18 0%,#241f38 52%,#5e2fb8 100%);
  --g-text:linear-gradient(95deg,#3f2280 0%,#7b3fe4 45%,#e04cc0 100%);
  --g-soft:linear-gradient(135deg,#fff 0%,#f3edff 60%,#efe7fa 100%);
}[data-rubro=veterinaria]{
  --navy:#1d3a33; --deep:#2f5f52; --royal:#2f9e72; --blue:#53bd8e; --sky:#b2e7ce; --peri:#f0ae3c; --dusk:#3f7a66;
  --tint:47,158,114; --tint2:83,189,142; --tintd:29,58,51; --tintl:178,231,206; --tintp:240,174,60; --tinti:219,243,232; --tintdd:47,95,82;
  --tone1:#dcf3e8; --tone2:#fbeed6; --edge:#a5dcc2;
  --bgA:120,208,168; --bgB:240,174,60; --bgC:47,158,114; --bg1:#f8fdfa; --bg2:#f1f6f1;
  --g-main:linear-gradient(135deg,#255043 0%,#2f9e72 52%,#f0ae3c 100%);
  --g-warm:linear-gradient(135deg,#9fdfc2 0%,#2f9e72 45%,#1f6b55 100%);
  --g-night:linear-gradient(160deg,#16302a 0%,#2f5f52 55%,#2f9e72 100%);
  --g-text:linear-gradient(95deg,#25604e 0%,#2f9e72 45%,#e5a636 100%);
  --g-soft:linear-gradient(135deg,#fff 0%,#eef9f3 60%,#e8f3ec 100%);
}[data-rubro=automotor]{
  --navy:#1a1d24; --deep:#2e343d; --royal:#c96a12; --blue:#e5893a; --sky:#f6c690; --peri:#5b6472; --dusk:#6b7382;
  --tint:201,106,18; --tint2:229,137,58; --tintd:26,29,36; --tintl:246,198,144; --tintp:91,100,114; --tinti:250,231,209; --tintdd:46,52,61;
  --tone1:#fbe8d2; --tone2:#e6e9ee; --edge:#eec092;
  --bgA:235,170,100; --bgB:91,100,114; --bgC:201,106,18; --bg1:#fbfaf8; --bg2:#f1f2f4;
  --g-main:linear-gradient(135deg,#1a1d24 0%,#6b3c0c 52%,#e5893a 100%);
  --g-warm:linear-gradient(135deg,#e5893a 0%,#c96a12 45%,#2e343d 100%);
  --g-night:linear-gradient(160deg,#14171c 0%,#2e343d 55%,#a9570f 100%);
  --g-text:linear-gradient(95deg,#2e343d 0%,#c96a12 45%,#e8a05c 100%);
  --g-soft:linear-gradient(135deg,#fff 0%,#faf0e5 60%,#f0f1f4 100%);
}
[data-rubro=profesional]{
  --navy:#0d2447; --deep:#16386e; --royal:#2856c9; --blue:#3b7be8; --sky:#6fb1f5; --peri:#7d8ff0; --dusk:#5a6fd8;
  --tint:40,86,201; --tint2:59,123,232; --tintd:13,36,71; --tintl:111,177,245; --tintp:125,143,240; --tinti:217,234,252; --tintdd:22,56,110;
  --tone1:#e6f0fd; --tone2:#eceefc; --edge:#a9c6ee;
  --bgA:111,177,245; --bgB:125,143,240; --bgC:59,123,232; --bg1:#f7faff; --bg2:#f1f5fb;
  --g-main:linear-gradient(135deg,#1c3f8c 0%,#2f6ae0 55%,#5fa4f2 100%);
  --g-warm:linear-gradient(135deg,#6fb1f5 0%,#7d8ff0 50%,#2856c9 100%);
  --g-night:linear-gradient(160deg,#0d2447 0%,#16386e 55%,#2856c9 100%);
  --g-text:linear-gradient(95deg,#1c3f8c 0%,#3b7be8 45%,#7d8ff0 100%);
  --g-soft:linear-gradient(135deg,#fff 0%,#eef5fd 60%,#e4ecfb 100%);
}

/* ===== franja de marca bajo la barra superior ===== */
.brandbar{height:6px;position:relative;overflow:hidden;background:var(--g-warm)}.brandbar:after{content:"";position:absolute;inset:0;width:38%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:bb-barrido 3.4s ease-in-out infinite}
@keyframes bb-barrido{0%{transform:translateX(-120%)}100%{transform:translateX(360%)}}[data-rubro=barberia] .brandbar{height:8px;background:repeating-linear-gradient(115deg,#c2222e 0 11px,#fdfdfd 11px 22px,#1f3f8f 22px 33px,#fdfdfd 33px 44px);animation:bb-poste 1.9s linear infinite}
@keyframes bb-poste{to{background-position:-97px 0}}[data-rubro=tattoo] .brandbar:after{background:linear-gradient(90deg,transparent,#ff6ad5,#8affff,transparent);animation-duration:2.2s}[data-rubro=fitness] .brandbar:after{animation-duration:1.5s}/* ===== emblema animado del rubro — un objeto real por rubro ===== */
.motif{display:block;position:relative;width:var(--ms,58px);height:var(--ms,58px);border-radius:17px;overflow:hidden;flex:0 0 auto;
  background:var(--g-main);box-shadow:0 8px 20px rgba(var(--tint),.32),inset 0 1px 0 rgba(255,255,255,.28)}
.motif i{position:absolute;inset:0;display:block;font-style:normal;background-repeat:no-repeat;background-position:center}
.motif.lg{--ms:76px;border-radius:22px}
.motif.sm{--ms:38px;border-radius:12px}
/* brillo comun a todos */
.motif i:nth-child(1){background:
  radial-gradient(circle at 30% 24%,rgba(255,255,255,.5),transparent 44%),
  radial-gradient(circle at 76% 80%,rgba(255,255,255,.2),transparent 46%)}
.motif i:nth-child(2){background-size:58% 58%}
.motif i:nth-child(3){background-size:58% 58%}
@keyframes m-late{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.14);opacity:.3}}

/* BARBERÍA · el cilindro tricolor girando */
[data-rubro=barberia] .motif:not(.own),.motif.own.r-barberia{width:calc(var(--ms,58px)*.6);border-radius:999px;background:linear-gradient(90deg,#b9c0cc,#f2f5f9 30%,#dfe4ec 62%,#a9b2c0);
  box-shadow:0 8px 20px rgba(var(--tintd),.35)}
[data-rubro=barberia] .motif:not(.own) i:nth-child(1),.motif.own.r-barberia i:nth-child(1){inset:13% 14%;border-radius:999px;background:
  repeating-linear-gradient(-42deg,#c2222e 0 8px,#fdfdfd 8px 16px,#1f3f8f 16px 24px,#fdfdfd 24px 32px);
  animation:b-girar 1.15s linear infinite}
[data-rubro=barberia] .motif:not(.own) i:nth-child(2),.motif.own.r-barberia i:nth-child(2){inset:13% 14%;border-radius:999px;background:
  linear-gradient(90deg,rgba(0,0,0,.26),rgba(255,255,255,.65) 26%,rgba(255,255,255,.1) 52%,rgba(0,0,0,.28))}
[data-rubro=barberia] .motif:not(.own) i:nth-child(3),.motif.own.r-barberia i:nth-child(3){inset:0;border-radius:999px;background:
  linear-gradient(180deg,#e7ebf2 0 11%,transparent 11% 89%,#e7ebf2 89% 100%),
  linear-gradient(90deg,rgba(0,0,0,.18),transparent 22%,transparent 78%,rgba(0,0,0,.2))}
@keyframes b-girar{to{background-position:0 -43px}}

/* PELUQUERÍA · la tijera abriendo y cerrando */
[data-rubro=peluqueria] .motif:not(.own) i:nth-child(2),.motif.own.r-peluqueria i:nth-child(2){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2040%2040%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%273.2%27%20stroke-linecap%3D%27round%27%3E%3Ccircle%20cx%3D%2710%27%20cy%3D%2731%27%20r%3D%275%27%2F%3E%3Cpath%20d%3D%27M13.5%2027.5%2032%208%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/64% 64% no-repeat;transform-origin:50% 62%;animation:pel-corte 1.9s ease-in-out infinite}
[data-rubro=peluqueria] .motif:not(.own) i:nth-child(3),.motif.own.r-peluqueria i:nth-child(3){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2040%2040%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%273.2%27%20stroke-linecap%3D%27round%27%3E%3Ccircle%20cx%3D%2730%27%20cy%3D%2731%27%20r%3D%275%27%2F%3E%3Cpath%20d%3D%27M26.5%2027.5%208%208%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/64% 64% no-repeat;transform-origin:50% 62%;animation:pel-corte 1.9s ease-in-out infinite reverse}
@keyframes pel-corte{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(6deg)}}

/* UÑAS · el frasco de esmalte y la gota */
[data-rubro=unas] .motif:not(.own) i:nth-child(2),.motif.own.r-unas i:nth-child(2){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2040%2040%27%3E%3Cg%20fill%3D%27%23fff%27%3E%3Crect%20x%3D%2716.2%27%20y%3D%273%27%20width%3D%277.6%27%20height%3D%277.4%27%20rx%3D%272%27%2F%3E%3Crect%20x%3D%2718.4%27%20y%3D%2710%27%20width%3D%273.2%27%20height%3D%274%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2710.5%27%20y%3D%2714%27%20width%3D%2719%27%20height%3D%2721%27%20rx%3D%275%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center 58%/54% 54% no-repeat;transform-origin:50% 80%;animation:una-frasco 3s ease-in-out infinite}
[data-rubro=unas] .motif:not(.own) i:nth-child(3),.motif.own.r-unas i:nth-child(3){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2040%2040%27%3E%3Cpath%20d%3D%27M20%206c4%206%206.5%209%206.5%2012a6.5%206.5%200%201%201-13%200c0-3%202.5-6%206.5-12z%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E") center top/16% 16% no-repeat;animation:una-gota 3s ease-in-out infinite}
@keyframes una-frasco{0%,100%{transform:rotate(-9deg)}45%{transform:rotate(7deg)}}
@keyframes una-gota{0%,40%{opacity:0;transform:translateY(12%) scale(.6)}
  55%{opacity:1;transform:translateY(34%) scale(1)}
  85%,100%{opacity:0;transform:translateY(64%) scale(.8)}}

/* SALUD · el pulso recorriendo */
[data-rubro=salud] .motif:not(.own) i:nth-child(2),.motif.own.r-salud i:nth-child(2){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2060%2026%27%3E%3Cpath%20d%3D%27M0%2013H15l3-8%204%2016%203-8h35%27%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E") repeat-x left center/60% 60%;animation:sal-pulso 1.7s linear infinite;background-size:auto 55%}
[data-rubro=salud] .motif:not(.own) i:nth-child(3),.motif.own.r-salud i:nth-child(3){inset:16%;border-radius:999px;border:2px solid rgba(255,255,255,.4);animation:m-late 1.7s ease-out infinite}
@keyframes sal-pulso{to{background-position-x:-120px}}

/* SPA · la hoja meciéndose */
[data-rubro=spa] .motif:not(.own) i:nth-child(2),.motif.own.r-spa i:nth-child(2){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2040%2040%27%3E%3Cg%3E%3Cpath%20d%3D%27M34%206C16%206%206%2016%206%2034c18%200%2028-10%2028-28z%27%20fill%3D%27%23fff%27%20opacity%3D%27.92%27%2F%3E%3Cpath%20d%3D%27M32%208%2010%2030%27%20stroke%3D%27%23000%27%20stroke-opacity%3D%27.25%27%20stroke-width%3D%272%27%20fill%3D%27none%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/56% 56% no-repeat;transform-origin:22% 78%;animation:spa-hoja 3.6s ease-in-out infinite}
[data-rubro=spa] .motif:not(.own) i:nth-child(3),.motif.own.r-spa i:nth-child(3){inset:30%;border-radius:999px;border:2px solid rgba(255,255,255,.4);animation:spa-onda 3.6s ease-out infinite}
@keyframes spa-hoja{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(7deg)}}
@keyframes spa-onda{0%{transform:scale(.5);opacity:.75}100%{transform:scale(2.6);opacity:0}}

/* ENTRENAMIENTO · la mancuerna levantándose */
[data-rubro=fitness] .motif:not(.own) i:nth-child(2),.motif.own.r-fitness i:nth-child(2){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2044%2024%27%3E%3Cg%20fill%3D%27%23fff%27%3E%3Crect%20x%3D%271%27%20y%3D%275%27%20width%3D%276%27%20height%3D%2714%27%20rx%3D%272.4%27%2F%3E%3Crect%20x%3D%278%27%20y%3D%278%27%20width%3D%274%27%20height%3D%278%27%20rx%3D%271.6%27%2F%3E%3Crect%20x%3D%2712%27%20y%3D%2710%27%20width%3D%2720%27%20height%3D%274%27%20rx%3D%272%27%2F%3E%3Crect%20x%3D%2732%27%20y%3D%278%27%20width%3D%274%27%20height%3D%278%27%20rx%3D%271.6%27%2F%3E%3Crect%20x%3D%2737%27%20y%3D%275%27%20width%3D%276%27%20height%3D%2714%27%20rx%3D%272.4%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/64% 64% no-repeat;animation:fit-levanta 1.1s ease-in-out infinite alternate}
[data-rubro=fitness] .motif:not(.own) i:nth-child(3),.motif.own.r-fitness i:nth-child(3){inset:auto 26% 17% 26%;height:3px;border-radius:3px;background:rgba(255,255,255,.45);animation:fit-piso 1.1s ease-in-out infinite alternate}
@keyframes fit-levanta{0%{transform:translateY(12%)}100%{transform:translateY(-14%)}}
@keyframes fit-piso{0%{opacity:.5;transform:scaleX(1)}100%{opacity:.22;transform:scaleX(.72)}}

/* TATUAJES · la aguja trazando la línea */
[data-rubro=tattoo] .motif:not(.own) i:nth-child(2),.motif.own.r-tattoo i:nth-child(2){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2040%2040%27%3E%3Cg%20transform%3D%27rotate%28-35%2020%2020%29%27%20fill%3D%27%23fff%27%3E%3Crect%20x%3D%2716%27%20y%3D%273%27%20width%3D%278%27%20height%3D%2715%27%20rx%3D%274%27%2F%3E%3Cpath%20d%3D%27M17.2%2018h5.6l-1.5%209.6a1.3%201.3%200%200%201-2.6%200z%27%2F%3E%3Crect%20x%3D%2719.2%27%20y%3D%2727%27%20width%3D%271.6%27%20height%3D%278%27%20rx%3D%27.8%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 56% 38%/54% 54% no-repeat;animation:tat-aguja 2.4s ease-in-out infinite}
[data-rubro=tattoo] .motif:not(.own) i:nth-child(3),.motif.own.r-tattoo i:nth-child(3){inset:auto 20% 24% 20%;height:3px;border-radius:3px;background:#fff;transform-origin:left center;
  box-shadow:0 0 9px rgba(255,255,255,.75);animation:tat-tinta 2.4s ease-in-out infinite}
@keyframes tat-aguja{0%{transform:translate(-22%,0)}45%{transform:translate(20%,0)}
  50%{transform:translate(20%,-8%)}95%,100%{transform:translate(-22%,-8%)}}
@keyframes tat-tinta{0%{transform:scaleX(0);opacity:1}45%{transform:scaleX(1);opacity:1}
  60%{opacity:.5}100%{transform:scaleX(1);opacity:0}}

/* VETERINARIA · la huella */
[data-rubro=veterinaria] .motif:not(.own) i:nth-child(2),.motif.own.r-veterinaria i:nth-child(2){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2040%2040%27%3E%3Cg%20fill%3D%27%23fff%27%3E%3Cellipse%20cx%3D%2720%27%20cy%3D%2727%27%20rx%3D%279%27%20ry%3D%277.5%27%2F%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2716%27%20r%3D%274%27%2F%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%2710.5%27%20r%3D%274.2%27%2F%3E%3Ccircle%20cx%3D%2726%27%20cy%3D%2711.5%27%20r%3D%274%27%2F%3E%3Ccircle%20cx%3D%2732.5%27%20cy%3D%2718.5%27%20r%3D%273.6%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/50% 50% no-repeat;animation:vet-huella 2.6s ease-in-out infinite}
[data-rubro=veterinaria] .motif:not(.own) i:nth-child(3),.motif.own.r-veterinaria i:nth-child(3){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2040%2040%27%3E%3Cg%20fill%3D%27%23fff%27%3E%3Cellipse%20cx%3D%2720%27%20cy%3D%2727%27%20rx%3D%279%27%20ry%3D%277.5%27%2F%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2716%27%20r%3D%274%27%2F%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%2710.5%27%20r%3D%274.2%27%2F%3E%3Ccircle%20cx%3D%2726%27%20cy%3D%2711.5%27%20r%3D%274%27%2F%3E%3Ccircle%20cx%3D%2732.5%27%20cy%3D%2718.5%27%20r%3D%273.6%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 26% 74%/24% 24% no-repeat;animation:vet-huella 2.6s ease-in-out infinite;animation-delay:.9s}
@keyframes vet-huella{0%,100%{opacity:.3;transform:scale(.88) rotate(-7deg)}45%{opacity:1;transform:scale(1.02) rotate(4deg)}}

/* TALLER · el engranaje girando */
[data-rubro=automotor] .motif:not(.own) i:nth-child(2),.motif.own.r-automotor i:nth-child(2){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2040%2040%27%3E%3Cg%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M30.6%2015.6%20L35.9%2015.7%20L35.9%2024.3%20L30.6%2024.4%20L30.6%2024.4%20L34.3%2028.2%20L28.2%2034.3%20L24.4%2030.6%20L24.4%2030.6%20L24.3%2035.9%20L15.7%2035.9%20L15.6%2030.6%20L15.6%2030.6%20L11.8%2034.3%20L5.7%2028.2%20L9.4%2024.4%20L9.4%2024.4%20L4.1%2024.3%20L4.1%2015.7%20L9.4%2015.6%20L9.4%2015.6%20L5.7%2011.8%20L11.7%205.7%20L15.6%209.4%20L15.6%209.4%20L15.7%204.1%20L24.3%204.1%20L24.4%209.4%20L24.4%209.4%20L28.2%205.7%20L34.3%2011.7%20L30.6%2015.6%20Z%27%2F%3E%3Ccircle%20cx%3D%2720%27%20cy%3D%2720%27%20r%3D%275.6%27%20fill%3D%27%23000%27%20fill-opacity%3D%27.45%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/62% 62% no-repeat;animation:auto-gira 6s linear infinite}
[data-rubro=automotor] .motif:not(.own) i:nth-child(3),.motif.own.r-automotor i:nth-child(3){inset:auto 24% 16% 24%;height:3px;border-radius:3px;background:rgba(255,255,255,.35)}
@keyframes auto-gira{to{transform:rotate(1turn)}}

/* OTRO RUBRO · la agenda con el turno confirmado */
.motif i:nth-child(2){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2040%2040%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%279%27%20width%3D%2730%27%20height%3D%2726%27%20rx%3D%274%27%2F%3E%3Cpath%20d%3D%27M5%2017h30M13%204.5v7M27%204.5v7%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/56% 56% no-repeat}
.motif i:nth-child(3){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2040%2040%27%3E%3Cpath%20d%3D%27M13%2026.5%2018%2031.5%2028%2021%27%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%273.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E") center 58%/34% 34% no-repeat;animation:pro-tilde 2.6s ease-in-out infinite}
@keyframes pro-tilde{0%,100%{opacity:.35;transform:scale(.85)}45%{opacity:1;transform:scale(1)}}

/* ===== elegir rubro ===== */
.rubros{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:10px;margin:6px 0 4px;align-items:stretch}.rubro{display:flex;align-items:center;gap:10px;text-align:left;padding:11px;border-radius:15px;cursor:pointer;min-height:64px;
  border:1.5px solid var(--bd);background:linear-gradient(170deg,#fff,#f6f9fe);font:inherit;font-weight:700;font-size:14px;color:var(--navy);
  transition:transform .16s,box-shadow .2s,border-color .2s}.rubro:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(var(--tint),.16);border-color:var(--edge)}.rubro.on{border-color:transparent;box-shadow:0 0 0 2px var(--royal),0 12px 26px rgba(var(--tint),.24)}.rubro>span:last-child{display:block;line-height:1.22;min-width:0;overflow:hidden}.rubro small{display:block;font-weight:500;color:var(--mu);font-size:11.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== dinamismo general ===== */
@keyframes sube{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.anim>*{animation:sube .5s cubic-bezier(.22,1,.36,1) backwards}.anim>*:nth-child(1){animation-delay:.02s}.anim>*:nth-child(2){animation-delay:.08s}.anim>*:nth-child(3){animation-delay:.14s}.anim>*:nth-child(4){animation-delay:.2s}.anim>*:nth-child(5){animation-delay:.26s}.anim>*:nth-child(n+6){animation-delay:.32s}.card{transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .25s}#main>.card:hover{box-shadow:0 14px 34px rgba(var(--tint),.13)}.btn.pri{position:relative;overflow:hidden}.btn.pri:after{content:"";position:absolute;top:0;bottom:0;width:40%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-160%)}.btn.pri:hover:after{animation:btn-luz .7s ease-out}
@keyframes btn-luz{to{transform:translateX(320%)}}.tabs{position:relative}.tabs button.on{animation:tab-in .28s cubic-bezier(.22,1,.36,1)}
@keyframes tab-in{from{transform:scale(.94);opacity:.6}to{transform:none;opacity:1}}.turno{animation:sube .34s cubic-bezier(.22,1,.36,1) backwards}.chip{transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .18s,border-color .18s,background .25s}.chip.on{animation:chip-in .26s cubic-bezier(.34,1.56,.64,1)}
@keyframes chip-in{from{transform:scale(.9)}to{transform:none}}.cargando-skel{height:74px;border-radius:var(--r);margin-bottom:12px;
  background:linear-gradient(90deg,var(--tone1) 25%,rgba(255,255,255,.9) 50%,var(--tone1) 75%) 0 0/300% 100%;
  animation:skel 1.3s linear infinite}
@keyframes skel{to{background-position:-300% 0}}.hero .cta .btn.pri{box-shadow:0 10px 26px rgba(var(--tint),.34)}.phone{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}.rhead .motif{position:relative;margin:0 auto 12px;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}[data-rubro=barberia] .rhead .motif{background:linear-gradient(90deg,#b9c0cc,#f2f5f9 30%,#dfe4ec 62%,#a9b2c0)}.ok-screen .big{animation:pop .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){*,
*:before,
*:after{animation:none!important;transition:none!important}
}
/* ===== textura de fondo propia de cada rubro ===== */
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:var(--textura);background-size:190px 190px;background-repeat:repeat;
  opacity:.045;
  -webkit-mask-image:radial-gradient(130% 105% at 50% 0%,#000 32%,rgba(0,0,0,.35) 72%,transparent 100%);
  mask-image:radial-gradient(130% 105% at 50% 0%,#000 32%,rgba(0,0,0,.35) 72%,transparent 100%);
  animation:tex-deriva 90s linear infinite}
@keyframes tex-deriva{to{background-position:190px 380px}}
.rubro:before,.chip:before{content:none}
:root{--textura:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20120%27%20width%3D%27120%27%20height%3D%27120%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%2710%27%20y%3D%2716%27%20width%3D%2740%27%20height%3D%2736%27%20rx%3D%276%27%2F%3E%3Cpath%20d%3D%27M10%2028h40M22%2010v10M38%2010v10%27%2F%3E%3Ccircle%20cx%3D%2788%27%20cy%3D%2786%27%20r%3D%2718%27%2F%3E%3Cpath%20d%3D%27M88%2074v12l8%206%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-rubro=barberia]{--textura:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20120%27%20width%3D%27120%27%20height%3D%27120%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%2714%27%20y%3D%2714%27%20width%3D%2716%27%20height%3D%2734%27%20rx%3D%278%27%2F%3E%3Cpath%20d%3D%27M14%2022l16-6M14%2032l16-6M14%2042l16-6%27%2F%3E%3Ccircle%20cx%3D%2776%27%20cy%3D%2786%27%20r%3D%276%27%2F%3E%3Ccircle%20cx%3D%2798%27%20cy%3D%2786%27%20r%3D%276%27%2F%3E%3Cpath%20d%3D%27M80%2082%20104%2058M94%2082%2070%2058%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-rubro=peluqueria]{--textura:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20120%27%20width%3D%27120%27%20height%3D%27120%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%2744%27%20r%3D%276%27%2F%3E%3Ccircle%20cx%3D%2740%27%20cy%3D%2744%27%20r%3D%276%27%2F%3E%3Cpath%20d%3D%27M22%2040%2046%2016M36%2040%2012%2016%27%2F%3E%3Crect%20x%3D%2766%27%20y%3D%2774%27%20width%3D%2740%27%20height%3D%2712%27%20rx%3D%273%27%2F%3E%3Cpath%20d%3D%27M72%2086v12M80%2086v12M88%2086v12M96%2086v12%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-rubro=unas]{--textura:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20120%27%20width%3D%27120%27%20height%3D%27120%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%2716%27%20y%3D%2712%27%20width%3D%2712%27%20height%3D%2710%27%20rx%3D%273%27%2F%3E%3Crect%20x%3D%2712%27%20y%3D%2724%27%20width%3D%2720%27%20height%3D%2726%27%20rx%3D%276%27%2F%3E%3Cpath%20d%3D%27M88%2066c6%209%209%2013%209%2018a9%209%200%200%201-18%200c0-5%203-9%209-18z%27%2F%3E%3Cpath%20d%3D%27M62%2096c3%205%205%207%205%2010a5%205%200%200%201-10%200c0-3%202-5%205-10z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-rubro=salud]{--textura:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20120%27%20width%3D%27120%27%20height%3D%27120%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M8%2038h16l5-13%207%2026%205-13h19%27%2F%3E%3Cpath%20d%3D%27M84%2070v34M67%2087h34%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-rubro=spa]{--textura:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20120%27%20width%3D%27120%27%20height%3D%27120%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M46%2014C24%2014%2012%2026%2012%2048c22%200%2034-12%2034-34z%27%2F%3E%3Cpath%20d%3D%27M42%2018%2016%2044%27%2F%3E%3Cpath%20d%3D%27M62%2084c6-7%2014-7%2020%200s14%207%2020%200%27%2F%3E%3Cpath%20d%3D%27M62%20100c6-7%2014-7%2020%200s14%207%2020%200%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-rubro=fitness]{--textura:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20120%27%20width%3D%27120%27%20height%3D%27120%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%2710%27%20y%3D%2724%27%20width%3D%279%27%20height%3D%2722%27%20rx%3D%274%27%2F%3E%3Crect%20x%3D%2721%27%20y%3D%2730%27%20width%3D%276%27%20height%3D%2710%27%20rx%3D%273%27%2F%3E%3Cpath%20d%3D%27M27%2035h22%27%2F%3E%3Crect%20x%3D%2749%27%20y%3D%2730%27%20width%3D%276%27%20height%3D%2710%27%20rx%3D%273%27%2F%3E%3Crect%20x%3D%2757%27%20y%3D%2724%27%20width%3D%279%27%20height%3D%2722%27%20rx%3D%274%27%2F%3E%3Cpath%20d%3D%27M70%20104l12-16%2010%2010%2014-22%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-rubro=tattoo]{--textura:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20120%27%20width%3D%27120%27%20height%3D%27120%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M44%2010%2054%2020%2022%2052%208%2056l4-14z%27%2F%3E%3Cpath%20d%3D%27M14%2046l6%206%27%2F%3E%3Cpath%20d%3D%27M62%2092c10-14%2022-14%2032%200s16%2010%2022%202%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-rubro=veterinaria]{--textura:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20120%27%20width%3D%27120%27%20height%3D%27120%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cellipse%20cx%3D%2730%27%20cy%3D%2740%27%20rx%3D%2713%27%20ry%3D%2711%27%2F%3E%3Ccircle%20cx%3D%2714%27%20cy%3D%2722%27%20r%3D%276%27%2F%3E%3Ccircle%20cx%3D%2727%27%20cy%3D%2714%27%20r%3D%276.5%27%2F%3E%3Ccircle%20cx%3D%2741%27%20cy%3D%2716%27%20r%3D%276%27%2F%3E%3Ccircle%20cx%3D%2751%27%20cy%3D%2727%27%20r%3D%275%27%2F%3E%3Cpath%20d%3D%27M72%2096a7%207%200%201%201%2010-6h16a7%207%200%201%201%206%2010%207%207%200%201%201-10%206H78a7%207%200%201%201-6-10z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-rubro=automotor]{--textura:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20120%27%20width%3D%27120%27%20height%3D%27120%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M40%2012a14%2014%200%200%200-18%2018L10%2042l8%208%2012-12a14%2014%200%200%200%2018-18l-8%208-8-8z%27%2F%3E%3Cpath%20d%3D%27M88%2066l14%208v16l-14%208-14-8V74z%27%2F%3E%3Ccircle%20cx%3D%2788%27%20cy%3D%2782%27%20r%3D%276%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-rubro=profesional]{--textura:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20120%27%20width%3D%27120%27%20height%3D%27120%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%2710%27%20y%3D%2716%27%20width%3D%2740%27%20height%3D%2736%27%20rx%3D%276%27%2F%3E%3Cpath%20d%3D%27M10%2028h40M22%2010v10M38%2010v10%27%2F%3E%3Ccircle%20cx%3D%2788%27%20cy%3D%2786%27%20r%3D%2718%27%2F%3E%3Cpath%20d%3D%27M88%2074v12l8%206%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

/* ===== selector de rubro en la portada ===== */
.hero-rubros{max-width:360px;margin:0 auto 14px}.hr-tit{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);margin-bottom:7px;text-align:center}#hero-rubros{scrollbar-width:thin}#hero-rubros .chip{display:flex;align-items:center;gap:7px;padding:6px 11px 6px 6px;font-size:13px;white-space:nowrap}#hero-rubros .chip .motif{--ms:24px;border-radius:8px}#hero-rubros .chip.on{background:var(--g-main);border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(var(--tint),.32)}.phone .top .motif{--ms:40px;position:relative;margin:0 auto 8px;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}[data-rubro=barberia] .phone .top .motif{background:linear-gradient(90deg,#b9c0cc,#f2f5f9 30%,#dfe4ec 62%,#a9b2c0)}.phone .top b{position:relative}.phone,
.rhead,
.topbar,
.motif,
.brandbar,
.btn.pri,
.chip.on,
.tabs button.on{transition:background .45s ease,box-shadow .45s ease,color .3s}
@media (max-width:860px){.hero-rubros{max-width:100%}}/* ===== alta del negocio con elección de rubro ===== */
.alta{max-width:720px;margin:5vh auto}.alta:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;border-radius:var(--r) var(--r) 0 0;background:var(--g-warm)}.alta-hd{display:flex;gap:16px;align-items:center;margin-bottom:16px}.alta-hd h2{margin:0 0 3px}.alta-hd p{margin:0;font-size:14px}.alta #f-alta{margin-top:18px;border-top:1px dashed var(--bd);padding-top:6px}
@media (max-width:620px){.alta-hd{flex-direction:column;text-align:center;gap:10px}}

/* ===== resumen del día ===== */
.stats{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.stats>div{min-width:78px}
.stats b{display:block;font-size:30px;line-height:1;font-weight:800;letter-spacing:-.03em;
  background:var(--g-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats span{font-size:12px;font-weight:600;color:var(--mu);text-transform:uppercase;letter-spacing:.05em}
.stats .motif{margin-left:auto}
@media (max-width:620px){.stats{gap:16px}.stats .motif{display:none}}

/* ===== pedir el alta ===== */
.adq-hd{display:flex;gap:18px;align-items:center}
.adq-hd:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;border-radius:var(--r) var(--r) 0 0;background:var(--g-warm)}
.planes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.planopt{position:relative;text-align:left;font:inherit;cursor:pointer;padding:15px 16px;border-radius:16px;
  border:1.5px solid var(--bd);background:linear-gradient(170deg,#fff,#f6f9fe);color:var(--navy);
  transition:transform .16s,box-shadow .2s,border-color .2s}
.planopt:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(var(--tint),.15)}
.planopt.on{border-color:transparent;box-shadow:0 0 0 2px var(--royal),0 12px 26px rgba(var(--tint),.22)}
.planopt b{display:block;font-size:15px}
.planopt .p{display:block;font-size:26px;font-weight:800;letter-spacing:-.03em;margin:4px 0 2px;
  background:var(--g-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.planopt small{color:var(--mu);font-size:12.5px}
.planopt .tag{font-style:normal;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;
  background:var(--g-main);color:#fff;padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:2px}
textarea{resize:vertical;min-height:72px}
@media (max-width:620px){.planes{grid-template-columns:1fr}.adq-hd{flex-direction:column;text-align:center;gap:12px}}

/* ===== aviso de cómo se contrata ===== */
.aviso-venta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;
  background:linear-gradient(135deg,var(--tone1),var(--tone2));border:1px solid var(--edge);
  border-radius:var(--r);padding:14px 18px;margin:0 0 14px}
.aviso-venta b{color:var(--navy)}
.aviso-venta p{margin:0;font-size:14px;color:#4a5a72}
.aviso-venta .btn{margin-left:auto}
.cinta{position:fixed;left:12px;bottom:12px;z-index:40;display:flex;align-items:center;gap:8px;
  background:var(--g-night);color:#fff;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:600;
  box-shadow:var(--sh-lg);text-decoration:none}
.cinta:hover{filter:brightness(1.12)}
@media (max-width:620px){.aviso-venta .btn{margin-left:0;width:100%}.cinta{display:none}}

/* ===== celular: que nada empuje el ancho de la página ===== */
html{overflow-x:clip}
.wrap,.hero .wrap>*,.hero-rubros,#hero-rubros,.chips.scroll,.tabs,.rwrap{min-width:0}
.hero .wrap{max-width:100%}
.phone{max-width:min(360px,100%)}
@media (max-width:860px){
  .hero{padding:26px 0 34px}
  .hero .wrap{gap:26px}
  .hero-rubros{margin-bottom:12px}
  .hero h1{font-size:clamp(30px,8.4vw,44px)}
  .hero p.lead{font-size:16px}
  .hero .cta{margin:18px 0 10px}
  .hero .cta .btn{flex:1 1 auto;justify-content:center}
  .hero:before{width:320px;height:320px;right:-110px;top:-110px}
  .hero:after{width:260px;height:260px;left:-130px;bottom:-120px}
  .section{padding:44px 0}
  .stats{gap:18px}
  .topbar .wrap{gap:8px}
  .topbar .logo{font-size:17px}
}
@media (max-width:420px){
  .topbar .btn.sm,.nav .links .btn{padding:6px 9px;font-size:12.5px}
  .rubros{grid-template-columns:1fr 1fr;gap:8px}
  .rubro{min-height:58px;padding:9px;font-size:13px;gap:8px}
  .rubro small{display:none}
  .rubro .motif.sm{--ms:32px}
  .stats b{font-size:25px}
  .planes{gap:10px}
}

/* ===== celular: barra superior en dos filas y campos apilados ===== */
@media (max-width:560px){
  .topbar .wrap{height:auto;padding-top:9px;padding-bottom:9px;flex-wrap:wrap;row-gap:9px}
  .topbar .logo{flex:1 1 100%;font-size:17px;min-width:0}
  .topbar .logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar .right{margin-left:0;width:100%;justify-content:flex-start;flex-wrap:wrap}
  .pill{white-space:nowrap}
}
@media (max-width:620px){
  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}
  .stats>div{min-width:0}
  .stats b{font-size:24px}
  .stats span{font-size:10px;letter-spacing:.02em;line-height:1.25}
}
@media (max-width:480px){
  .row>.grow{min-width:100%}
  .hor{grid-template-columns:1fr 1fr}
  .linkbox{font-size:12.5px}
  main.wrap,.rwrap{padding-left:14px;padding-right:14px}
}