@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url("assets/fonts/poppins-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/poppins-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/poppins-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/poppins-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/poppins-latin-700-normal.woff2") format("woff2")}
:root{--mint:#6EC6B4;--mint-d:#2E8574;--mint-s:#E3F4F0;--lav:#BDAEE1;--lav-d:#6F5BBF;--lav-dd:#5A47A8;--lav-s:#EFEBF9;--ink:#1F2937;--ink2:#5B6472;--ink3:#8A93A1;--line:#E6EAEF;--bg:#F8FAFB;--card:#FFFFFF}
*{box-sizing:border-box}
body{margin:0;font-family:"Poppins",system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}
a{color:var(--lav-d)}a:hover{color:var(--lav-dd)}
h1,h2,h3,p{margin:0}
.md-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.md-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;background:var(--lav-d);color:#fff;font-weight:600;font-size:16px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;transition:background .2s,transform .2s,box-shadow .2s}
.md-btn:hover{background:var(--lav-dd);color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px rgba(111,91,191,.28)}
.md-btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.md-btn-ghost:hover{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink3)}
.md-nav-link{color:var(--ink2);text-decoration:none;font-weight:500;font-size:15px}
.md-nav-link:hover{color:var(--ink)}
.md-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mint-d)}
.md-h2{font-size:clamp(32px,4.2vw,52px);line-height:1.1;font-weight:600;letter-spacing:-.03em}
.md-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}
.md-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.md-span2{grid-column:span 2}
.md-row2{grid-row:span 2}
.md-card{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:32px;transition:transform .25s,box-shadow .25s}
.md-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(31,41,55,.07)}
.md-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--mint-s);color:var(--mint-d)}
.md-icon-lav{background:var(--lav-s);color:var(--lav-d)}
.md-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.md-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.md-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:64px;align-items:start}
.md-faq details{border-bottom:1px solid var(--line);padding:24px 0}
.md-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;font-weight:600;font-size:18px}
.md-faq summary::-webkit-details-marker{display:none}
.md-faq summary span.md-plus{flex:0 0 36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--lav-s);color:var(--lav-d);font-size:22px;font-weight:400;transition:transform .25s}
.md-faq details[open] summary span.md-plus{transform:rotate(45deg)}
.md-field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500;color:var(--ink)}
.md-field input,.md-field select,.md-field textarea{font:inherit;font-weight:400;font-size:15px;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;min-height:52px;transition:border-color .2s,box-shadow .2s}
.md-field input:focus,.md-field select:focus,.md-field textarea:focus{outline:none;border-color:var(--lav-d);box-shadow:0 0 0 4px var(--lav-s);background:#fff}
.md-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:500;background:var(--mint-s);color:var(--mint-d)}
.md-price-feat{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink2)}
@media (max-width:960px){
.md-hero-grid,.md-split{grid-template-columns:minmax(0,1fr);gap:48px}
.md-bento,.md-grid3{grid-template-columns:minmax(0,1fr)}
.md-span2{grid-column:auto}.md-row2{grid-row:auto}
.md-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
.md-hide-m{display:none !important}
}
@media (max-width:560px){
.md-grid4{grid-template-columns:minmax(0,1fr)}
.md-card{padding:24px;border-radius:22px}
}
html{scroll-behavior:smooth;scroll-padding-top:84px}
.md-btn:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--lav);outline-offset:3px}
.md-field .md-invalid{border-color:#C95A5A}
.md-form-status{margin:0;min-height:1.4em;font-size:14px;font-weight:500;text-align:center}
.md-form-status.ok{color:var(--mint-d)}.md-form-status.error{color:#B54848}
.md-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.md-reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.md-reveal{opacity:1;transform:none;transition:none}.md-btn,.md-card{transition:none}}


/* Ritmo vertical de secciones */
.md-hero{padding:80px 0 96px}
.md-section{padding:96px 0}
.md-stack{display:flex;flex-direction:column;gap:48px}
.md-contact-panel{padding:clamp(32px,6vw,72px)}
.md-form{padding:32px}

.md-link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--lav-d);text-decoration:none;min-height:44px}
.md-link-arrow:hover{color:var(--lav-dd)}
.md-link-arrow svg{transition:transform .2s}
.md-link-arrow:hover svg{transform:translateX(3px)}
[hidden]{display:none !important}

/* Automatización */
.md-auto-panel{position:relative;overflow:hidden;background:var(--mint-s);border:1px solid #CFEAE3;border-radius:40px;padding:clamp(28px,5.5vw,72px)}
.md-benefits{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.md-benefits li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;font-size:14px;font-weight:500;color:var(--ink)}
.md-benefits li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint-d)}
.md-flows{display:flex;flex-direction:column;gap:12px}
.md-flows-head,.md-flow{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:center;gap:12px}
.md-flows-head{padding:0 20px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.md-flows-head span:last-child{color:var(--mint-d)}
.md-flow{background:#fff;border:1px solid #DCEDE8;border-radius:20px;padding:16px 20px;box-shadow:0 10px 24px rgba(31,41,55,.05)}
.md-flow-from{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;color:var(--ink);line-height:1.35}
.md-flow-ico{flex:0 0 40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--lav-s);color:var(--lav-d)}
.md-flow-arrow{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--lav-d);color:#fff}
.md-flow-to{font-size:15px;font-weight:600;color:var(--mint-d);line-height:1.35}
.md-auto-panel .md-h2{font-size:clamp(30px,3.6vw,46px)}

/* Planes */
.md-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:920px;width:100%;margin:0 auto}

/* Capturas reales de proyectos: si existe el archivo de data-shot, sustituye a la ilustración */
.md-shot-screen{position:relative;overflow:hidden}
.md-shot-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.md-shot-screen.has-shot>.md-shot-ph{visibility:hidden}

/* Detrás de MentaDev */
.md-about{display:grid;grid-template-columns:120px minmax(0,1fr);gap:32px;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:28px;padding:32px;max-width:960px}
.md-about-photo{width:120px;height:120px;border-radius:28px;background:var(--mint-s)}

/* WhatsApp flotante */
.md-wa-float{position:fixed;right:20px;bottom:20px;z-index:30;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1FA855;box-shadow:0 12px 30px rgba(31,41,55,.18);border:1px solid var(--line);transition:transform .2s,box-shadow .2s}
.md-wa-float:hover{color:#1FA855;transform:translateY(-2px);box-shadow:0 16px 36px rgba(31,41,55,.22)}

@media (max-width:960px){
.md-hero{padding:56px 0 72px}
.md-section{padding:72px 0}
.md-stack{gap:36px}
.md-plans{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
.md-hero{padding:40px 0 56px}
.md-section{padding:64px 0}
.md-stack{gap:32px}
.md-hero-visual{height:420px !important;transform:scale(.86);transform-origin:top center;margin-bottom:-40px}
.md-faq details{padding:18px 0}
.md-form{padding:22px}
.md-auto-panel,.md-contact-panel{border-radius:28px}
.md-contact-panel{padding:32px 16px}
.md-form .md-btn{padding:0 16px;white-space:nowrap}
.md-hero .md-btn{flex:1 1 auto}
.md-flows-head{display:none}
.md-auto-panel{padding:28px 20px}
.md-auto-panel .md-btn{width:100%;padding:0 16px;font-size:15px;white-space:nowrap}
.md-auto-panel .md-btn svg{display:none}
.md-flow{grid-template-columns:40px minmax(0,1fr);gap:10px 12px;padding:14px 16px}
.md-flow-from{grid-column:1 / -1}
.md-flow-arrow{width:28px;height:28px;justify-self:center;transform:rotate(90deg)}
.md-about{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px}
.md-about-photo{width:88px;height:88px;border-radius:22px}
.md-wa-float{right:16px;bottom:16px;width:52px;height:52px}
}

/* Pie: enlaces legales */
.md-foot-meta{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.md-foot-legal{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px}
.md-foot-legal a{color:var(--ink2);text-decoration:none}
.md-foot-legal a:hover{color:var(--ink);text-decoration:underline}
.md-form-legal{font-size:12px;line-height:1.5;color:var(--ink2);text-align:center}
@media (max-width:960px){.md-foot-meta{align-items:flex-start}}

/* Páginas legales */
.md-legal{padding:56px 0 88px}
.md-legal-body{max-width:760px;display:flex;flex-direction:column;gap:18px;font-size:16px;color:#3F4A58}
.md-legal-body h1{font-size:clamp(32px,4vw,44px);line-height:1.15;font-weight:600;letter-spacing:-.03em;color:var(--ink)}
.md-legal-body h2{font-size:20px;font-weight:600;color:var(--ink);margin-top:18px}
.md-legal-body ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.md-legal-body dl{margin:0;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 20px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 24px}
.md-legal-body dt{font-weight:600;color:var(--ink)}
.md-legal-body dd{margin:0}
.md-legal-updated{font-size:14px;color:var(--ink2)}
@media (max-width:560px){.md-legal-body dl{grid-template-columns:minmax(0,1fr);gap:2px 0}.md-legal-body dd{margin-bottom:10px}}