/* ===== sitio.css ===== */
/* ===== site.css ===== */
@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/caveat-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/caveat-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/inter-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/inter-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/sourceserif4-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/sourceserif4-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/sourceserif4-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#fbfaf6;--paper-2:#f5f3ed;--ink:#191b18;--muted:#5b625c;--muted-2:#616861;--green:#0a6d46;--green-dark:#07583b;--green-soft:#dff6e8;--line:#e7e8e2;--serif:'Source Serif 4',Georgia,serif;--sans:'Inter',Arial,sans-serif;--hand:'Caveat',cursive;--max:1360px;--radius:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.modal-open{overflow:hidden}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img,video{display:block;max-width:100%}
.skip{position:absolute;left:-9999px}
.skip:focus{left:20px;top:20px;z-index:999;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:12px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:#1ec57d solid 3px;outline-offset:3px}
.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}
.nav-shell{position:sticky;top:0;z-index:70;background:rgba(251,250,246,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(25,27,24,.06)}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand img{width:172px;height:auto}
.nav-links{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:500;color:#40453f}
.nav-links a{position:relative;padding:6px 0}
.nav-links a.active{color:var(--ink);font-weight:700}
.nav-links a.active::after{content:'';position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--green);border-radius:999px}
.footer-bottom a:hover,.footer-links a:hover,.nav-links a:hover,.text-link:hover{color:var(--green-dark)}
.outline-btn,.white-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 26px;border-radius:999px;font-size:15px;font-weight:600;line-height:1;white-space:nowrap;transition:.18s}
.outline-btn{border:1.5px solid rgba(25,27,24,.72);background:0 0}
.outline-btn:hover{background:var(--ink);color:#fff;transform:translateY(-1px)}
.nav-login{min-width:180px}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px}
.menu-toggle svg{width:22px;height:22px}
.eyebrow{display:block;text-transform:uppercase;letter-spacing:.26em;font-size:11px;font-weight:700;line-height:1.4;color:#545b56}
.serif{font-family:var(--serif);font-weight:600;letter-spacing:-.028em}
.muted{color:var(--muted)}
.anchor-offset{position:absolute;transform:translateY(-100px)}
.green-btn,.white-btn{border:0;min-height:56px}
.green-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--green-dark);color:#fff;padding:17px 30px;border-radius:999px;font-weight:700;font-size:16px;box-shadow:0 10px 26px rgba(7,88,59,.16);transition:.2s}
.green-btn:hover{transform:translateY(-2px);background:#06442e}
.green-btn svg,.white-btn svg{width:18px;height:18px}
.white-btn{background:#fff;color:var(--ink);padding:16px 26px}
.white-btn:hover{transform:translateY(-2px)}
.hero{position:relative;padding:34px 0 16px;overflow:hidden}
.hero::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:rgba(25,27,24,.06)}
.hero-inner{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(520px,1.22fr);gap:36px;align-items:center;min-height:610px}
.hero-copy{max-width:600px;padding:40px 0 48px;position:relative;z-index:2}
.hero-copy h1{margin:14px 0 18px;font-size:clamp(68px,5.9vw,92px);line-height:.86}
.hero-copy .lead{margin:0;max-width:480px;font-size:22px;line-height:1.48;color:#646964}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:34px}
.micro-proof{font-size:14px;color:#5d625d}
.hero-stage{position:relative;min-height:610px}
.hero-media-shell{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end}
.hero-video{width:min(930px,100%);height:100%;object-fit:contain;object-position:right center;filter:saturate(1.02)}
.floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:14px;min-width:252px;max-width:300px;padding:15px 16px;background:rgba(255,255,255,.95);border:1px solid rgba(20,32,25,.08);border-radius:18px;box-shadow:0 20px 38px rgba(13,31,20,.08);backdrop-filter:blur(10px)}
.floating-card b{display:block;font-size:17px;line-height:1.1;font-weight:700;letter-spacing:-.02em}
.floating-card small{display:block;font-size:13px;line-height:1.35;color:#7a807a;margin-top:5px}
.float-check,.float-wa{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:14px}
.float-wa{background:#1fcb73;color:#fff}
.float-wa svg{width:22px;height:22px}
.float-check{background:#e5f8ec;color:#12905c;font-size:20px;font-weight:800}
.float-meta{font-size:13px;color:#5b635d;align-self:flex-start;margin-top:4px}
.call-time{color:#20b878;font-weight:700}
.float-one{left:10px;top:125px}
.float-two{left:-8px;top:250px}
.float-three{left:84px;top:392px}
.wave{height:22px;display:flex;align-items:center;gap:4px;margin-left:auto}
.wave i{display:block;width:3px;background:#1bc879;border-radius:999px;animation:1.18s ease-in-out infinite wave}
.wave i:first-child,.wave i:nth-child(5){height:9px}
.wave i:nth-child(2),.wave i:nth-child(4){height:18px;animation-delay:.18s}
.wave i:nth-child(3){height:22px;animation-delay:.35s}
@keyframes wave{
50%{transform:scaleY(.35)}
}
.scribble{position:absolute;color:#4b504b;z-index:4}
.scribble-hero{right:4px;top:54px;width:210px;transform:rotate(-7deg);text-align:center}
.scribble-hero span{display:block;font-family:var(--hand);font-size:32px;line-height:1.03;font-weight:700}
.scribble-arrow{width:132px;height:auto;margin:8px auto 0 46px}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:10px}
.photo-card{position:relative;overflow:hidden;border-radius:18px;background:#dce4dc;aspect-ratio:1.28;box-shadow:0 8px 18px rgba(13,20,15,.04)}
.photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.photo-card:hover img{transform:scale(1.035)}
.photo-card::after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82))}
.photo-caption{position:absolute;left:26px;right:26px;bottom:22px;z-index:1;color:#fff}
.photo-caption h2{margin:0 0 8px;font-size:28px;line-height:.95;font-family:var(--serif);font-weight:600;letter-spacing:-.03em}
.photo-caption p{margin:0;max-width:260px;font-size:13px;line-height:1.45;color:rgba(255,255,255,.92)}
.platform{position:relative;display:grid;grid-template-columns:minmax(390px,.9fr) minmax(400px,1.1fr);gap:88px;align-items:center;padding:92px 0 84px}
.phone-side{position:relative;display:flex;justify-content:center}
.phone-note{position:absolute;left:-14px;top:44px;z-index:2;color:#47504a}
.phone-note span{display:block;font-family:var(--hand);font-size:38px;line-height:.95;transform:rotate(-8deg)}
.phone-note svg{display:block;width:110px;margin:4px 0 0 126px}
.phone{position:relative;width:348px;max-width:100%;padding:7px;border-radius:44px;background:#171b1d;border:5px solid #202526;box-shadow:0 0 0 2px #b8bbb6,0 28px 65px rgba(14,25,19,.14)}
.phone::before{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:84px;height:19px;border-radius:0 0 16px 16px;background:#15191a;z-index:5}
.phone-screen{height:622px;border-radius:34px;overflow:hidden;background:#ece7de;display:flex;flex-direction:column}
.phone,.phone *{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.phone-header{display:flex;align-items:center;gap:10px;min-height:80px;padding:27px 14px 15px;background:#07583b;color:#fff}
.phone-header .back{font-size:24px;font-weight:500}
.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f6faf7;color:#168d5c;font-weight:700}
.phone-name{flex:1;font-size:12px;font-weight:700;line-height:1.15}
.online-dot{color:#8bf3ba}
.phone-name small{display:block;font-size:11px;font-weight:500;opacity:.82;margin-top:3px}
.phone-actions{font-size:16px;letter-spacing:5px}
.chat-content{flex:1;overflow:auto;padding:14px 11px 12px;scrollbar-width:thin}
.bubble{max-width:92%;margin-bottom:9px;padding:11px 12px;border-radius:11px;background:#fff;color:#202321;font-size:11px;line-height:1.42;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.bubble.sent{margin-left:auto;background:#d9f8e3}
.bubble small{display:block;margin-top:4px;text-align:right;font-size:11px;color:#5b635d}
.interactive-message{background:#fff;border-radius:11px;overflow:hidden;margin-bottom:9px;font-size:11px;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.interactive-message .msg-head{padding:12px 12px 7px;font-weight:700;font-size:11px}
.interactive-message .msg-body{padding:0 12px 10px;color:#5b635d;line-height:1.42;font-size:11px}
.option-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf0eb;padding:11px 12px;color:#07583b;font-size:11px}
.option-row button{padding:0;border:0;background:0 0;color:#07583b;font-size:11px;font-weight:600;text-align:left}
.choices button:hover,.list-choice:hover,.option-row:hover,.product-mini button:hover{background:#e8f8ee}
.choices{display:flex;gap:5px;padding:0 7px 9px}
.choices button{flex:1;border:1px solid #e4e8e2;border-radius:7px;background:#fff;color:#07583b;padding:9px 4px;font-size:11px}
.list-choice{width:100%;display:flex;align-items:center;gap:8px;text-align:left;margin:4px 0;padding:10px 9px;background:#fff;border:1px solid #ecf0eb;border-radius:6px;font-size:11px}
.list-choice.selected{background:#ddf8e7;border-color:#bde9ce}
.list-choice .bullet{width:17px;height:17px;display:grid;place-items:center;flex:none;border:1px solid #c4d9cc;border-radius:50%;color:#088d58}
.checks{padding:0 12px 10px}
.checks label{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:11px}
.checks input{accent-color:#12a86b}
.carousel-track{display:flex;gap:8px;overflow-x:auto;padding:0 10px 11px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.product-mini{width:155px;min-width:155px;border:1px solid #e7e9e5;border-radius:9px;overflow:hidden;background:#fff;scroll-snap-align:start}
.product-mini img{width:100%;height:90px;object-fit:cover}
.product-mini b{display:block;padding:8px 8px 3px;font-size:11px}
.product-mini p{margin:0;padding:0 8px 7px;font-size:11px;color:#5b635d}
.product-mini button{width:calc(100% - 12px);margin:0 6px 7px;padding:7px 8px;border:0;border-radius:6px;background:#e1f7ea;color:#07583b;font-size:11px}
.chat-footer{display:flex;align-items:center;gap:6px;padding:8px;background:#f3f1ec}
.chat-input{flex:1;padding:10px 12px;border-radius:22px;background:#fff;color:#5b635d;font-size:11px}
.mic{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#0c7b50;color:#fff;font-size:14px}
.phone-hint{margin:14px 0 0;font-size:13px;color:#5b635d;text-align:center}
.platform-copy h2{font-size:clamp(58px,5.4vw,84px);line-height:.88;margin:10px 0 16px}
.platform-copy .lead{font-size:22px;line-height:1.5;max-width:700px;margin:0 0 26px}
.feature-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.feature-item{border-bottom:1px solid var(--line)}
.feature-trigger{width:100%;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:18px;padding:18px 0;border:0;background:0 0;text-align:left}
.feature-trigger strong{font-size:22px;font-weight:700;letter-spacing:-.02em}
.feature-trigger span{font-size:16px;line-height:1.45;color:#6c736d}
.feature-trigger .arrow{font-size:22px;color:#5b635d;transition:transform .18s}
.feature-item.active .feature-trigger .arrow{transform:rotate(90deg);color:var(--green-dark)}
.feature-detail{display:none;padding:0 0 18px 190px;font-size:15px;line-height:1.5;color:#7a817b}
.feature-item.active .feature-detail{display:block}
.phone-selector{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.phone-selector button{padding:9px 14px;border-radius:999px;border:1px solid #d9ded7;background:#fff;color:#6f756f;font-size:13px;font-weight:600}
.phone-selector button.active,.phone-selector button:hover{background:var(--green-soft);border-color:#bce8cd;color:var(--green-dark)}
.news-section{padding:18px 0 34px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:24px}
.section-head h2{margin:8px 0;font-size:clamp(50px,4.7vw,70px);line-height:.92}
.section-head p{max-width:700px;font-size:20px;line-height:1.45;margin:0}
.text-link{font-size:18px;font-weight:700;white-space:nowrap}
.news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.news-item a{display:block}
.news-image{position:relative;overflow:hidden;border-radius:16px;margin-bottom:14px;background:#e2e7df;aspect-ratio:1.35}
.news-image img{width:100%;height:100%;object-fit:cover}
.tag{position:absolute;left:14px;bottom:12px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.94);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.news-item h3{margin:0 0 8px;font-family:var(--serif);font-size:31px;line-height:.96;font-weight:600;letter-spacing:-.032em}
.news-item p{margin:0 0 10px;font-size:15px;line-height:1.5;color:#69706a}
.news-item time{font-size:13px;color:#5b635d}
.demo-note{margin:16px 0 0;font-size:14px;color:#5b635d}
.cta-section{padding:26px 0 72px}
.cta-box{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:34px 38px;border-radius:24px;color:#fff;background:linear-gradient(90deg,rgba(6,85,56,.96),rgba(9,94,63,.93)),url('../img/equipo-wide.jpg') center/cover}
.cta-box::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,55,37,.06),rgba(4,55,37,.06))}
.cta-box>*{position:relative;z-index:1}
.cta-box h2{margin:10px 0 0;font-size:56px;line-height:.95;max-width:820px}
.cta-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.cta-actions small{font-size:14px;color:rgba(255,255,255,.85)}
.footer{background:linear-gradient(180deg,#015436 0,#01422d 100%);color:#f6fff8;padding:54px 0 28px}
.footer-top{display:grid;grid-template-columns:1.15fr .8fr .8fr;gap:56px;align-items:start}
.footer-heading{margin:0 0 16px;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.66)}
.footer-links{display:flex;flex-direction:column;gap:12px}
.footer-links a{font-size:18px;line-height:1.45;color:#f6fff8}
.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:space-between;gap:20px;color:rgba(255,255,255,.78);font-size:15px}
.footer-bottom div{display:flex;flex-wrap:wrap;gap:22px}
.modal-backdrop{position:fixed;inset:0;display:none;place-items:center;padding:18px;background:rgba(10,14,11,.42);z-index:100}
.modal-backdrop.open{display:grid}
.modal{width:min(580px,100%);max-height:min(92vh,780px);overflow:auto;background:#fff;border-radius:26px;padding:28px 28px 26px;box-shadow:0 24px 58px rgba(11,20,15,.22);position:relative}
.article-modal{width:min(820px,100%)}
.modal-close{position:absolute;top:16px;right:16px;border:0;background:#f2f4f1;border-radius:50%;width:38px;height:38px;font-size:24px;line-height:1}
.modal h2{margin:8px 0 12px;font-size:54px;line-height:.92}
.modal p{font-size:17px;line-height:1.55;color:#5d625d}
.form-field{display:block;margin-top:16px;font-size:15px;font-weight:600;color:#30342f}
.form-field input,.form-field select{width:100%;margin-top:8px;padding:14px 16px;border-radius:14px;border:1px solid #d9ded8;background:#fff;font-size:16px}
.form-submit{margin-top:18px;width:100%}
.form-status{display:none;margin-top:12px;padding:12px 14px;border-radius:14px;background:#eaf8ef;color:#176944;font-size:15px;line-height:1.5}
.form-status.visible{display:block}
@media (max-width:1320px){
.wrap{width:min(var(--max),calc(100% - 72px))}
.hero-inner{grid-template-columns:minmax(330px,.95fr) minmax(480px,1.08fr)}
.hero-copy h1{font-size:clamp(60px,5.4vw,84px)}
.hero-stage{min-height:570px}
.hero-video{width:min(860px,100%)}
.float-one{left:4px;top:108px}
.float-two{left:-8px;top:228px}
.float-three{left:58px;top:370px}
.scribble-hero{right:-8px;top:42px}
.platform{gap:56px}
}
@media (max-width:1120px){
.nav-links{display:none;position:absolute;left:24px;right:24px;top:82px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(251,250,246,.98);box-shadow:0 18px 30px rgba(0,0,0,.05);flex-direction:column;align-items:flex-start;gap:14px}
.nav-links.open{display:flex}
.menu-toggle{display:block}
.nav-login{margin-left:auto}
.hero{padding-top:22px}
.hero-inner{grid-template-columns:1fr;gap:18px;min-height:unset}
.hero-copy{max-width:760px;padding-top:28px;padding-bottom:0}
.hero-copy h1{font-size:clamp(56px,9vw,86px);max-width:680px}
.hero-stage{min-height:540px}
.hero-media-shell{justify-content:center}
.hero-video{width:min(920px,100%);height:auto}
.float-one{left:26px;top:116px}
.float-two{left:8px;top:244px}
.float-three{left:136px;top:386px}
.scribble-hero{right:10px;top:24px}
.benefits{grid-template-columns:1fr}
.platform{grid-template-columns:1fr;gap:40px;padding-top:74px}
.phone-side{padding-top:60px}
.phone-note{left:0;top:0}
.platform-copy h2{font-size:clamp(48px,7vw,72px)}
.feature-trigger{grid-template-columns:1fr auto;gap:14px}
.feature-trigger strong{grid-column:1/2;font-size:21px}
.feature-trigger span{grid-column:1/2;font-size:15px}
.feature-trigger .arrow{grid-column:2/3;grid-row:1/3}
.feature-detail{padding-left:0}
.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cta-box{flex-direction:column;align-items:flex-start}
.cta-actions{align-items:flex-start}
.footer-top{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
.wrap{width:calc(100% - 40px)}
.nav{height:76px;gap:16px}
.brand img{width:154px}
.nav-login,.outline-btn{display:none}
.hero-copy h1{font-size:clamp(46px,13vw,70px)}
.hero-copy .lead,.platform-copy .lead,.section-head p{font-size:18px}
.hero-stage{min-height:360px}
.hero-video{width:100%}
.floating-card{min-width:unset;max-width:230px;padding:11px 12px;border-radius:14px;gap:10px}
.floating-card b{font-size:13px}
.floating-card small{font-size:11px}
.float-check,.float-wa{width:34px;height:34px;border-radius:11px}
.float-one{left:0;top:92px}
.float-two{left:0;top:176px}
.float-three{left:62px;top:264px}
.scribble-hero{display:none}
.photo-card{aspect-ratio:1.12}
.photo-caption h2{font-size:24px}
.platform{padding-top:58px;padding-bottom:68px}
.phone-side{justify-content:flex-start}
.phone-note{position:static;margin-bottom:12px}
.phone-note span{font-size:30px}
.phone-note svg{width:90px;margin-left:108px}
.phone{width:min(100%,340px);margin-inline:auto}
.phone-screen{height:590px}
.cta-box h2,.platform-copy h2,.section-head h2{font-size:44px}
.phone-selector button{font-size:12px}
.news-grid{grid-template-columns:1fr}
.news-item h3{font-size:28px}
.section-head{align-items:flex-start;flex-direction:column}
.text-link{font-size:16px}
.cta-box{padding:28px 24px}
.footer{padding-top:44px}
.footer-top{grid-template-columns:1fr;gap:32px}
.footer p,.footer-links a{font-size:16px}
.footer-bottom{flex-direction:column;align-items:flex-start;font-size:14px}
.modal{padding:24px 20px}
.modal h2{font-size:46px}
}
[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:6px}
.footer-links a:focus-visible,.mm-link:focus-visible{outline-offset:1px}
.floating_btn{position:fixed;bottom:30px;right:30px;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:90;pointer-events:none}
.floating_btn a{pointer-events:auto;text-decoration:none;border-radius:50%}
.floating_btn a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.contact_icon{background-color:#298653;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.22);transform:translatey(0);transition:transform .3s ease-in-out,background-color .3s ease-in-out;animation:1.6s cubic-bezier(.66,0,0,1) infinite pulsing}
.contact_icon svg{width:32px;height:32px;display:block;fill:currentColor}
.floating_btn a:hover .contact_icon{transform:translatey(-3px);background-color:#206f44}
@keyframes pulsing{
0%{box-shadow:0 6px 18px rgba(0,0,0,.22),0 0 0 0 rgba(41,134,83,.6)}
70%{box-shadow:0 6px 18px rgba(0,0,0,.22),0 0 0 18px rgba(41,134,83,0)}
100%{box-shadow:0 6px 18px rgba(0,0,0,.22),0 0 0 0 rgba(41,134,83,0)}
}
@media (prefers-reduced-motion:reduce){
.contact_icon{animation:none;transition:none}
.floating_btn a:hover .contact_icon{transform:none}
}
@media (max-width:480px){
.floating_btn{width:76px;height:76px;bottom:16px;right:16px}
}

/* ===== hero-v5.css ===== */
.nav{height:92px}
.brand img{width:228px;height:auto;max-width:none}
.nav-links{font-size:15px}
.hero-v5{position:relative;isolation:isolate;overflow:hidden;background:#fbfaf6;padding:0}
.hero-v5>.hero-poster-fallback,.hero-v5>.hero-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;pointer-events:none;filter:none}
.hero-v5>.hero-poster-fallback{display:none}
.hero-v5.video-fallback>.hero-poster-fallback{display:block}
.hero-v5>.hero-inner{position:relative;display:flex;align-items:center;min-height:660px;padding-top:48px;padding-bottom:58px;gap:0}
.hero-v5 .hero-copy{position:relative;z-index:4;flex:none;width:min(47%,610px);max-width:610px;padding:0}
.hero-v5 .hero-copy h1{font-size:clamp(40px,5.1vw,78px);line-height:.96;max-width:540px}
.hero-v5 .hero-copy .lead{max-width:480px}
.hero-v5 .hero-stage{position:absolute;inset:0;min-height:0;z-index:2;pointer-events:none}
.hero-v5 .floating-card{transform:none!important;backdrop-filter:none}
.hero-v5 .wave{height:26px;align-items:center;gap:3.5px;margin-left:auto}
.hero-v5 .wave i{width:3.5px;border-radius:999px;background:#12a55f;transform-origin:center;animation:1.15s ease-in-out infinite eh-onda!important}
.hero-v5 .wave i:first-child{height:34%;animation-delay:-.1s!important}
.hero-v5 .wave i:nth-child(2){height:66%;animation-delay:-.44s!important}
.hero-v5 .wave i:nth-child(3){height:100%;animation-delay:-.74s!important}
.hero-v5 .wave i:nth-child(4){height:48%;animation-delay:-.26s!important}
.hero-v5 .wave i:nth-child(5){height:82%;animation-delay:-.6s!important}
.hero-v5 .wave i:nth-child(6){height:58%;animation-delay:-.88s!important}
.hero-v5 .wave i:nth-child(7){height:30%;animation-delay:-.36s!important}
@keyframes eh-onda{
0%,100%{transform:scaleY(.32)}
50%{transform:scaleY(1)}
}
.hero-v5 .float-wa svg{width:60%;height:60%;fill:currentColor;stroke:none}
.hero-v5 .float-one{left:45%;top:25%}
.hero-v5 .float-two{left:42%;top:45%}
.hero-v5 .float-three{left:48%;top:68%}
.hero-v5 .scribble-hero{position:absolute;right:calc((100% - 100vw)/ 2 + clamp(28px,3vw,58px));top:28%;width:240px;transform:rotate(-6deg);z-index:5;text-align:center}
.hero-v5 .scribble-hero span{font-size:35px;line-height:1.03}
.hero-v5 .scribble-arrow{display:block;width:144px;height:auto;margin:4px auto 0 25px}
.platform .phone-layout-v4{display:grid;grid-template-columns:200px minmax(0,348px);gap:24px;align-items:center;justify-content:center;min-width:0}
.phone-layout-v4 .phone-note{position:relative;left:auto;top:auto;width:200px;max-width:200px;align-self:center;z-index:2;transform:none;margin:0;overflow:visible}
.phone-layout-v4 .phone-note span{display:block;width:192px;font-size:38px;line-height:.95;transform:rotate(-8deg);transform-origin:50% 50%}
.phone-layout-v4 .phone-note svg{display:block;width:136px;height:auto;margin:10px 0 0 45px;overflow:visible}
.phone-layout-v4>div:not(.phone-note){min-width:0;width:100%;max-width:348px}
.phone-layout-v4 .phone{width:100%;margin-inline:auto}
.phone-layout-v4 .phone-hint{max-width:348px;margin-inline:auto}
.feature-list{--feature-label:190px;--feature-gap:18px}
.feature-item{position:relative;isolation:isolate}
.feature-item::before{content:'';position:absolute;inset:3px -14px;border-radius:12px;background:#e9f7ef;opacity:0;transition:opacity .18s;pointer-events:none;z-index:-1}
.feature-item:focus-within::before,.feature-item:hover::before{opacity:1}
.feature-trigger{grid-template-columns:var(--feature-label) minmax(0,1fr) auto;gap:var(--feature-gap);position:relative;z-index:1}
.feature-trigger .arrow{transition:transform .18s,color .18s}
.feature-item:not(.active):hover .feature-trigger .arrow{transform:translateX(4px);color:var(--green-dark)}
.feature-item.active .feature-trigger .arrow{transform:rotate(90deg)}
.feature-detail{box-sizing:border-box;padding:0 34px 18px calc(var(--feature-label) + var(--feature-gap));margin:0;text-align:left;line-height:1.55;position:relative;z-index:1}
.platform-more{display:inline-flex;align-items:center;gap:15px;margin-top:38px;color:var(--green-dark);font-size:19px;font-weight:700;line-height:1.5;border-bottom:1px solid currentColor;padding-bottom:4px;transition:color .18s,gap .18s}
.platform-more svg{width:20px;height:20px;flex:none}
.platform-more:focus-visible,.platform-more:hover{color:#08764a;gap:22px}
@media(max-width:1320px){
.hero-v5>.hero-inner{min-height:620px}
.hero-v5 .hero-copy{width:min(46%,570px)}
.hero-v5 .hero-copy h1{font-size:clamp(62px,5.5vw,84px)}
.hero-v5 .floating-card{max-width:240px;min-width:220px;padding:12px 13px}
.hero-v5 .floating-card b{font-size:14px}
.hero-v5 .floating-card small{font-size:11px}
/* Las tarjetas arrancan pasado el ancho del titular (46%) para no montarse
   sobre el texto. Antes empezaban en 45% con un titular del 48%. */
.hero-v5 .float-one{left:50%;top:24%}
.hero-v5 .float-two{left:48%;top:44%}
.hero-v5 .float-three{left:54%;top:67%}
.hero-v5 .scribble-hero{width:196px;top:28%}
.hero-v5 .scribble-hero span{font-size:30px}
.hero-v5 .scribble-arrow{width:120px}
.platform .phone-layout-v4{grid-template-columns:160px minmax(0,330px);gap:16px}
.phone-layout-v4 .phone-note{width:160px;max-width:160px}
.phone-layout-v4 .phone-note span{width:155px;font-size:32px}
.phone-layout-v4 .phone-note svg{width:112px;margin-left:34px}
}
@media(max-width:1120px){
.hero-v5>.hero-inner{display:flex;align-items:flex-start;flex-direction:column;min-height:0;padding-top:46px;padding-bottom:0}
.hero-v5 .hero-copy{width:100%;max-width:720px;padding:0 0 26px}
.hero-v5 .hero-copy h1{max-width:680px;font-size:clamp(62px,8vw,84px)}
.hero-v5>.hero-poster-fallback,.hero-v5>.hero-video{top:auto;bottom:0;height:510px;object-position:center center}
.hero-v5 .hero-stage{position:relative;inset:auto;width:100%;height:510px;flex:none}
.hero-v5 .float-one{left:4%;top:22%}
.hero-v5 .float-two{left:2%;top:43%}
.hero-v5 .float-three{left:12%;top:68%}
.hero-v5 .scribble-hero{right:0;top:27%;width:180px}
.hero-v5 .scribble-hero span{font-size:29px}
.hero-v5 .scribble-arrow{width:112px;margin-left:20px}
.platform .phone-layout-v4{grid-template-columns:200px minmax(0,348px);gap:24px}
.phone-layout-v4 .phone-note{width:200px;max-width:200px}
.phone-layout-v4 .phone-note span{width:192px;font-size:38px}
.phone-layout-v4 .phone-note svg{width:136px;margin-left:45px}
.feature-trigger{grid-template-columns:minmax(0,1fr) auto;gap:14px}
.feature-detail{padding:0 18px 18px 0}
}
@media(max-width:760px){
.nav{height:76px}
.brand img{width:190px;height:auto}
.hero-v5>.hero-inner{padding-top:32px}
.hero-v5 .hero-copy h1{font-size:clamp(46px,12.7vw,68px);line-height:.91}
.hero-v5 .hero-copy .lead{font-size:18px}
.hero-v5>.hero-poster-fallback,.hero-v5>.hero-video{height:380px;object-position:calc(100% + 80px) center}
.hero-v5 .hero-stage{height:380px}
.hero-v5 .floating-card{min-width:0;max-width:165px;padding:9px;gap:7px;border-radius:12px}
.hero-v5 .floating-card b{font-size:11px;line-height:1.2;white-space:normal}
.hero-v5 .floating-card small{font-size:11px}
.hero-v5 .float-check,.hero-v5 .float-wa{width:28px;height:28px;border-radius:9px}
.hero-v5 .float-wa svg{width:17px;height:17px}
.hero-v5 .float-one{left:0;top:14%}
.hero-v5 .float-two{left:0;top:39%}
.hero-v5 .float-three{left:0;top:68%}
.hero-v5 .float-meta{display:none}
.hero-v5 .scribble-hero{display:block;right:0;top:3%;width:116px;transform:rotate(-6deg)}
.hero-v5 .scribble-hero span{font-size:21px}
.hero-v5 .scribble-arrow{width:72px;margin:0 auto 0 10px}
.platform .phone-layout-v4{display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:0}
.phone-layout-v4 .phone-note{width:min(100%,340px);max-width:340px;align-self:center;margin:0}
.phone-layout-v4 .phone-note span{width:240px;font-size:31px;line-height:1.05;transform:rotate(-5deg)}
.phone-layout-v4 .phone-note svg{width:105px;margin:-12px 0 0 202px;transform:rotate(7deg)}
.phone-layout-v4>div:not(.phone-note){max-width:340px}
.feature-item::before{inset:3px -7px}
.platform-more{font-size:18px;margin-top:30px}
}
@media(prefers-reduced-motion:reduce){
.hero-v5 .floating-card,.hero-v5 .wave i{animation:none!important}
.feature-item::before,.feature-trigger .arrow,.platform-more{transition:none!important}
}
@media(min-width:1121px){
.hero-v5 .scribble-hero{top:29%}
.hero-v5 .scribble-arrow{width:210px;margin:0 0 0 -100px}
}
@media(min-width:761px) and (max-width:1120px){
.hero-v5 .scribble-hero{top:27%}
.hero-v5 .scribble-arrow{width:150px;margin:0 0 0 -48px}
.feature-list{--feature-label:190px;--feature-gap:18px}
.feature-trigger{grid-template-columns:var(--feature-label) minmax(0,1fr) auto;gap:var(--feature-gap)}
.feature-trigger span,.feature-trigger strong{grid-column:auto;grid-row:auto}
.feature-detail{padding:0 34px 18px calc(var(--feature-label) + var(--feature-gap))}
}
@media(max-width:760px){
.hero-v5 .scribble-arrow{width:84px;margin:0 0 0 -12px}
.phone-layout-v4 .phone-note svg{margin-top:12px}
.feature-trigger{grid-template-columns:minmax(0,1fr) auto}
.feature-trigger strong{grid-column:1;grid-row:1}
.feature-trigger span:not(.arrow){grid-column:1;grid-row:2}
.feature-trigger .arrow{grid-column:2;grid-row:1/3}
.feature-detail{padding:0 18px 18px 0}
}
.hero-v5 .hero-cloud-track{position:absolute;inset:0 auto 0 0;z-index:0;display:flex;align-items:stretch;width:max-content;height:100%;pointer-events:none;animation:120s linear infinite eh-cloud-drift;will-change:transform}
.hero-v5 .cloud-panel{display:block;flex:none;width:auto;height:100%;max-width:none;object-fit:contain}
.hero-v5 .cloud-mirror{transform:scaleX(-1)}
@keyframes eh-cloud-drift{
from{transform:translate3d(0,0,0)}
to{transform:translate3d(-33.3333%,0,0)}
}
.hero-v5>.hero-poster-fallback,.hero-v5>.hero-video{z-index:1;-webkit-mask-image:url('../img/hero-mask.png');mask-image:url('../img/hero-mask.png');-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.hero-v5>.hero-inner{z-index:2}
.hero-v5.clouds-paused .hero-cloud-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
.hero-v5 .hero-cloud-track{animation:none!important}
}
@media(max-width:760px){
.hero-v5>.hero-poster-fallback,.hero-v5>.hero-video{object-position:86% center;-webkit-mask-position:86% center;mask-position:86% center}
}
.hero-v5 .meta-badge{display:inline-flex;align-items:center;gap:11px;margin-top:30px;text-decoration:none;transition:filter .18s;filter:saturate(.94)}
.hero-v5 .meta-badge:hover{filter:none}
.hero-v5 .meta-badge img{display:block;width:74px;height:auto}
.hero-v5 .meta-badge span{font-size:12.5px;line-height:1.2;font-weight:600;color:#6b736f;letter-spacing:.02em}
@media(max-width:1120px){
.hero-v5 .meta-badge{margin-top:20px}
}
@media(max-width:520px){
.hero-v5 .meta-badge{gap:10px;padding:7px 13px 7px 8px}
.hero-v5 .meta-badge img{width:54px}
.hero-v5 .meta-badge span{font-size:11.5px}
}
.hero-v5 .floating-card{animation:.62s cubic-bezier(.22,1,.36,1) both eh-entra!important}
.hero-v5 .float-one{animation-delay:.35s!important}
.hero-v5 .float-two{animation-delay:1.25s!important}
.hero-v5 .float-three{animation-delay:2.15s!important}
@keyframes eh-entra{
from{opacity:0;transform:translate3d(14px,10px,0) scale(.965)}
to{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
.hero-v5 .floating-card{animation:none!important;opacity:1!important;transform:none!important}
}

/* ===== secciones.css ===== */
.fx{padding:96px 0 104px;background:var(--paper);overflow-x:clip}
.fx-head{max-width:820px;margin-bottom:40px}
.fx-head h2{margin:14px 0 18px;font-family:var(--serif);font-weight:600;font-size:clamp(44px,5vw,74px);line-height:.92;letter-spacing:-.026em}
.fx-head p{margin:0;color:var(--muted);font-size:19px;line-height:1.55;max-width:640px}
.fx-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:34px}
.fx-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:0 20px;min-height:44px;display:inline-flex;align-items:center;font-size:15px;font-weight:600;color:var(--muted);transition:.18s}
.fx-tabs button:hover{border-color:#bce8cd;color:var(--green-dark)}
.fx-tabs button[aria-selected=true]{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
.fx-sub{display:flex;gap:6px;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:5px;margin:-18px 0 30px;width:max-content}
.fx-sub[hidden]{display:none}
.fx-sub button{border:0;background:0 0;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;color:var(--muted);transition:.18s}
.fx-sub button[aria-selected=true]{background:#fff;color:var(--green-dark);box-shadow:0 1px 3px rgba(0,0,0,.1)}
@media(max-width:420px){
.fx-sub{width:100%}
.fx-sub button{flex:1;padding:9px 6px;font-size:13px}
}
.fx-grid{display:grid;grid-template-columns:190px 318px minmax(0,1fr);gap:clamp(20px,3vw,46px);align-items:center}
.fx-note{color:#4b504b}
.fx-note span{display:block;font-family:var(--hand);font-weight:700;font-size:34px;line-height:.99;transform:rotate(-7deg)}
.fx-note svg{display:block;width:126px;height:auto;margin:14px 0 0 36px}
.fx-phone{--r-in:33px;width:318px;aspect-ratio:318/650;border-radius:44px;padding:11px;background:linear-gradient(160deg,#2b2f2c,#141715);box-shadow:0 30px 70px rgba(20,23,21,.28)}
.fx-screen{position:relative;box-sizing:border-box;width:100%;height:100%;border-radius:var(--r-in);background:#1e2220;overflow:hidden;clip-path:inset(0 round var(--r-in))}
.fx-bar{display:flex;align-items:center;gap:9px;padding:14px 13px 11px;background:#f6f4ef;border-bottom:1px solid rgba(0,0,0,.07)}
.fx-bar i{width:28px;height:28px;border-radius:50%;flex:none;background:center/cover no-repeat #d7d3c8}
.fx-bar b{font-size:12.5px;font-weight:700;color:#111;line-height:1.2}
.fx-bar small{display:block;font-size:11px;color:#6b7168;font-weight:600}
.fx-chat{padding:12px 11px;display:flex;flex-direction:column;gap:8px;height:calc(100% - 54px);overflow:hidden;background:#efe7dd}
.b{max-width:86%;border-radius:9px;padding:8px 10px;font-size:12px;line-height:1.42;color:#111;box-shadow:0 1px 1px rgba(0,0,0,.06);opacity:0;transform:translateY(7px);transition:opacity .3s,transform .3s}
.b.show{opacity:1;transform:none}
.b.in{align-self:flex-start;background:#fff}
.b.out{align-self:flex-end;background:#d9fdd3}
.b time{display:block;text-align:right;font-size:11px;color:#5b635d;margin-top:3px}
.b .act{margin:9px -10px -8px;border-top:1px solid #eceee9;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 0;color:var(--green-dark);font-weight:700;font-size:12px}
.b .act svg{width:13px;height:13px;fill:currentColor}
.b .act.pulsado{background:var(--green-soft)}
.qr{align-self:flex-start;width:86%;display:flex;flex-direction:column;gap:5px;opacity:0;transform:translateY(7px);transition:opacity .3s,transform .3s}
.qr.show{opacity:1;transform:none}
.qr button{background:#fff;border:0;border-radius:9px;padding:9px 0;color:var(--green-dark);font-weight:700;font-size:12px;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.qr button.pulsado{background:var(--green-soft)}
.car{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin:0 -11px;padding-left:11px;opacity:0;transform:translateY(7px);transition:opacity .3s,transform .3s}
.car.show{opacity:1;transform:none}
.car::-webkit-scrollbar{display:none}
.car article{flex:none;width:132px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.09)}
.car .media{height:74px;background:center/cover no-repeat #dcd8ce}
.car h4{margin:0;padding:8px 9px 0;font-size:11px;line-height:1.25;color:#111}
.car p{margin:3px 9px 8px;font-size:11px;color:#6b7168;line-height:1.3}
.car .cbtn{border-top:1px solid #eceee9;text-align:center;padding:7px 0;font-size:11px;font-weight:700;color:var(--green-dark)}
.sheet{position:absolute;left:0;right:0;bottom:0;top:34%;background:#fff;border-radius:16px 16px var(--r-in) var(--r-in);padding:14px 13px;transform:translateY(101%);transition:transform .38s cubic-bezier(.22,1,.36,1);box-shadow:0 -8px 30px rgba(0,0,0,.16);display:flex;flex-direction:column}
.sheet.up{transform:none}
.sheet h3{margin:0 0 10px;font-size:13px;font-weight:700;color:#111}
.sheet .sec{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5b635d;margin:9px 0 5px}
.sheet .row{display:flex;align-items:flex-start;gap:9px;padding:9px 0;border-bottom:1px solid #f0f1ee}
.sheet .row:last-child{border-bottom:0}
.sheet .row span{width:15px;height:15px;border-radius:50%;border:1.6px solid #c6cbc4;flex:none;margin-top:1px}
.sheet .row.pick span{border-color:var(--green-dark);background:var(--green-dark);box-shadow:inset 0 0 0 3px #fff}
.sheet .row b{display:block;font-size:12px;color:#111;font-weight:600}
.sheet .row small{display:block;font-size:11px;color:#6b7168;margin-top:2px;line-height:1.3}
.flow{position:absolute;inset:0;border-radius:var(--r-in);background:#fff;padding:16px 14px;transform:translateY(101%);transition:transform .38s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}
.flow.up{transform:none}
.flow h3{margin:0 0 3px;font-size:14px;font-weight:700;color:#111}
.flow .paso{font-size:11px;color:#5b635d;font-weight:600;margin-bottom:14px}
.flow label{display:block;font-size:11px;font-weight:700;color:#6b7168;margin:11px 0 5px}
.flow .campo{border:1px solid #dfe2dd;border-radius:8px;padding:9px 10px;font-size:12px;color:#111;display:flex;align-items:center;justify-content:space-between}
.flow .campo.on{border-color:var(--green-dark);background:var(--green-soft)}
.flow .campo svg{width:11px;height:11px;fill:#8a8f88}
.flow .slots{display:flex;gap:6px;flex-wrap:wrap}
.flow .slots i{border:1px solid #dfe2dd;border-radius:999px;padding:6px 11px;font-size:11px;font-style:normal;color:#111}
.flow .slots i.on{border-color:var(--green-dark);background:var(--green-dark);color:#fff}
.flow .enviar{margin-top:auto;background:var(--green-dark);color:#fff;border-radius:999px;text-align:center;padding:11px 0;font-size:12.5px;font-weight:700}
.call{position:absolute;inset:0;color:#fff;text-align:center;padding:36px 20px 26px;display:flex;flex-direction:column;align-items:center}
.call[hidden]{display:none}
.fx-screen.en-llamada{background:radial-gradient(120% 34% at 50% 0,rgba(255,255,255,.1),transparent 60%),#0b3b28}
.fx-screen.en-llamada .fx-bar,.fx-screen.en-llamada .fx-chat{visibility:hidden}
.call>*{position:relative}
.call .est{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62);font-weight:700}
.call .av{width:88px;height:88px;border-radius:50%;margin:24px 0 14px;background:center/cover no-repeat #e9e5da;box-shadow:0 0 0 3px rgba(255,255,255,.16)}
.call .qn{font-size:20px;font-weight:700;letter-spacing:-.01em}
.call .sb{margin-top:6px;font-size:13px;color:rgba(255,255,255,.66)}
.call .tm{margin-top:18px;font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;color:rgba(255,255,255,.84)}
.fx-onda{display:flex;align-items:center;justify-content:center;gap:5px;height:38px;margin:18px auto 0}
.fx-onda i{width:4px;border-radius:999px;background:rgba(255,255,255,.78);transform-origin:center;animation:1.15s ease-in-out infinite fxonda}
.fx-onda i:first-child{height:26%;animation-delay:-.1s}
.fx-onda i:nth-child(2){height:58%;animation-delay:-.42s}
.fx-onda i:nth-child(3){height:92%;animation-delay:-.72s}
.fx-onda i:nth-child(4){height:44%;animation-delay:-.25s}
.fx-onda i:nth-child(5){height:74%;animation-delay:-.58s}
.fx-onda i:nth-child(6){height:100%;animation-delay:-.86s}
.fx-onda i:nth-child(7){height:50%;animation-delay:-.33s}
.fx-onda i:nth-child(8){height:30%;animation-delay:-.66s}
@keyframes fxonda{
0%,100%{transform:scaleY(.34)}
50%{transform:scaleY(1)}
}
.call .btns{margin-top:auto;display:flex;gap:18px}
.call .btns i{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.13)}
.call .btns i.hang{background:#e0483c}
.call .btns svg{width:23px;height:23px;fill:#fff}
.call .btns i.hang svg{transform:rotate(133deg)}
.call .pie{margin-top:16px;font-size:11px;color:rgba(255,255,255,.55)}
.fx-right{display:flex;flex-direction:column;gap:22px;min-width:0}
.fx-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.fx-title h3{margin:0;font-family:var(--serif);font-weight:600;font-size:38px;line-height:1;letter-spacing:-.04em}
.fx-title .marca{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}
.fx-desc{margin:0;color:var(--muted);font-size:16.5px;line-height:1.55;max-width:56ch}
.fx-steps{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.fx-steps div{flex:1;padding:15px 14px;border-right:1px solid var(--line)}
.fx-steps div:last-child{border-right:0}
.fx-steps b{display:block;font-size:13px;font-weight:700;line-height:1.25}
.fx-steps small{display:block;margin-top:4px;font-size:11.5px;color:var(--muted-2);line-height:1.4}
.fx-steps div.on{background:var(--green-soft)}
.fx-steps div.on b{color:var(--green-dark)}
.fx-payload{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:18px 20px}
.fx-payload header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:13px}
.fx-payload header b{font-size:13.5px;font-weight:700}
.fx-payload header span{font-size:11.5px;color:var(--muted-2)}
.fx-payload .ln{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:7px 0;font-size:14px;line-height:1.45;opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s}
.fx-payload .ln.show{opacity:1;transform:none}
.fx-payload .ln em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--muted-2);padding-top:3px}
.fx-payload .ln.acc em{color:var(--green-dark)}
.fx-payload .vacio{font-size:14px;color:var(--muted-2)}
.fx-foot{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--muted-2)}
.fx-foot span{display:inline-flex;align-items:center;gap:7px}
.fx-foot svg{width:14px;height:14px;fill:var(--green)}
.fx-soon{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700}
@media(max-width:1180px){
.fx-grid{grid-template-columns:180px 300px minmax(0,1fr);gap:20px}
.fx-phone{width:300px}
}
@media(max-width:1040px){
.fx-grid{grid-template-columns:1fr;justify-items:center}
.fx-note{order:2;width:min(100%,340px)}
.fx-phone{order:1}
.fx-right{order:3;width:100%}
.fx-note svg{margin-inline:auto}
}
@media(max-width:640px){
.fx{padding:64px 0 72px}
.fx-steps{flex-direction:column}
.fx-steps div{border-right:0;border-bottom:1px solid var(--line)}
.fx-steps div:last-child{border-bottom:0}
.fx-payload .ln{grid-template-columns:1fr;gap:2px}
.fx-title h3{font-size:30px}
}
@media(max-width:420px){
.fx-note span{font-size:26px;transform:rotate(-4deg)}
.fx-note svg{width:104px;margin-top:10px}
}
.nw{padding:20px 0 104px;background:var(--paper);overflow-x:clip}
.nw-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:34px}
.nw-head h2{margin:14px 0;font-family:var(--serif);font-weight:600;font-size:clamp(40px,4.4vw,64px);line-height:.94;letter-spacing:-.026em}
.nw-head p{margin:0;color:var(--muted);font-size:18px;line-height:1.55;max-width:52ch}
.nw-nav{display:flex;gap:10px;align-items:center}
.nw-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;transition:.18s}
.nw-nav button:hover:not(:disabled){border-color:var(--green-dark);background:var(--green-soft)}
.nw-nav button:disabled{opacity:.34;cursor:default}
.nw-nav svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nw-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*20px)/ 4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:6px;scrollbar-width:none}
.nw-track::-webkit-scrollbar{display:none}
.nw-item{scroll-snap-align:start;min-width:0}
.nw-item a{display:flex;flex-direction:column;height:100%;text-decoration:none}
.nw-img{position:relative;overflow:hidden;border-radius:16px;background:#e2e7df;aspect-ratio:1.35;margin-bottom:16px}
.nw-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.nw-item a:hover .nw-img img{transform:scale(1.04)}
.nw-tag{position:absolute;left:12px;bottom:12px;border-radius:999px;padding:6px 14px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18);background:linear-gradient(120deg,#3a4a55,#66798a)}
.nw-tag[data-c=producto]{background:linear-gradient(120deg,#0a6d46,#12a56a)}
.nw-tag[data-c=plataforma]{background:linear-gradient(120deg,#1f4e6d,#3f8bb5)}
.nw-tag[data-c=guia]{background:linear-gradient(120deg,#8a5a1f,#c99340)}
.nw-tag[data-c=ideas]{background:linear-gradient(120deg,#5b3c7a,#9068bb)}
.nw-tag[data-c=ia]{background:linear-gradient(120deg,#0f5b63,#1f9aa8)}
.nw-tag[data-c=c6]{background:linear-gradient(120deg,#7a2f3c,#bb5566)}
.nw-tag[data-c=c7]{background:linear-gradient(120deg,#2f4f7a,#5580bb)}
.nw-tag[data-c=c8]{background:linear-gradient(120deg,#6d5a1f,#b59a3f)}
.nw-date{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);margin-bottom:8px}
.nw-item h3{margin:0 0 10px;font-family:var(--serif);font-weight:600;font-size:clamp(24px,2vw,30px);line-height:1.06;letter-spacing:-.032em;min-height:calc(3 * 1.06em);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nw-item p{margin:0;font-size:15px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1180px){
.nw-track{grid-auto-columns:calc((100% - 2*20px)/ 3)}
}
@media(max-width:900px){
.nw-track{grid-auto-columns:calc((100% - 20px)/ 2)}
}
@media(max-width:620px){
.nw{padding:8px 0 72px}
.nw-track{grid-auto-columns:82%}
.nw-head{margin-bottom:24px}
.nw-item h3{font-size:24px}
}
@media(prefers-reduced-motion:reduce){
.fx-onda i{animation:none}
.b,.car,.fx-payload .ln,.qr{opacity:1;transform:none;transition:none}
.flow,.sheet{transition:none}
.nw-track{scroll-behavior:auto}
.nw-img img{transition:none}
}

/* ===== pagina.css ===== */
.nav-acciones{display:flex;align-items:center;gap:10px}
.nav .nav-login{min-height:44px;padding-top:0;padding-bottom:0}
.nav .nav-cta{min-height:44px;padding:0 26px;font-size:15px;font-weight:600;border-radius:999px;border:1.5px solid transparent;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:none;transition:background .18s,border-color .18s}
.nav .nav-cta:hover{transform:none;background:#0a6a44}
.nav .nav-cta:active{background:#06442e}
.nav .nav-login:hover{transform:none}
@media(max-width:900px){
.nav .nav-cta{padding:10px 16px;font-size:14px}
.nav-acciones{gap:8px}
}
@media(max-width:600px){
.nav .nav-login{display:none}
}
@media(max-width:360px){
.hero-v5 .hero-copy h1{font-size:38px}
}
@media(max-width:420px){
.nav .brand img{width:auto;max-width:132px;height:auto}
.nav .nav-cta{padding:9px 13px;font-size:13px}
.nav-acciones{gap:6px}
}
.hero-v5 .hero-copy h1{margin-bottom:6px;font-weight:700;letter-spacing:-.026em}
.hero-v5 .meta-badge span{position:relative;color:#fff;padding:7px 14px;border-radius:14px 5px 16px 6px/6px 15px 5px 14px;background:#0064e0;box-shadow:0 2px 0 rgba(28,43,51,.06);font-size:15px;font-weight:600}
.hero-v5 .meta-badge:hover span{background:#0056c4}
.hero-v5 .meta-badge{margin-top:38px;gap:10px}
.hero-v5 .meta-badge img{width:106px}
@media(max-width:900px){
.hero-v5 .meta-badge img{width:90px}
.hero-v5 .meta-badge span{font-size:13px}
}
.hero-v5 .msg-cola{position:absolute;left:calc(32% + 96px);top:40%;width:min(286px,23vw);height:300px;pointer-events:none}
.msg{left:0;right:0;display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:16px;min-height:70px;box-sizing:border-box;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(16,26,20,.1);backdrop-filter:blur(4px);transition:top .62s cubic-bezier(.22,1,.36,1),opacity .48s,transform .62s cubic-bezier(.22,1,.36,1);will-change:top,opacity,transform;position:absolute}
.msg[data-slot="2"]{top:200px;opacity:1}
.msg[data-slot="1"]{top:100px;opacity:1}
.msg[data-slot="0"]{top:0;opacity:1}
.msg[data-slot=entra]{top:272px;opacity:0}
.msg[data-slot=sale]{top:-62px;opacity:0;transform:translateY(-6px) scale(.98)}
.msg[data-lado=izq]{margin-right:22px;border-bottom-left-radius:6px}
.msg[data-lado=der]{margin-left:22px;border-bottom-right-radius:6px}
.msg[data-slot=entra][data-lado=izq]{transform:translate(-10px,10px) scale(.96)}
.msg[data-slot=entra][data-lado=der]{transform:translate(10px,10px) scale(.96)}
.emoji-chip{position:absolute;top:-13px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:18px;line-height:1;background:#fff;box-shadow:0 4px 14px rgba(16,26,20,.16);animation:.5s cubic-bezier(.34,1.56,.64,1) .22s both chip-entra}
.msg[data-lado=izq] .emoji-chip{left:-13px}
.msg[data-lado=der] .emoji-chip{right:-13px}
@keyframes chip-entra{
0%{transform:scale(.2);opacity:0}
70%{transform:scale(1.12);opacity:1}
100%{transform:scale(1);opacity:1}
}
.msg .ico{width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff}
.msg .ico.wa{background:#25d366}
.msg .ico.ok{background:#dff3e6;color:#0f7a45}
.msg .ico.key{background:#eef1f6;color:#33465c}
.msg .ico svg{width:22px;height:22px;fill:currentColor}
.msg .ico span{font-size:20px;line-height:1}
.msg .txt{min-width:0;flex:1}
.msg .txt b{display:block;font-size:15px;line-height:1.25;color:#141a16;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg .txt small{display:block;margin-top:3px;font-size:13px;line-height:1.3;color:#6c746f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg .meta{font-size:12px;color:#5b635d;flex:none;align-self:flex-start;margin-top:2px}
.msg .onda{display:flex;align-items:center;gap:3px;height:22px;flex:none}
.msg .onda i{width:3px;border-radius:999px;background:#12a55f;transform-origin:center;animation:1.15s ease-in-out infinite msg-onda}
.msg .onda i:first-child{height:36%;animation-delay:-.1s}
.msg .onda i:nth-child(2){height:70%;animation-delay:-.46s}
.msg .onda i:nth-child(3){height:100%;animation-delay:-.76s}
.msg .onda i:nth-child(4){height:52%;animation-delay:-.28s}
.msg .onda i:nth-child(5){height:84%;animation-delay:-.62s}
@keyframes msg-onda{
0%,100%{transform:scaleY(.32)}
50%{transform:scaleY(1)}
}
@media(min-width:1280px){
.msg{gap:11px;padding:13px 14px}
.msg .ico{width:38px;height:38px;border-radius:11px}
.msg .ico svg{width:20px;height:20px}
.msg .txt b{font-size:14px}
.msg .txt small{font-size:12.5px}
}
@media(min-width:1280px) and (max-width:1600px){
.msg .meta{display:none}
}
@media(max-width:1520px){
.hero-v5 .msg-cola{left:calc(32% + 74px);width:min(268px,21vw)}
}
@media(max-width:1400px) and (min-width:1241px){
.hero-v5 .hero-copy h1{font-size:58px;max-width:470px}
}
@media(max-width:1340px){
.hero-v5 .msg-cola{left:calc(32% + 54px);width:min(262px,22vw)}
}
@media(max-width:1279px){
.hero-v5 .msg-cola{position:relative;left:auto;right:auto;top:auto;width:min(362px,90vw);margin:26px 0 0;height:300px}
.hero-v5 .hero-inner{padding-bottom:404px}
}
@media(max-width:760px){
.hero-v5 .hero-inner{padding-bottom:396px}
}
@media(max-width:900px){
.hero-v5 .scribble-hero{display:none}
.hero-v5 .hero-copy{text-align:center;margin-left:auto;margin-right:auto}
.hero-v5 .hero-copy h1{margin-left:auto;margin-right:auto}
.msg[data-lado=izq]{margin-right:12px}
.msg[data-lado=der]{margin-left:12px}
.hero-v5 .msg-cola{width:min(344px,84vw);margin-left:auto;margin-right:auto}
.hero-v5 .meta-badge{justify-content:center;margin-left:auto;margin-right:auto}
.hero-v5 .hero-stage{padding-left:clamp(16px,5vw,40px);padding-right:clamp(16px,5vw,40px)}
}
@media(max-width:380px){
.msg{padding:12px 13px;gap:10px}
.msg .ico{width:36px;height:36px;border-radius:10px}
.msg .txt b{font-size:14px}
.msg .txt small{font-size:12px}
.msg .meta{font-size:11px}
.msg[data-lado=izq]{margin-right:14px}
.msg[data-lado=der]{margin-left:14px}
}
.emoji-capa{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.emoji{position:absolute;font-size:26px;line-height:1;filter:drop-shadow(0 4px 10px rgba(16,26,20,.16));animation:emoji-sube var(--dur,6s) linear forwards}
@keyframes emoji-sube{
0%{transform:translate3d(0,20px,0) scale(.6);opacity:0}
12%{transform:translate3d(0,0,0) scale(1);opacity:1}
100%{transform:translate3d(var(--dx,10px),-260px,0) scale(1);opacity:1}
}
.emoji.pop{animation:.34s ease-out forwards emoji-pop}
@keyframes emoji-pop{
0%{transform:scale(1);opacity:1}
55%{transform:scale(1.35);opacity:.85}
100%{transform:scale(.35);opacity:0}
}
.emoji.pop::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(18,165,95,.55);animation:.34s ease-out forwards aro}
@keyframes aro{
from{transform:scale(.5);opacity:.9}
to{transform:scale(1.9);opacity:0}
}
[data-aparece]{opacity:0;transform:translateY(22px);transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1)}
[data-aparece].visible{opacity:1;transform:none}
[data-aparece][data-retardo="1"]{transition-delay:.09s}
[data-aparece][data-retardo="2"]{transition-delay:.18s}
[data-aparece][data-retardo="3"]{transition-delay:.27s}
.prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding-top:14px}
.prod{display:flex;flex-direction:column;text-decoration:none;color:inherit;min-width:0}
.prod-img{border-radius:18px;overflow:hidden;background:#efece4;aspect-ratio:1.385;box-shadow:0 8px 18px rgba(13,20,15,.05);margin-bottom:18px}
.prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.prod:hover .prod-img img{transform:scale(1.035)}
.prod-marca{display:inline-block;align-self:flex-start;margin-bottom:10px;background:var(--green-soft,#dff6e8);color:var(--green-dark,#0b5c33);border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:700;letter-spacing:.02em}
.prod h2{margin:0 0 9px;font-family:var(--serif);font-weight:700;font-size:clamp(25px,2.1vw,31px);line-height:1.02;letter-spacing:-.022em;min-height:calc(2 * 1.02em);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prod p{margin:0 0 14px;font-size:15px;line-height:1.5;color:var(--muted,#6c746f)}
.prod-mas{margin-top:auto;display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:600;color:var(--green-dark,#0b5c33)}
.prod-mas svg{width:17px;height:17px;transition:transform .22s}
.prod:hover .prod-mas svg{transform:translateX(4px)}
@media(max-width:1000px){
.prods{grid-template-columns:1fr 1fr;gap:22px}
}
@media(max-width:680px){
.prods{grid-template-columns:1fr;gap:30px}
.prod h2{min-height:0;-webkit-line-clamp:3}
}
@media(prefers-reduced-motion:reduce){
.emoji-chip,.msg,[data-aparece]{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}
.msg .onda i{animation:none}
.prod-img img,.prod-mas svg{transition:none}
}
.mm-item{position:relative;display:flex}
.mm-trigger{display:inline-flex;align-items:center;gap:5px;border:0;background:0 0;font:inherit;font-size:16px;color:inherit;cursor:pointer;padding:6px 0}
.mm-trigger svg{width:15px;height:15px;transition:transform .2s}
.mm-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.mm-trigger[aria-expanded=true]{color:var(--green-dark,#0b5c33)}
.mm-capa{position:fixed;left:0;right:0;top:var(--mm-top,84px);z-index:80}
.mm-capa[hidden]{display:none}
.mm-panel{background:#fff;border-top:1px solid rgba(28,43,51,.08);box-shadow:0 24px 48px rgba(13,20,15,.1);animation:.2s both mm-abre}
.mm-panel[hidden]{display:none}
@keyframes mm-abre{
from{opacity:0;transform:translateY(-6px)}
to{opacity:1;transform:none}
}
.mm-wrap{max-width:1360px;margin:0 auto;padding:30px clamp(20px,4vw,64px) 34px;display:grid;grid-template-columns:1.25fr 1fr 1fr 1.1fr;gap:clamp(20px,3vw,44px)}
.mm-wrap.mm-chico{grid-template-columns:minmax(0,420px);padding:20px clamp(20px,4vw,64px) 24px}
.mm-tit{display:block;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5b635d;margin-bottom:12px}
.mm-link{display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:start;text-decoration:none;color:inherit;padding:9px 10px;margin:0 -10px;border-radius:11px;transition:background .16s}
.mm-link:hover{background:#f4f6f3}
.mm-link b{grid-column:2;display:block;font-size:15px;font-weight:700;line-height:1.25}
.mm-link small{grid-column:2;display:block;margin-top:3px;font-size:13px;line-height:1.4;color:#6c746f}
.mm-link:not(:has(.mm-ico)){grid-template-columns:1fr;gap:0}
.mm-link:not(:has(.mm-ico)) b,.mm-link:not(:has(.mm-ico)) small{grid-column:1}
.mm-link:not(:has(small)){padding:11px 10px;display:flex;align-items:center;min-height:44px}
.mm-ico{grid-row:1/3;width:34px;height:34px;border-radius:10px;flex:none;background:#f0f2ef;color:#33465c;display:grid;place-items:center}
.mm-ico.verde{background:#25d366;color:#fff}
.mm-ico svg{width:18px;height:18px}
.mm-link-grande b{font-size:17px}
.mm-destacado .mm-card{display:block;text-decoration:none;color:inherit;border:1px solid rgba(28,43,51,.1);border-radius:14px;overflow:hidden;transition:border-color .16s}
.mm-destacado .mm-card:hover{border-color:rgba(28,43,51,.26)}
.mm-destacado img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;background:#eee}
.mm-destacado b{display:block;padding:13px 14px 0;font-size:14.5px;line-height:1.3}
.mm-destacado small{display:block;padding:5px 14px 0;font-size:13px;line-height:1.4;color:#6c746f}
.mm-mas{display:block;padding:10px 14px 14px;font-size:13.5px;font-weight:600;color:var(--green-dark,#0b5c33)}
@media(max-width:1180px){
.mm-wrap{grid-template-columns:1fr 1fr;gap:24px}
.mm-destacado{display:none}
}
@media(max-width:900px){
.mm-capa{display:none!important}
.mm-trigger{display:none}
}
@media(prefers-reduced-motion:reduce){
.mm-panel{animation:none}
.mm-trigger svg{transition:none}
}
@media(max-width:1400px) and (min-width:1241px){
.nav-links{gap:22px}
.mm-trigger,.nav-links a{font-size:15px}
}
@media(max-width:1240px){
.nav-links{display:none;position:absolute;left:24px;right:24px;top:82px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(251,250,246,.98);box-shadow:0 18px 30px rgba(0,0,0,.05);flex-direction:column;align-items:flex-start;gap:14px}
.nav-links.open{display:flex}
.menu-toggle{display:block}
.mm-capa{display:none!important}
.nav-links .mm-item{width:100%}
.nav-links .mm-trigger{display:inline-flex;font-size:16px}
}
.footer-mapa{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(18px,2.2vw,34px);align-items:start}
.footer-marca{grid-column:4/-1;align-self:end;margin-top:18px;display:flex;justify-content:flex-end}
.footer-marca p{max-width:30ch}
.footer-meta{display:inline-flex;align-items:center;gap:10px;margin:0;text-decoration:none;opacity:.85;transition:opacity .18s}
.footer-meta:hover{opacity:1}
.footer-meta img{display:block;width:96px;height:auto;flex:none}
.footer-meta span{font-size:13px;font-weight:600;line-height:1.3;color:inherit;opacity:.8;white-space:nowrap}
.footer-mapa .footer-links{display:flex;flex-direction:column;gap:9px}
.footer-bottom{flex-wrap:wrap;gap:14px}
.footer-bottom div{display:flex;flex-wrap:wrap;gap:18px}
@media(max-width:1280px){
.footer-mapa{grid-template-columns:repeat(3,minmax(0,1fr))}
.footer-marca{grid-column:1/-1;align-self:start;justify-content:flex-start}
}
@media(max-width:680px){
.footer-mapa{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
.footer-mapa{grid-template-columns:1fr}
}
.cta-agenda{display:grid;grid-template-columns:1fr auto;gap:clamp(24px,4vw,60px);align-items:center}
.cta-lado{display:flex;justify-content:flex-end}
.cta-texto h2{margin:10px 0;max-width:none;font-size:clamp(28px,3.1vw,46px);line-height:1.02}
.cta-texto p{margin:0;max-width:72ch;opacity:.82;line-height:1.5;font-size:16px}
.cta-texto{text-align:left}
.cta-agenda .cta-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;align-self:flex-start;gap:16px;margin-top:26px;flex-wrap:wrap;text-align:left}
.cta-agenda .cta-actions .white-btn{margin:0}
.cta-agenda .eyebrow{color:rgba(255,255,255,.78)}
@media(max-width:900px){
.cta-agenda{grid-template-columns:1fr;gap:26px}
.cta-lado{justify-content:flex-start}
}
.ag-modal{position:fixed;inset:0;z-index:200;display:none;background:rgba(16,26,20,.46);backdrop-filter:blur(3px);padding:clamp(12px,4vh,48px) clamp(12px,4vw,32px);overflow:auto}
.ag-modal.open{display:grid;place-items:center}
.ag-caja{position:relative;width:min(860px,100%);background:#fff;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr;box-shadow:0 30px 70px rgba(13,20,15,.28)}
.ag-cerrar{position:absolute;top:14px;right:14px;z-index:2;border:0;background:rgba(255,255,255,.9);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:15px;color:#3a423c}
.ag-cerrar:hover{background:#eef0ec}
.ag-lado{background:var(--paper-2,#f1efe7);padding:clamp(22px,3vw,34px)}
.ag-lado h2{margin:12px 0 16px;font-size:clamp(24px,2.4vw,31px);line-height:1.04;letter-spacing:-.022em}
.ag-lista{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px}
.ag-lista li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.45;color:#5b635d}
.ag-lista li::before{content:'';position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;background:var(--green,#12a55f)}
.ag-zona{margin-top:20px;font-size:12.5px;color:#5b635d}
.ag-panel{padding:clamp(22px,3vw,32px)}
.ag-cab{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.ag-cab b{font-size:16px;text-transform:capitalize}
.ag-nav{border:1px solid rgba(28,43,51,.14);background:#fff;width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:17px;line-height:1;color:#3a423c}
.ag-nav:hover:not(:disabled){background:#f3f5f2}
.ag-nav:disabled{opacity:.32;cursor:default}
.ag-dias{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}
.ag-dias i{font-style:normal;text-align:center;font-size:11.5px;font-weight:700;color:#5b635d}
.ag-rejilla{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.ag-rejilla button{aspect-ratio:1;border:1px solid transparent;background:#f5f7f4;border-radius:10px;font:inherit;font-size:14px;color:#2b332d;cursor:pointer;transition:.15s}
.ag-rejilla button:hover:not(:disabled){background:var(--green-soft,#dff6e8)}
.ag-rejilla button:disabled{background:0 0;color:#c9cfc9;cursor:default}
.ag-rejilla button[aria-pressed=true]{background:var(--green-dark,#0b5c33);color:#fff;font-weight:700}
.ag-rejilla span{display:block}
.ag-horas{margin-top:18px;border-top:1px solid rgba(28,43,51,.1);padding-top:16px}
.ag-sub{display:block;font-size:13px;color:#6c746f;margin-bottom:10px;text-transform:capitalize}
.ag-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.ag-slots button{border:1px solid rgba(28,43,51,.14);background:#fff;border-radius:999px;padding:9px 0;font:inherit;font-size:14px;cursor:pointer;transition:.15s}
.ag-slots button:hover{border-color:var(--green-dark,#0b5c33);color:var(--green-dark,#0b5c33)}
#ag-modal [hidden]{display:none!important}
#ag-form{display:flex;flex-direction:column;gap:13px}
.ag-resumen{margin:0 0 4px;font-size:14.5px;background:var(--green-soft,#dff6e8);color:var(--green-dark,#0b5c33);border-radius:11px;padding:11px 14px;font-weight:600}
#ag-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#5b635d}
#ag-form input{border:1px solid rgba(28,43,51,.16);border-radius:11px;padding:11px 13px;font:inherit;font-size:15px;color:#1b211d}
#ag-form input:focus{outline:2px solid var(--green,#12a55f);outline-offset:1px;border-color:transparent}
.ag-acciones{display:flex;gap:10px;align-items:center;margin-top:6px}
.ag-volver{border:0;background:0 0;font:inherit;font-size:14px;color:#6c746f;cursor:pointer;text-decoration:underline}
.ag-enviar{min-height:0;padding:13px 24px;font-size:15px;box-shadow:none}
.ag-enviar:hover{transform:none;background:#0a6a44}
.ag-ok{text-align:center;padding:22px 0}
.ag-check{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:var(--green-soft,#dff6e8);color:var(--green-dark,#0b5c33);font-size:24px}
.ag-ok h3{margin:0 0 8px;font-size:24px}
.ag-ok p{margin:0;font-size:15px;color:#5b635d;line-height:1.5}
.ag-demo{margin-top:14px!important;font-size:12.5px!important;color:#5b635d!important}
@media(max-width:760px){
.ag-caja{grid-template-columns:1fr}
.ag-lado{padding:26px 22px 20px}
.ag-lista{display:none}
}
@media(prefers-reduced-motion:reduce){
.ag-nav,.ag-rejilla button,.ag-slots button{transition:none}
}
.mm-wrap.mm-dos{grid-template-columns:1.25fr 1fr 1fr 1.1fr}
@media(max-width:900px){
.mm-wrap.mm-dos{grid-template-columns:1fr}
}


/* ===== Productos: carrusel en movil ===== */
/* En pantallas estrechas las tres tarjetas se apilaban y obligaban a bajar
   mucho. Pasan a deslizarse en horizontal, una a la vez. */
@media(max-width:680px){
  .prods{
    display:flex;
    grid-template-columns:none;
    gap:16px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scroll-padding-left:20px;
    padding-bottom:6px;
    /* La seccion es `prods wrap`: el mismo elemento, no dos anidados. `.wrap`
       le fija `width:calc(100% - 40px)` con margenes automaticos. Con un ancho
       explicito, un margen negativo ya no ensancha nada: solo desplaza la caja
       hacia la izquierda y deja el hueco al otro lado. De ahi la franja vacia
       a la derecha.
       Se recupera el ancho completo de la pantalla y la separacion pasa al
       relleno interior, que si entra en el area de desplazamiento. */
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
    padding-left:20px;
    padding-right:20px;
    scrollbar-width:none;
  }
  .prods::-webkit-scrollbar{display:none}
  .prod{
    /* Ancho util completo, menos el hueco que deja asomar la tarjeta
       siguiente: 16px de separacion mas 20px de borde visible. Ese borde
       asomando es lo que indica que el bloque se desliza. */
    flex:0 0 calc(100% - 36px);
    scroll-snap-align:start;
  }
  .prod h2{min-height:0;-webkit-line-clamp:3}
}
@media(prefers-reduced-motion:reduce){
  .prods{scroll-behavior:auto}
}

/* Barra superior con sesion iniciada: saludo y enlace al panel. */
.nav-saludo{font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap}
.nav .nav-panel{min-height:44px;padding-top:0;padding-bottom:0}
.nav .nav-panel:hover{transform:none}
@media (max-width:760px){
/* En movil solo se deja el enlace al panel, para no recargar la barra. */
.nav-saludo{display:none}
.nav .nav-panel{display:inline-flex;min-width:0;padding:10px 16px;font-size:14px}
}

/* ===== precios.css ===== */
.pr-hero{padding:clamp(48px,6vw,88px) 0 clamp(28px,3vw,40px);text-align:center}
.pr-hero h1{margin:14px auto;max-width:30ch;font-family:var(--serif);font-weight:700;font-size:clamp(32px,4.2vw,58px);line-height:1;letter-spacing:-.04em}
.pr-lede{margin:0 auto;max-width:76ch;font-size:17.5px;line-height:1.5;color:var(--muted)}
.pr-ciclo{display:inline-flex;gap:5px;margin:30px auto 10px;padding:5px;background:var(--paper-2);border:1px solid var(--line);border-radius:999px}
.pr-ciclo button{border:0;background:0 0;border-radius:999px;padding:0 22px;min-height:44px;font:inherit;font-size:15px;font-weight:600;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .18s,color .18s}
.pr-ciclo button[aria-selected=true]{background:var(--green-dark);color:#fff}
.pr-ciclo button span{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700}
.pr-ciclo button[aria-selected=true] span{background:rgba(255,255,255,.2);color:#fff}
.pr-ciclo-nota{margin:0;font-size:13.5px;color:var(--muted-2)}
.pr-paso{padding:clamp(38px,4.5vw,64px) 0 0}
.pr-paso-cab{display:flex;align-items:flex-start;gap:18px;margin-bottom:26px;flex-wrap:wrap}
.pr-num{flex:none;width:34px;height:34px;border-radius:50%;background:var(--green-dark);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:700;margin-top:4px}
.pr-paso-cab h2{margin:0 0 8px;font-family:var(--serif);font-weight:700;font-size:clamp(28px,3vw,40px);line-height:1;letter-spacing:-.022em}
.pr-paso-cab p{margin:0;max-width:62ch;color:var(--muted);line-height:1.55}
.pr-grupos{display:inline-flex;gap:6px;margin-bottom:24px;padding:5px;background:var(--paper-2);border:1px solid var(--line);border-radius:999px}
.pr-grupos button{border:0;background:0 0;border-radius:999px;padding:0 20px;min-height:44px;font:inherit;font-size:14.5px;font-weight:600;color:var(--muted);cursor:pointer}
.pr-grupos button[aria-selected=true]{background:#fff;color:var(--green-dark);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.pr-planes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.pr-plan{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:#fff;padding:26px 24px 24px;transition:border-color .18s,box-shadow .18s}
.pr-plan:hover{border-color:#c6d6cb}
.pr-plan.destacado{border-color:var(--green-dark);box-shadow:0 14px 34px rgba(11,92,51,.1)}
.pr-etiqueta{position:absolute;top:-12px;left:24px;background:var(--green-dark);color:#fff;border-radius:999px;padding:5px 13px;font-size:11.5px;font-weight:700;letter-spacing:.04em}
.pr-plan h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}
.pr-plan .pr-para{margin:4px 0 16px;font-size:13.5px;color:var(--muted-2)}
.pr-precio{display:flex;align-items:baseline;gap:5px}
.pr-precio b{font-family:var(--serif);font-size:46px;font-weight:700;line-height:.9;letter-spacing:-.03em}
.pr-precio span{font-size:15px;color:var(--muted)}
.pr-equiv{margin:8px 0 0;font-size:13px;color:var(--muted-2);min-height:19px}
.pr-cifras{margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.pr-cifra{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px}
.pr-cifra span{color:var(--muted)}
.pr-cifra b{font-weight:700;text-align:right}
.pr-plan .pr-elegir{margin-top:auto;padding-top:20px}
.pr-elegir button{width:100%;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:13px 0;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:.16s}
.pr-elegir button:hover{border-color:var(--green-dark);color:var(--green-dark)}
.pr-plan.elegido .pr-elegir button{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
.pr-modulos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pr-mod{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:#fff;padding:20px 18px}
.pr-mod.activo{border-color:var(--green-dark);background:#fbfefc}
.pr-mod-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.pr-mod h3{margin:0;font-size:16.5px;font-weight:700;line-height:1.2}
.pr-mod p{margin:8px 0 14px;font-size:13.5px;line-height:1.45;color:var(--muted)}
.pr-switch{flex:none;width:46px;height:28px;border-radius:999px;border:0;background:padding-box content-box #d8ded9;position:relative;cursor:pointer;transition:background .18s;padding:1px 0}
.pr-switch::after{content:'';position:absolute;top:4px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .18s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.pr-switch[aria-checked=true]{background:var(--green-dark)}
.pr-switch[aria-checked=true]::after{transform:translateX(20px)}
.pr-packs{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.pr-packs button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 12px;font:inherit;font-size:13px;cursor:pointer;transition:.15s;text-align:left}
.pr-packs button span{min-width:0}
.pr-packs b{font-size:13px;font-weight:700;white-space:nowrap}
.pr-packs button:hover{border-color:#bfd8c8}
.pr-packs button[aria-pressed=true]{border-color:var(--green-dark);background:var(--green-soft)}
.pr-mod:not(.activo) .pr-packs{opacity:.45;pointer-events:none}
.pr-resumen-zona{padding:clamp(34px,4vw,56px) 0 0}
.pr-resumen{display:grid;grid-template-columns:1.4fr .9fr;gap:clamp(20px,3vw,44px);border:1px solid var(--line);border-radius:20px;background:var(--paper-2);padding:clamp(22px,3vw,32px)}
.pr-resumen-lista{display:flex;flex-direction:column;gap:12px}
.pr-linea{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.pr-linea:last-child{border-bottom:0;padding-bottom:0}
.pr-linea-txt b{display:block;font-size:15.5px;font-weight:700}
.pr-linea-txt small{display:block;margin-top:3px;font-size:13px;color:var(--muted-2)}
.pr-linea-precio{font-size:15.5px;font-weight:700;white-space:nowrap}
.pr-resumen-total{display:flex;flex-direction:column;justify-content:center;text-align:right}
.pr-resumen-total>span{font-size:13.5px;color:var(--muted-2)}
.pr-resumen-total b{font-family:var(--serif);font-size:clamp(40px,4.4vw,58px);font-weight:700;line-height:1;letter-spacing:-.022em;margin:4px 0 2px}
.pr-resumen-total small{font-size:13.5px;color:var(--muted-2)}
.pr-btn{margin-top:18px;justify-content:center;min-height:0;padding:14px 26px;font-size:15px;box-shadow:none}
.pr-btn:hover{transform:none;background:#0a6a44}
.pr-resumen-nota{margin-top:10px;font-size:12.5px;color:var(--muted-2)}
.pr-incluido{padding:clamp(44px,5vw,76px) 0 0}
.pr-incluido-cab{max-width:60ch;margin-bottom:26px}
.pr-incluido-cab h2{margin:0 0 10px;font-family:var(--serif);font-weight:700;font-size:clamp(28px,3vw,40px);line-height:1.02;letter-spacing:-.022em}
.pr-incluido-cab p{margin:0;color:var(--muted)}
.pr-incluido-rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pr-incluido-rejilla article{background:#fff;padding:24px}
.pr-incluido-rejilla .pr-aparte{background:var(--paper-2)}
.pr-incluido-rejilla h3{margin:0 0 8px;font-size:17px;font-weight:700}
.pr-incluido-rejilla p{margin:0;font-size:14.5px;line-height:1.55;color:var(--muted)}
.pr-comparativa,.pr-soporte{padding:clamp(44px,5vw,76px) 0 0}
.pr-tabla-zona{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}
.pr-tabla{width:100%;border-collapse:collapse;font-size:14.5px;min-width:720px}
.pr-tabla td,.pr-tabla th{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.pr-tabla thead th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);font-weight:700;background:var(--paper-2);white-space:nowrap}
.pr-tabla tbody tr:last-child td{border-bottom:0}
.pr-tabla td:first-child,.pr-tabla th:first-child{font-weight:700;position:sticky;left:0;background:#fff}
.pr-tabla thead th:first-child{background:var(--paper-2)}
.pr-tabla .si{color:var(--green-dark);font-weight:700}
.pr-tabla .no{color:#b9c0ba}
.pr-toggle{margin-left:auto;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:0 22px;min-height:44px;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;transition:.16s}
.pr-toggle:hover{border-color:var(--green-dark);color:var(--green-dark)}
.pr-meta{padding:clamp(44px,5vw,76px) 0 clamp(20px,3vw,40px)}
.pr-meta-caja{border-radius:22px;padding:clamp(28px,4vw,46px);color:#fff;background:linear-gradient(90deg,rgba(6,85,56,.97),rgba(9,94,63,.94))}
.pr-meta-caja h2{margin:12px 0;font-family:var(--serif);font-weight:700;font-size:clamp(26px,2.8vw,38px);line-height:1.04;letter-spacing:-.032em;max-width:22ch}
.pr-meta-caja p{margin:0 0 24px;max-width:62ch;line-height:1.55;opacity:.86}
.pr-meta-caja .eyebrow{color:rgba(255,255,255,.78)}
.pr-meta-dos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,44px);align-items:center}
.pr-meta-dos>div{align-self:center}
.pr-calc{background:#fff;color:var(--ink);border-radius:18px;padding:clamp(18px,2vw,24px);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.cal-cab{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cal-mercado{font-size:14px;color:var(--muted);flex:none}
.cal-select{flex:1;min-width:150px;font:inherit;font-size:15px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:9px 34px 9px 12px;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b625c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}
.cal-divisa{margin:10px 0 4px;font-size:13px;line-height:1.45;color:var(--muted)}
.cal-fila{padding:14px 0;border-top:1px solid var(--line)}
.cal-fila:first-of-type{border-top:0}
.cal-fila-cab{display:flex;align-items:center;gap:9px 10px;flex-wrap:wrap}
.cal-punto{width:9px;height:9px;border-radius:50%;flex:none}
.cal-nombre{font-size:15.5px;font-weight:700;flex:1 1 auto;min-width:0;cursor:pointer}
.cal-tarifa{font-size:13px;font-weight:600;color:var(--green-dark);background:#eef4f0;border-radius:20px;padding:4px 11px;white-space:nowrap}
.cal-control{display:flex;align-items:center;gap:12px;margin-top:12px}
.cal-cifra{display:flex;align-items:center;gap:5px;flex:none;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:5px 10px}
.cal-cifra input{width:64px;font:inherit;font-size:14.5px;font-weight:700;color:var(--ink);background:0 0;border:0;text-align:right;appearance:textfield;-moz-appearance:textfield}
.cal-cifra input::-webkit-inner-spin-button,.cal-cifra input::-webkit-outer-spin-button{appearance:none;margin:0}
.cal-cifra input:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:3px}
.cal-cifra span{font-size:13px;color:var(--muted)}
.cal-rango{flex:1;min-width:0;height:22px;appearance:none;background:0 0;cursor:pointer}
.cal-rango:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px}
.cal-rango::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--green) 0 var(--relleno,50%),#e4e7e2 var(--relleno,50%) 100%)}
.cal-rango::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--green) 0 var(--relleno,50%),#e4e7e2 var(--relleno,50%) 100%)}
.cal-rango::-webkit-slider-thumb{appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:var(--green-dark);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.28)}
.cal-rango::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--green-dark);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.28)}
.cal-sub{margin:9px 0 0;font-size:13px;color:var(--muted);text-align:right}
.cal-sub b{color:var(--ink);font-size:14px}
.cal-total{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.cal-total span{font-size:14.5px;color:var(--muted);line-height:1.35}
.cal-total small{font-size:13px}
.cal-total b{font-size:clamp(24px,2.4vw,30px);font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.cal-aviso{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.cal-fuente{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted-2)}
@media (max-width:900px){
.pr-meta-dos{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:420px){
.cal-control{flex-wrap:wrap}
.cal-rango{flex:1 0 100%;order:2}
.cal-cifra{order:1;margin-left:auto}
}
.pr-pie-nota{margin:18px 0 0;font-size:13.5px;color:var(--muted-2);max-width:72ch}
@media(max-width:1240px){
.pr-modulos{grid-template-columns:1fr 1fr}
}
@media(max-width:1000px){
.pr-incluido-rejilla,.pr-planes{grid-template-columns:1fr 1fr}
.pr-resumen{grid-template-columns:1fr}
.pr-resumen-total{text-align:left}
}
@media(max-width:680px){
.pr-incluido-rejilla,.pr-modulos,.pr-planes{grid-template-columns:1fr}
.pr-paso-cab{gap:12px}
.pr-toggle{margin-left:0}
}
@media(prefers-reduced-motion:reduce){
.pr-packs button,.pr-plan,.pr-switch,.pr-switch::after,.pr-toggle{transition:none}
}
@media(max-width:420px){
.pr-meta-caja .white-btn{width:100%;justify-content:center;padding:14px 16px;font-size:14.5px;gap:10px}
}
.pr-info{display:inline-grid;place-items:center;width:28px;height:28px;margin-left:2px;border:0;border-radius:50%;background:0 0;color:#5b635d;font:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer;vertical-align:middle;transition:color .15s;position:relative}
.pr-info::before{content:'';position:absolute;width:19px;height:19px;border-radius:50%;background:#e5eae6;transition:background .15s}
.pr-info span,.pr-info::after{position:relative}
.pr-info:hover{color:#fff}
.pr-info:hover::before{background:var(--green-dark)}
.pr-acordeon{width:100%;display:flex;align-items:flex-start;gap:16px;text-align:left;border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px 24px;cursor:pointer;font:inherit;transition:border-color .16s}
.pr-acordeon:hover{border-color:#c6d6cb}
.pr-acordeon[aria-expanded=true]{border-color:var(--green-dark)}
.pr-acordeon-txt{flex:1;min-width:0}
.pr-acordeon-txt b{display:flex;align-items:center;gap:10px;font-size:clamp(20px,2.2vw,26px);font-family:var(--serif);font-weight:700;letter-spacing:-.03em;line-height:1.05}
.pr-acordeon-txt i{font-style:normal;background:var(--paper-2);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700;letter-spacing:.04em;font-family:var(--sans)}
.pr-acordeon-txt small{display:block;margin-top:7px;font-size:14.5px;line-height:1.5;color:var(--muted);max-width:70ch}
.pr-chevron{flex:none;width:22px;height:22px;margin-top:6px;color:var(--muted);transition:transform .2s}
.pr-acordeon[aria-expanded=true] .pr-chevron{transform:rotate(180deg);color:var(--green-dark)}
.pr-modulos{margin-top:0}
.pr-acordeon[aria-expanded=true]+.pr-modulos{margin-top:32px;border:1px solid var(--green-dark);border-radius:18px;padding:24px 22px;background:#fbfefc}
.pr-resumen.sin-desglose{grid-template-columns:1fr auto;align-items:center}
.pr-linea-sola{border-bottom:0;padding-bottom:0}
.pr-resumen.sin-desglose .pr-resumen-total>span{display:none}
.info-modal{position:fixed;inset:0;z-index:220;display:none;background:rgba(16,26,20,.46);backdrop-filter:blur(3px);padding:clamp(12px,5vh,56px) clamp(12px,4vw,32px);overflow:auto}
.info-modal.open{display:grid;place-items:center}
.info-caja{position:relative;width:min(560px,100%);background:#fff;border-radius:20px;padding:clamp(26px,3vw,38px);box-shadow:0 30px 70px rgba(13,20,15,.28)}
.info-cerrar{position:absolute;top:14px;right:14px;border:0;background:#f1f3f0;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px;color:#3a423c}
.info-cerrar:hover{background:#e4e8e3}
.info-caja h2{margin:0 0 16px;font-family:var(--serif);font-weight:700;font-size:clamp(23px,2.4vw,30px);line-height:1.06;letter-spacing:-.032em;max-width:22ch}
.info-caja p{margin:0 0 12px;font-size:15px;line-height:1.6;color:var(--muted)}
.info-caja p:last-child{margin-bottom:0}
.info-caja b{color:var(--ink);font-weight:700}
@media(max-width:680px){
.pr-acordeon{padding:18px;gap:12px}
.pr-acordeon[aria-expanded=true]+.pr-modulos{margin-top:22px;padding:18px 14px}
.pr-resumen.sin-desglose{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
.pr-acordeon,.pr-chevron,.pr-info{transition:none}
}
.pr-mod h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pr-est{font-style:normal;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.04em;background:#fdf3e3;color:#8a5a1f;border:1px solid #f0e0c4;border-radius:999px;padding:3px 9px}

/* ===== paginas.css ===== */
.pg-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(44px,5vw,80px) 0 clamp(30px,3vw,44px)}
.pg-hero h1{margin:14px 0 16px;font-family:var(--serif);font-weight:700;font-size:clamp(34px,4.4vw,58px);line-height:1;letter-spacing:-.026em;max-width:18ch}
.pg-lede{margin:0;font-size:18px;line-height:1.55;color:var(--muted);max-width:56ch}
.pg-cta{display:flex;align-items:center;gap:20px;margin-top:28px;flex-wrap:wrap}
.pg-btn{min-height:0;padding:14px 26px;font-size:15px;box-shadow:none}
.pg-btn:hover{transform:none;background:#0a6a44}
.pg-link{font-size:15px;font-weight:600;color:var(--green-dark);text-decoration:none}
.pg-link:hover{text-decoration:underline}
.pg-hero-img img{width:100%;height:auto;display:block;border-radius:20px;background:#efece4}
.pg-chat-zona,.pg-formatos,.pg-pasos,.pg-puntos{padding:clamp(34px,4vw,64px) 0 0}
.pg-formatos h2,.pg-pasos h2,.pg-puntos h2{margin:0 0 26px;font-family:var(--serif);font-weight:700;font-size:clamp(26px,3vw,40px);line-height:1.02;letter-spacing:-.022em}
.pg-lista{list-style:none;margin:0;padding:0;counter-reset:pg;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pg-lista li{counter-increment:pg;background:#fff;padding:24px 22px}
.pg-lista li::before{content:counter(pg);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--green-soft);color:var(--green-dark);font-size:13px;font-weight:700;margin-bottom:12px}
.pg-lista b{display:block;font-size:16px;font-weight:700;margin-bottom:7px;line-height:1.25}
.pg-lista span{display:block;font-size:14.5px;line-height:1.55;color:var(--muted)}
.pg-rejilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pg-rejilla article{border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px}
.pg-rejilla h3{margin:0 0 8px;font-size:18px;font-weight:700}
.pg-rejilla p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.pg-nota{margin:20px 0 0;font-size:13.5px;line-height:1.55;color:var(--muted-2);max-width:74ch}
.pg-chat-zona{display:grid;grid-template-columns:360px 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.pg-chat-caja{background:#efe7dd;border-radius:20px;padding:16px 14px}
.pg-chat-cab{display:flex;align-items:center;gap:9px;padding:4px 4px 12px;border-bottom:1px solid rgba(0,0,0,.07)}
.pg-chat-cab span{width:26px;height:26px;border-radius:50%;background:var(--green-dark)}
.pg-chat-cab b{font-size:13px}
.pg-chat{display:flex;flex-direction:column;gap:8px;padding-top:12px}
.pg-b{max-width:86%;border-radius:10px;padding:9px 12px;font-size:13.5px;line-height:1.45;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.pg-b small{display:block;margin-top:5px;font-size:11.5px;color:var(--green-dark);font-weight:700}
.pg-b.in{align-self:flex-start;background:#fff}
.pg-b.out{align-self:flex-end;background:#d9fdd3}
.pg-chat-nota h3{margin:0 0 10px;font-family:var(--serif);font-weight:700;font-size:clamp(24px,2.6vw,34px);line-height:1.04;letter-spacing:-.032em;max-width:20ch}
.pg-chat-nota p{margin:0;font-size:16.5px;line-height:1.55;color:var(--muted);max-width:52ch}
.pg-chips{display:flex;gap:10px;flex-wrap:wrap}
.pg-chips a{border:1px solid var(--line);border-radius:999px;padding:0 20px;min-height:44px;display:inline-flex;align-items:center;font-size:15px;font-weight:600;text-decoration:none;color:inherit;transition:.16s}
.pg-chips a:hover{border-color:var(--green-dark);color:var(--green-dark)}
.pg-cierre{padding:clamp(44px,5vw,76px) 0 clamp(20px,3vw,40px)}
.pg-cierre-caja{border-radius:22px;padding:clamp(26px,3.5vw,42px);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;background:linear-gradient(90deg,rgba(6,85,56,.97),rgba(9,94,63,.94))}
.pg-cierre-caja h2{margin:0;font-family:var(--serif);font-weight:700;font-size:clamp(24px,2.8vw,38px);line-height:1.04;letter-spacing:-.032em;max-width:22ch}
@media(max-width:1000px){
.pg-chat-zona,.pg-hero{grid-template-columns:1fr}
.pg-lista{grid-template-columns:1fr 1fr}
.pg-chat-caja{max-width:400px}
}
@media(max-width:680px){
.pg-lista,.pg-rejilla{grid-template-columns:1fr}
}
.dm{padding:clamp(34px,4vw,64px) 0 0}
.dm h2{margin:0 0 8px;font-family:var(--serif);font-weight:700;font-size:clamp(26px,3vw,40px);line-height:1.02;letter-spacing:-.022em}
.dm-intro,.dm>.wrap>p{margin:0 0 26px;color:var(--muted);max-width:62ch;line-height:1.55}
.dm-rejilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.dm-caja{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.dm-cab{padding:18px 20px 0}
.dm-cab b{display:block;font-size:16.5px;font-weight:700}
.dm-cab b a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}
.dm-cab b a:focus-visible,.dm-cab b a:hover{color:var(--green-dark);border-bottom-color:currentColor}
.dm-cab small{display:block;margin-top:5px;font-size:13.5px;color:var(--muted-2);line-height:1.45}
.dm-chat{margin:16px;background:#efe7dd;border-radius:14px;padding:14px 12px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:348px}
.dm-b{max-width:88%;border-radius:10px;padding:9px 11px;font-size:13px;line-height:1.45;color:#111;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.dm-b.in{align-self:flex-start;background:#fff}
.dm-b.out{align-self:flex-end;background:#d9fdd3}
.dm-b small{display:block;margin-top:4px;font-size:11px;color:#6b7168}
.dm-img{margin:16px;border-radius:14px;flex:1;max-width:calc(100% - 32px);display:flex;align-items:center;justify-content:center;background:#efe7dd;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}
.dm-img img{display:block;width:100%;min-width:316px;height:auto}
.dm-img:focus-visible{outline:2px solid var(--green,#1a8a55);outline-offset:2px}
.dm-abrir{margin:9px -11px -9px;border-top:1px solid #eceee9;text-align:center;padding:9px 0;color:var(--green-dark);font-weight:700;font-size:12.5px}
.dm-btns{align-self:flex-start;width:88%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 1px rgba(0,0,0,.06);display:flex;flex-direction:column}
.dm-btns i{font-style:normal;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 8px;color:#1a8a55;font-weight:500;font-size:12.5px;border-top:1px solid #eceee9}
.dm-btns i:first-child{border-top:0}
.dm-btns i svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dm-cita{display:block;border-left:3px solid #6a3fbf;background:rgba(0,0,0,.04);border-radius:5px;padding:5px 7px;margin-bottom:5px}
.dm-cita b{display:block;font-size:11px;color:#6a3fbf;font-weight:700}
.dm-cita span{display:block;font-size:11px;color:#5b635d;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dm-cta{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 1px rgba(0,0,0,.06);align-self:flex-start;max-width:88%}
.dm-cta .cuerpo{padding:9px 11px}
.dm-cta b{display:block;font-size:13px;margin-bottom:3px}
.dm-cta p{margin:0;font-size:12.5px;line-height:1.4;color:#111}
.dm-cta small{display:block;margin-top:4px;font-size:11px;color:#6b7168}
.dm-cta .accion{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #eceee9;padding:10px 0;color:#1a8a55;font-size:12.5px}
.dm-cta .accion svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dm-prod{background:#fff;border-radius:10px;overflow:hidden;align-self:flex-start;max-width:74%;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.dm-prod .img{height:96px;background:center/cover no-repeat #efece4}
.dm-prod .info{padding:8px 10px}
.dm-prod .info b{display:block;font-size:12.5px}
.dm-prod .info span{display:block;font-size:12.5px;color:#6b7168;margin-top:2px}
.dm-prod .ver{border-top:1px solid #eceee9;text-align:center;padding:9px 0;color:#1a8a55;font-size:12.5px}
.dm-codigo{max-width:88%}
.dm-codigo b{font-weight:700}
.dm-codigo .vence{display:block;margin-top:5px;padding-top:5px;border-top:1px solid #eceee9;font-size:11px;color:#6b7168}
.dm-hoja{position:absolute;left:0;right:0;bottom:0;top:8%;z-index:3;background:#fff;border-radius:14px 14px 0 0;padding:0;overflow:hidden;box-shadow:0 -8px 26px rgba(0,0,0,.16);display:flex;flex-direction:column;transform:translateY(101%);transition:transform .42s cubic-bezier(.22,1,.36,1)}
.dm-hoja.dm-arriba{transform:none}
.dm-hoja-cab{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid #f0f1ee}
.dm-hoja-cab em{font-style:normal;font-size:14px;color:#5c6a61;line-height:1}
.dm-hoja-cab b{font-size:12.5px;font-weight:700;margin:0}
.dm-hoja-filas{flex:1;overflow:hidden;padding:0 15px}
.dm-hoja span{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5b635d;margin:10px 0 2px}
.dm-hoja i{display:flex;align-items:center;justify-content:space-between;gap:10px;font-style:normal;font-size:12px;padding:8px 0;border-bottom:1px solid #f0f1ee}
.dm-hoja i:last-child{border-bottom:0}
.dm-hoja i::after{content:'';flex:none;width:14px;height:14px;border-radius:50%;border:1.6px solid #c6cbc4;transition:.15s;margin-right:4px}
.dm-hoja i.dm-elegida{padding-left:8px;margin-left:-8px;background:0 0;color:#0b5c33}
.dm-hoja i.dm-elegida::after{border-color:#0b5c33;background:#0b5c33;box-shadow:inset 0 0 0 3px #fff}
.dm-hoja-enviar{margin:10px 13px 13px;background:#0b5c33;color:#fff;border-radius:8px;text-align:center;padding:10px 0;font-size:12px;font-weight:700;letter-spacing:.06em;opacity:.38;transition:opacity .2s}
.dm-hoja.dm-listo .dm-hoja-enviar{opacity:1}
.dm-car{display:flex;gap:8px;overflow:hidden;width:max-content}
.dm-car article{flex:none;width:112px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.dm-car .ph{height:62px;background:center/cover no-repeat #dcd8ce}
.dm-car h4{margin:0;padding:7px 8px 0;font-size:11px;line-height:1.25}
.dm-car p{margin:2px 8px 7px;font-size:11px;color:#6b7168}
.dm-car .cb{border-top:1px solid #eceee9;text-align:center;padding:6px 0;font-size:11px;font-weight:700;color:var(--green-dark)}
.dm-flow{position:absolute;left:0;right:0;bottom:0;top:4%;z-index:3;background:#f2f3f0;border-radius:14px 14px 0 0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -8px 26px rgba(0,0,0,.16);transform:translateY(101%);transition:transform .42s cubic-bezier(.22,1,.36,1)}
.dm-flow.dm-arriba{transform:none}
.dm-flow-cab{display:flex;align-items:center;gap:10px;padding:10px 13px 8px;background:#f2f3f0}
.dm-flow-cab em{font-style:normal;font-size:14px;color:#5c6a61;line-height:1}
.dm-flow-cab b{flex:1;text-align:center;font-size:12.5px;font-weight:700}
.dm-flow-barra{height:3px;background:#dfe2dd}
.dm-flow-barra i{display:block;height:100%;width:28%;background:#1a8a55;transition:width .5s}
.dm-flow.dm-listo .dm-flow-barra i{width:62%}
.dm-flow-cuerpo{flex:1;padding:12px 13px 0;overflow:hidden}
.dm-flow-cuerpo p{margin:0 0 10px;font-size:12.5px;line-height:1.35;color:#111}
.dm-flow-cuerpo strong{display:block;font-size:11.5px;margin-bottom:6px}
.dm-flow-ops{background:#fff;border-radius:10px;overflow:hidden}
.dm-flow-ops i{display:flex;align-items:center;gap:8px;font-style:normal;font-size:12px;padding:9px 11px;border-top:1px solid #eceee9;color:#111}
.dm-flow-ops i:first-child{border-top:0}
.dm-flow-ops i.dm-elegida{background:#eefaf2;font-weight:700}
.dm-flow-enviar{margin:10px 13px 6px;background:#dfe2dd;color:#5b635d;border-radius:999px;text-align:center;padding:10px 0;font-size:12px;font-weight:700;transition:.2s}
.dm-flow.dm-listo .dm-flow-enviar{background:#0b5c33;color:#fff}
.dm-flow-pie{padding:0 13px 11px;font-size:11px;color:#5b635d;text-align:center}
@media(max-width:840px){
.dm-rejilla{grid-template-columns:1fr}
}
.dm-chat{position:relative;overflow:hidden}
.dm-puntero{position:absolute;top:0;left:0;width:26px;height:26px;z-index:5;pointer-events:none;opacity:0;transform:translate(20px,20px);transition:transform .62s cubic-bezier(.22,1,.36,1),opacity .3s;filter:drop-shadow(0 3px 6px rgba(16,26,20,.3))}
.dm-puntero.dm-visible{opacity:1}
.dm-puntero svg{width:100%;height:100%;display:block;transition:transform .18s}
.dm-puntero.dm-toca svg{transform:scale(.78)}
.dm-puntero.dm-toca::before{content:'';position:absolute;left:-9px;top:-9px;width:30px;height:30px;border-radius:50%;border:2px solid rgba(18,165,95,.75);animation:.42s ease-out dm-aro}
@keyframes dm-aro{
from{transform:scale(.4);opacity:.9}
to{transform:scale(1.5);opacity:0}
}
.dm-oculto{display:none!important}
.dm-pulsado{background:var(--green-soft)!important;border-radius:8px}
.dm-hoja i.dm-elegida{background:var(--green-soft);border-radius:6px;font-weight:700;color:var(--green-dark)}
.dm-car{transition:transform .9s cubic-bezier(.22,1,.36,1)}
.dm-b.foto{padding:5px;max-width:74%}
.dm-b.foto img{display:block;width:100%;border-radius:7px}
.dm-b.foto span{display:block;padding:7px 6px 3px;font-size:13px;line-height:1.4}
.dm-b.foto small{padding:0 6px 4px}
@media(prefers-reduced-motion:reduce){
.dm-puntero{display:none}
.dm-car{transition:none}
}
.dm-pago{background:#fff;border-radius:10px;overflow:hidden;align-self:flex-start;max-width:92%;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.dm-pago .cuerpo{padding:10px 12px}
.dm-pago .seguro{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#111}
.dm-pago .ref{display:block;margin:5px 0 7px;font-size:12.5px;font-weight:700}
.dm-pago p{margin:0;font-size:12.5px;line-height:1.45;color:#111}
.dm-pago .aviso{display:block;margin-top:7px;font-size:12px;line-height:1.4;color:#111}
.dm-pago .por{display:block;margin-top:7px;font-size:11px;color:#6b7168}
.dm-pago .accion{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #eceee9;padding:10px 0;color:#1a8a55;font-size:12.5px;font-weight:600}
.dm-pago .accion svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pg-pasarelas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pg-pasarela{border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px;display:flex;flex-direction:column}
.pg-pasarela .marca{height:30px;display:flex;align-items:center;margin-bottom:16px;color:#0a2540}
.pg-pasarela .marca img{max-height:26px;width:auto;display:block}
.pg-pasarela h3{margin:0 0 6px;font-size:16.5px;font-weight:700}
.pg-pasarela p{margin:0 0 14px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.pg-pasarela .ambito{margin-top:auto;display:inline-flex;align-self:flex-start;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:700;letter-spacing:.03em}
.pg-pasarela .ambito.local{background:var(--green-soft);color:var(--green-dark)}
.pg-pasarela .ambito.inter{background:#eef1f6;color:#33465c}
@media(max-width:840px){
.pg-pasarelas{grid-template-columns:1fr}
}
.wf-tabs{display:inline-flex;gap:6px;margin-bottom:22px;padding:5px;background:var(--paper-2);border:1px solid var(--line);border-radius:999px}
.wf-tabs button{border:0;background:0 0;border-radius:999px;padding:0 20px;min-height:44px;font:inherit;font-size:14.5px;font-weight:600;color:var(--muted);cursor:pointer}
.wf-tabs button[aria-selected=true]{background:#fff;color:var(--green-dark);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.wf-nodos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wf-nodos[hidden]{display:none}
.wf-nodo{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:13px 14px;min-height:60px}
.wf-nodo i{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#fdf1e6;color:#b5651d;font-style:normal;font-size:15px}
.wf-nodo b{font-size:14px;font-weight:600;line-height:1.25}
.wf-nodo.destacado{border-color:var(--green-dark);background:#fbfefc}
.wf-nodo.destacado i{background:var(--green-soft);color:var(--green-dark)}
.wf-moat{margin-top:clamp(34px,4vw,60px);border:1px solid var(--green-dark);border-radius:22px;background:#fbfefc;padding:clamp(26px,3.4vw,42px);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,48px);align-items:center}
.wf-moat .sello{display:inline-flex;align-items:center;gap:8px;background:var(--green-dark);color:#fff;border-radius:999px;padding:6px 14px;font-size:11.5px;font-weight:700;letter-spacing:.04em}
.wf-moat h2{margin:14px 0 12px;font-family:var(--serif);font-weight:700;font-size:clamp(25px,2.7vw,37px);line-height:1.04;letter-spacing:-.024em;max-width:20ch}
.wf-moat p{margin:0 0 12px;font-size:16px;line-height:1.55;color:var(--muted);max-width:52ch}
.wf-moat ul{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.wf-moat li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.45;color:var(--muted)}
.wf-moat li::before{content:'';position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;background:var(--green)}
.wf-demo{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}
.wf-demo .paso{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.wf-demo .paso b{color:var(--ink);font-weight:700}
.wf-demo .caja{background:var(--paper-2);border-radius:10px;padding:11px 13px;font-size:13.5px}
.wf-demo .caja.ok{background:var(--green-soft);color:var(--green-dark);font-weight:700}
.wf-demo .flecha{text-align:center;color:#b8bfb8;font-size:14px;line-height:1}
@media(max-width:1100px){
.wf-nodos{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:840px){
.wf-nodos{grid-template-columns:1fr 1fr}
.wf-moat{grid-template-columns:1fr}
}
@media(max-width:520px){
.wf-nodos{grid-template-columns:1fr}
.wf-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;border-radius:14px}
.wf-tabs button{padding:0 8px;font-size:13.5px}
}
.capi-mapa{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;border:1px solid var(--line);border-radius:16px;background:#fff;padding:20px}
.capi-col span{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:10px}
.capi-col i{display:block;font-style:normal;border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-size:14px;margin-bottom:8px;background:var(--paper)}
.capi-col i:last-child{margin-bottom:0}
.capi-col.destino i{border-color:#c9d6e8;background:#f4f7fb;color:#25405f;font-weight:600}
.capi-flechas{display:flex;flex-direction:column;gap:8px;color:#b8bfb8;font-size:16px;text-align:center}
.capi-flechas em{font-style:normal;display:block;height:43px;line-height:43px}
.capi-flujo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.capi-flujo article{padding:22px 20px;border-right:1px solid var(--line);position:relative}
.capi-flujo article:last-child{border-right:0;background:#f4f7fb}
.capi-flujo b{display:block;font-size:15.5px;margin-bottom:6px}
.capi-flujo p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.capi-flujo .n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--green-soft);color:var(--green-dark);font-size:12.5px;font-weight:700;margin-bottom:12px}
.capi-flujo article:last-child .n{background:#e2eaf5;color:#25405f}
@media(max-width:900px){
.capi-flujo{grid-template-columns:1fr 1fr}
.capi-flujo article:nth-child(2){border-right:0}
.capi-mapa{grid-template-columns:1fr;gap:10px}
.capi-flechas{flex-direction:row;justify-content:center}
.capi-flechas em{height:auto;line-height:1;transform:rotate(90deg)}
}
@media(max-width:560px){
.capi-flujo{grid-template-columns:1fr}
.capi-flujo article{border-right:0;border-bottom:1px solid var(--line)}
}
.capi-que{border:1px solid var(--line);border-left:3px solid var(--green-dark);background:#fff;border-radius:0 16px 16px 0;margin:0 0 26px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:clamp(20px,3vw,40px);padding:24px 26px}
.capi-que .texto{max-width:60ch}
.capi-que b{display:block;font-size:15.5px;margin-bottom:6px}
.capi-que p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.capi-que .redes{border-left:1px solid var(--line);padding-left:clamp(18px,2.4vw,32px);display:flex;align-items:center;justify-content:center}
.capi-que .marcas{display:flex;align-items:center;gap:clamp(16px,2vw,26px);flex-wrap:wrap}
.capi-que img{display:block;height:24px;width:auto}
.capi-que img.alto{height:27px}
@media(max-width:900px){
.capi-que{grid-template-columns:1fr;gap:20px}
.capi-que .redes{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:18px}
}
.an{display:flex;flex-direction:column;gap:18px}
.an-mock{background:#efe7dd;border-radius:16px;padding:16px 14px 16px 26px;position:relative}
.an-b{background:#fff;border-radius:10px;box-shadow:0 1px 1px rgba(0,0,0,.06);position:relative}
.an-parte:first-child{border-radius:10px 10px 0 0}
.an-parte:last-child{border-radius:0 0 10px 10px}
.an-parte:first-child .an-medio{border-radius:10px 10px 0 0}
.an-parte{position:relative;padding:10px 12px;font-size:13px;line-height:1.45;color:#111}
.an-parte+.an-parte{border-top:1px solid #f1f2ef}
.an-parte.cab{font-weight:700}
.an-parte.pie{color:#6b7168;font-size:12px}
.an-parte.btn{text-align:center;color:#1a8a55;font-weight:600;font-size:12.5px}
.an-medio+.an-n,.an-parte>.an-medio{border-radius:0}
.an-medio{height:78px;background:center/cover no-repeat #dcd8ce;border-radius:10px 10px 0 0}
.an-n{position:absolute;left:-11px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:var(--green-dark);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.an-lista{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none}
.an-lista li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:13.5px;line-height:1.4}
.an-lista i{font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--green-soft);color:var(--green-dark);font-size:11px;font-weight:700;display:grid;place-items:center;margin-top:1px}
.an-lista b{font-weight:700}
.an-lista span{color:var(--muted)}
.an-fuente{margin:2px 0 0;font-size:12px;color:var(--muted-2)}
.an-fuente a{color:inherit}
@media(max-width:1000px){
.an{max-width:420px}
}
.an-sep{font-size:12px;color:var(--muted-2);text-align:center;margin:-4px 0 -2px}
.an-fila{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.an-fila .txt b{display:block;font-size:13px;line-height:1.3}
.an-fila .txt span{display:block;font-size:11.5px;color:#6b7168;margin-top:2px;line-height:1.3}
.an-radio{flex:none;width:14px;height:14px;border-radius:50%;border:1.6px solid #c6cbc4;margin-top:2px}
.an-radio.on{border-color:#0b5c33;background:#0b5c33;box-shadow:inset 0 0 0 3px #fff}
.an-parte.seccion{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#5b635d}
.an-parte.enviar{background:#0b5c33;color:#fff;text-align:center;font-weight:700;font-size:12px;letter-spacing:.05em}
.emb{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;align-items:start}
.emb-paso{position:relative;text-align:center;padding:0 8px}
.emb-paso::after{content:'';position:absolute;top:44px;right:-10px;width:20px;height:20px;border-right:2px solid #c9cfc9;border-top:2px solid #c9cfc9;transform:rotate(45deg)}
.emb-paso:last-child::after{display:none}
.emb-ico{width:88px;height:88px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;position:relative}
.emb-ico svg{width:38px;height:38px}
.emb-ico img{height:26px;width:auto;display:block}
.emb-ico .par{display:flex;align-items:center;gap:7px}
.emb-paso h3{margin:0 0 10px;font-size:15px;font-weight:700;line-height:1.3}
.emb-etapa{display:inline-block;border-radius:8px;padding:5px 13px;font-size:12.5px;font-weight:700;color:#fff;letter-spacing:.02em}
.emb-evento{display:block;margin-top:11px;font-size:12px;color:var(--muted-2);line-height:1.4}
.emb-evento b{display:block;color:var(--green-dark);font-size:12.5px}
.emb-1 .emb-ico{background:#e8f0fe}
.emb-2 .emb-ico{background:#e4f7ea}
.emb-2 .emb-ico svg{fill:#25D366}
.emb-3 .emb-ico{background:#fdf2dd}
.emb-3 .emb-ico svg{fill:#e0a12a}
.emb-4 .emb-ico{background:#efe9fb}
.emb-4 .emb-ico svg{fill:#6b4fbb}
.emb-5 .emb-ico{background:#e4f5f1}
.emb-5 .emb-ico svg{fill:#12876f}
.emb-1 .emb-etapa{background:#1b74e4}
.emb-2 .emb-etapa{background:#1a8a55}
.emb-3 .emb-etapa{background:#d98c17}
.emb-4 .emb-etapa{background:#6b4fbb}
.emb-5 .emb-etapa{background:#12876f}
@media(max-width:980px){
.emb{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0}
.emb-paso::after{display:none}
}
@media(max-width:560px){
.emb{grid-template-columns:1fr}
}
.pg-hero-ancho{grid-template-columns:1fr;gap:clamp(20px,3vw,34px)}
.an-fig{margin:0;border:1px solid var(--line);border-radius:20px;background:#fbfaf6;padding:clamp(10px,1.6vw,20px);max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.an-fig img{display:block;width:100%;min-width:1180px;height:auto}
.an-fig:focus-visible{outline:2px solid var(--green,#1a8a55);outline-offset:2px}
.emb-remate{margin:clamp(34px,4vw,52px) auto 0;max-width:60ch;text-align:center;font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:var(--muted);padding-top:clamp(24px,2.6vw,32px);border-top:1px solid var(--line)}
.emb-remate b{color:var(--green-dark);font-weight:700}
.pg-cierre-txt .eyebrow{color:rgba(255,255,255,.72)}
.pg-cierre-txt h2{margin:10px 0 8px}
.pg-cierre-txt p{margin:0;font-size:15.5px;line-height:1.5;color:rgba(255,255,255,.82);max-width:46ch}
.lg-hero{padding:clamp(44px,5vw,76px) 0 clamp(20px,2.4vw,32px);border-bottom:1px solid var(--line)}
.lg-hero h1{margin:12px 0 10px;font-family:var(--serif);font-weight:700;font-size:clamp(32px,3.8vw,50px);line-height:1.02;letter-spacing:-.03em;max-width:22ch}
.lg-fecha{margin:0;font-size:14px;color:var(--muted-2);letter-spacing:.02em}
.lg{display:grid;grid-template-columns:230px minmax(0,1fr);min-width:0;gap:clamp(28px,5vw,72px);padding:clamp(32px,4vw,56px) 0 clamp(40px,5vw,72px);align-items:start}
.lg-indice{position:sticky;top:96px}
.lg-indice b{display:block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:12px}
.lg-indice a{display:block;font-size:14px;line-height:1.35;color:var(--muted);text-decoration:none;padding:7px 0 7px 14px;border-left:2px solid var(--line)}
.lg-indice a:hover{color:var(--green-dark);border-color:var(--green)}
.lg-texto{max-width:74ch;min-width:0}
.lg-texto h2,.lg-texto h3,.lg-texto li,.lg-texto p{overflow-wrap:anywhere}
.lg-texto h2{margin:clamp(30px,3vw,44px) 0 12px;font-family:var(--serif);font-weight:700;font-size:clamp(22px,2.3vw,30px);line-height:1.1;letter-spacing:-.022em;scroll-margin-top:100px}
.lg-texto h2:first-child{margin-top:0}
.lg-texto h3{margin:26px 0 8px;font-size:16.5px;font-weight:700}
.lg-texto p{margin:0 0 14px;font-size:16px;line-height:1.65;color:var(--muted)}
.lg-texto ul{margin:0 0 16px;padding:0;list-style:none}
.lg-texto li{position:relative;padding-left:20px;margin-bottom:9px;font-size:16px;line-height:1.6;color:var(--muted)}
.lg-texto li::before{content:'';position:absolute;left:2px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--green)}
.lg-texto li ul{margin:9px 0 0}
.lg-texto b{color:var(--ink);font-weight:700}
.lg-texto a{color:var(--green-dark)}
.lg-ficha{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px 24px;margin:22px 0}
.lg-ficha dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px}
@media(max-width:430px){
.lg-ficha dl{grid-template-columns:1fr;gap:2px}
.lg-ficha dt{margin-top:10px}
.lg-ficha dt:first-child{margin-top:0}
}
.lg-ficha dt{font-size:13.5px;color:var(--muted-2)}
.lg-ficha dd{overflow-wrap:anywhere;margin:0;font-size:14.5px;color:var(--ink)}
@media(max-width:900px){
.lg{grid-template-columns:1fr}
.lg-indice{position:static;display:none}
}
.ct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4vw,56px);padding:clamp(36px,4vw,64px) 0;align-items:start}
.ct-datos{display:flex;flex-direction:column;gap:14px}
.ct-item{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px 20px}
.ct-item svg{flex:none;width:20px;height:20px;margin-top:2px;fill:none;stroke:var(--green-dark);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ct-item b{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);margin-bottom:4px}
.ct-item a,.ct-item span{font-size:16px;line-height:1.45;color:var(--ink);text-decoration:none}
.ct-item a:hover{color:var(--green-dark);text-decoration:underline}
.ct-mapa{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--paper-2)}
.ct-mapa iframe{display:block;width:100%;height:clamp(320px,42vw,460px);border:0}
.ct-mapa-pie{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-top:1px solid var(--line);background:#fff;flex-wrap:wrap}
.ct-mapa-pie span{font-size:14px;color:var(--muted)}
.ct-mapa-pie a{font-size:14px;font-weight:600;color:var(--green-dark);text-decoration:none}
.ct-mapa-pie a:hover{text-decoration:underline}
.faq{padding:0 0 clamp(40px,5vw,72px)}
.faq h2{margin:0 0 22px;font-family:var(--serif);font-weight:700;font-size:clamp(26px,3vw,38px);line-height:1.04;letter-spacing:-.028em}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;position:relative;font-size:17px;font-weight:700;line-height:1.35}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'';position:absolute;right:8px;top:24px;width:9px;height:9px;border-right:2px solid var(--muted-2);border-bottom:2px solid var(--muted-2);transform:rotate(45deg);transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(-135deg);top:28px}
.faq-item p{margin:0 0 20px;font-size:15.5px;line-height:1.6;color:var(--muted);max-width:74ch}
@media(max-width:900px){
.ct{grid-template-columns:1fr}
}
.nt{padding:clamp(28px,4vw,56px) 0 0}
.nt-cab{max-width:760px;text-align:center}
.nt-volver{display:inline-block;margin-bottom:18px;font-size:14px;color:var(--muted);text-decoration:none;border-bottom:1px solid transparent}
.nt-volver:focus-visible,.nt-volver:hover{color:var(--green-dark);border-bottom-color:currentColor}
.nt-tag{position:static;display:inline-block;margin-bottom:16px}
.nt-cab h1{margin:0 0 14px;font-family:var(--serif);font-weight:700;font-size:clamp(30px,4.2vw,50px);line-height:1.04;letter-spacing:-.032em}
.nt-lede{margin:0 auto 20px;max-width:58ch;font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:var(--muted)}
.nt-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:13.5px;color:var(--muted-2)}
.nt-foto{margin:clamp(26px,3.4vw,44px) auto 0;max-width:1000px}
.nt-foto img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid var(--line)}
.nt-foto figcaption{margin-top:12px;font-size:13.5px;line-height:1.5;color:var(--muted-2);text-align:center}
.nt-cuerpo{max-width:680px;margin-top:clamp(28px,3.4vw,44px)}
.nt-cuerpo p{margin:0 0 20px;font-size:clamp(16px,1.5vw,18px);line-height:1.68;color:var(--ink)}
.nt-cuerpo p b{font-weight:700}
.nt-cuerpo h2{margin:clamp(28px,3vw,40px) 0 14px;font-family:var(--serif);font-weight:700;font-size:clamp(22px,2.4vw,30px);line-height:1.12;letter-spacing:-.022em}
.nt-cuerpo h3{margin:clamp(24px,2.6vw,34px) 0 12px;font-family:var(--serif);font-weight:700;font-size:clamp(19px,1.9vw,23px);line-height:1.2;letter-spacing:-.018em}
.nt-cuerpo h4{margin:clamp(20px,2.2vw,28px) 0 10px;font-weight:700;font-size:clamp(16px,1.6vw,18px);line-height:1.3;color:var(--ink)}
.nt-cuerpo ol,.nt-cuerpo ul{margin:0 0 20px;padding-left:24px}
.nt-cuerpo li{margin:0 0 8px;font-size:clamp(16px,1.5vw,18px);line-height:1.68;color:var(--ink)}
.nt-cuerpo code{padding:2px 6px;border:1px solid var(--line);border-radius:5px;background:var(--paper-2);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;color:var(--ink)}
.nt-cuerpo pre{margin:0 0 20px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;color:var(--ink);white-space:pre}
.nt-cuerpo pre code{padding:0;border:0;background:none;font-size:inherit}
.nt-cuerpo table{width:100%;margin:0 0 20px;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}
.nt-cuerpo td,.nt-cuerpo th{padding:10px 12px;border:1px solid var(--line);text-align:left}
.nt-cuerpo th{background:var(--paper-2);font-weight:600}
.nt-nota{margin-top:28px;padding:16px 18px;border-left:3px solid var(--line);background:var(--paper-2);border-radius:0 10px 10px 0;font-size:14px!important;line-height:1.55!important;color:var(--muted-2)!important}
.nt-pie{display:flex;flex-wrap:wrap;align-items:center;gap:16px;max-width:680px;margin:clamp(28px,3vw,40px) auto 0;padding-top:24px;border-top:1px solid var(--line)}
.nt-pie span{font-size:15px;color:var(--muted)}
.nt-link{font-size:15px;font-weight:600;color:var(--green-dark);text-decoration:none}
.nt-link:focus-visible,.nt-link:hover{text-decoration:underline;text-underline-offset:3px}
.nt-otras{margin-top:clamp(40px,5vw,72px)}
.nt-rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,30px)}
@media(max-width:900px){
.nt-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
.nt-rejilla{grid-template-columns:1fr}
}
.nt-rejilla .nw-item{width:auto;flex:none;scroll-snap-align:none}

/* ===== producto.css ===== */
.pd-hero{position:relative;overflow:hidden;background:var(--paper)}
.pd-fondo{position:absolute;top:0;right:0;bottom:0;width:38%;background-position:center right;background-size:cover;background-repeat:no-repeat;opacity:.5;filter:saturate(.72);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 100%)}
.pd-hero .wrap{position:relative;z-index:1}
.pd-cab{display:grid;grid-template-columns:minmax(0,520px) minmax(0,440px);justify-content:start;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(46px,5.5vw,86px) 0}
.pd-mec{max-width:440px;justify-self:start}
.pd-cab h1{margin:14px 0 16px;font-family:var(--serif);font-weight:700;font-size:clamp(34px,4.4vw,60px);line-height:.99;letter-spacing:-.026em;max-width:16ch}
.pd-lede{margin:0;font-size:18px;line-height:1.55;color:var(--muted);max-width:48ch}
.pd-cta{display:flex;align-items:center;gap:20px;margin-top:28px;flex-wrap:wrap}
.pd-btn{min-height:0;padding:14px 26px;font-size:15px;box-shadow:none}
.pd-btn:hover{transform:none;background:#0a6a44}
.pd-link{font-size:15px;font-weight:600;color:var(--green-dark);text-decoration:none}
.pd-link:hover{text-decoration:underline}
.pd-anim{width:100%;height:auto;display:block;overflow:visible}
.pd-anim text{font-family:var(--sans);font-size:13px;fill:#5c6a61}
.pd-anim .trazo{fill:none;stroke:#8a938c;stroke-width:1.4;stroke-linecap:round}
.pd-anim .bronce{fill:none;stroke:#0b5c33;stroke-width:2.2;stroke-linecap:round}
.mec-ia .linea{transform-origin:center;animation:5.4s ease-in-out infinite ia-entra}
.mec-ia .linea:first-child{animation-delay:0s}
.mec-ia .linea:nth-child(2){animation-delay:-.55s}
.mec-ia .linea:nth-child(3){animation-delay:-1.1s}
.mec-ia .linea:nth-child(4){animation-delay:-1.65s}
.mec-ia .linea:nth-child(5){animation-delay:-2.2s}
.mec-ia .linea:nth-child(6){animation-delay:-2.75s}
@keyframes ia-entra{
0%,100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.9)}
18%{opacity:.85}
62%{opacity:.85;transform:translate(0,0) scale(1)}
74%{opacity:0;transform:translate(0,0) scale(.86)}
}
.mec-ia .burbuja{transform-origin:50% 62%;animation:5.4s ease-in-out infinite ia-burbuja}
@keyframes ia-burbuja{
0%,58%{opacity:0;transform:scale(.82)}
70%,92%{opacity:1;transform:scale(1)}
100%{opacity:0;transform:scale(.92)}
}
.mec-call .ruta{stroke-dasharray:6 7;opacity:.55}
.mec-call .pulso{fill:none;stroke:#12a55f;stroke-width:3;stroke-linecap:round;stroke-dasharray:54 460;animation:4.6s linear infinite call-pulso}
@keyframes call-pulso{
from{stroke-dashoffset:514}
to{stroke-dashoffset:0}
}
.mec-call .nodo{fill:#fff;stroke:#b9c2bb;stroke-width:1.6}
.mec-call .nodo.on{animation:4.6s ease-in-out infinite call-nodo}
.mec-call .nodo.n1{animation-delay:.25s}
.mec-call .nodo.n2{animation-delay:1.45s}
.mec-call .nodo.n3{animation-delay:2.65s}
.mec-call .nodo.n4{animation-delay:3.75s}
@keyframes call-nodo{
0%,100%,46%,6%{fill:#fff;stroke:#b9c2bb;r:9}
12%{fill:#12a55f;stroke:#0b5c33;r:11}
30%{fill:#12a55f;stroke:#0b5c33;r:9}
}
.mec-voz .barra{fill:#0b5c33;transform-origin:center;animation:1.2s ease-in-out infinite voz-barra}
@keyframes voz-barra{
0%,100%{transform:scaleY(.32)}
50%{transform:scaleY(1)}
}
.mec-voz .ondas{animation:6.4s ease-in-out infinite voz-onda}
@keyframes voz-onda{
0%,10%,100%{clip-path:inset(0 0 0 0)}
62%,88%{clip-path:inset(0 0 0 100%)}
}
.mec-voz .trans{animation:6.4s ease-in-out infinite voz-trans}
@keyframes voz-trans{
0%,10%,100%{clip-path:inset(0 100% 0 0)}
62%,88%{clip-path:inset(0 0 0 0)}
}
.mec-check .escaner{fill:#12a55f;opacity:.22;animation:5.2s ease-in-out infinite ck-escaner}
@keyframes ck-escaner{
0%,100%{transform:translateY(0);opacity:0}
8%{opacity:.26}
52%{transform:translateY(128px);opacity:.26}
60%{opacity:0}
}
.mec-check .campo{opacity:.35}
.mec-check .tic{opacity:0;animation:5.2s ease-in-out infinite ck-tic}
.mec-check .tic.c1{animation-delay:.6s}
.mec-check .tic.c2{animation-delay:1.5s}
.mec-check .tic.c3{animation-delay:2.4s}
@keyframes ck-tic{
0%,100%{opacity:0}
10%,88%{opacity:1}
}
.mec-check .sello{transform-origin:center;animation:5.2s ease-in-out infinite ck-sello}
@keyframes ck-sello{
0%,58%{opacity:0;transform:scale(1.5) rotate(-16deg)}
68%,90%{opacity:1;transform:scale(1) rotate(-7deg)}
100%{opacity:0;transform:scale(1) rotate(-7deg)}
}
@media(max-width:1000px){
.pd-cab{grid-template-columns:1fr;padding:38px 0 34px}
.pd-fondo{width:100%;opacity:.22;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 45%);mask-image:linear-gradient(180deg,transparent 0%,#000 45%)}
.pd-cab h1{max-width:20ch}
}
@media(prefers-reduced-motion:reduce){
.pd-anim *{animation:none!important}
.mec-check .sello,.mec-check .tic,.mec-ia .burbuja,.mec-ia .linea{opacity:1!important;transform:none!important}
.mec-voz .ondas,.mec-voz .trans{clip-path:none!important}
.mec-check .escaner{opacity:0}
}
.pd-banda{position:relative;overflow:hidden;background:var(--paper);min-height:clamp(420px,42vw,620px);display:grid;align-items:center}
.pd-banda-img{position:absolute;inset:0;background-position:right center;background-size:cover;background-repeat:no-repeat}
.pd-banda-img.centro{background-position:center center}
.pd-banda-img.dos-figuras{background-position:22% center}
.pd-banda::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(251,250,246,.97) 0,rgba(251,250,246,.92) 26%,rgba(251,250,246,.6) 44%,rgba(251,250,246,0) 62%)}
.pd-banda .wrap{position:relative;z-index:2}
.pd-banda-txt{max-width:min(520px,50%);padding:clamp(34px,4vw,56px) 0}
.pd-banda-txt h1{margin:14px 0 16px;font-family:var(--serif);font-weight:700;font-size:clamp(32px,3.9vw,54px);line-height:1;letter-spacing:-.026em}
.pd-banda-txt .pd-lede{max-width:44ch}
@media(max-width:900px){
.pd-banda{min-height:0;display:block}
.pd-banda-img{position:relative;inset:auto;height:min(52vw,320px);background-position:center right}
.pd-banda::after{display:none}
.pd-banda-txt{max-width:none;padding:28px 0 34px}
}