/* Johana Lúcar — base y botones. Estilos de maquetación en línea en cada HTML. */
:root{--navy-800:#2541b8;--navy-900:#142275;--wine-600:#d1294f;--wine-700:#b01e41;--gold-500:#f0c469;--paper:#fafaf5;--ink:#1a1a1a}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,sans-serif;overflow-x:clip}
img{max-width:100%;height:auto}
a{color:var(--wine-600)}a:hover{color:#901634}
:focus-visible{outline:3px solid rgba(37,65,184,.55);outline-offset:3px;border-radius:4px}
[data-skip]{position:absolute;left:-9999px;top:8px;background:#fff;color:var(--navy-800);padding:8px 16px;border-radius:8px;z-index:100}
[data-skip]:focus{left:8px}
[data-btn]{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Montserrat,sans-serif;font-weight:600;letter-spacing:.01em;line-height:1.2;border-radius:10px;text-decoration:none;text-align:center;cursor:pointer;border:1px solid transparent;transition:transform .13s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1)}
[data-btn][data-size=sm]{font-size:13px;padding:8px 16px}
[data-btn][data-size=md]{font-size:14px;padding:12px 24px}
[data-btn][data-size=lg]{font-size:16px;padding:16px 32px}
[data-btn=accent]{background:var(--wine-600);border-color:var(--wine-600);color:var(--paper)}
[data-btn=accent]:hover{background:var(--wine-700);border-color:var(--wine-700);color:var(--paper)}
[data-btn=primary]{background:var(--navy-800);border-color:var(--navy-800);color:var(--paper)}
[data-btn=primary]:hover{background:var(--navy-900);border-color:var(--navy-900);color:var(--paper)}
[data-btn=inverse]{background:#fff;border-color:#fff;color:var(--navy-800)}
[data-btn=inverse]:hover{background:#e6ebfb;border-color:#e6ebfb;color:var(--navy-800)}
[data-btn=outline]{background:transparent;border-color:#d3d2c8;color:var(--navy-800)}
[data-btn=outline]:hover{background:#f2f5fd;color:var(--navy-800)}
[data-btn]:active{transform:translateY(1px)}
summary{list-style-position:inside}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-btn]{transition:none}}