/*
Theme Name: Auxpyme One Page
Theme URI: https://auxpyme.space
Author: Javier (Auxpyme) + ChatGPT
Description: Tema minimalista one-page para Auxpyme. Tonos blancos, tipografía limpia y secciones ancladas.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: auxpyme-onepage
*/

/* Reset & base */
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  line-height:1.65;
  color:#0f172a; /* slate-900 */
  background:#ffffff;
}
img{max-width:100%;height:auto;display:block;}
a{color:#0a3d62;text-decoration:none}
a:hover{text-decoration:underline}

/* Layout */
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.section{padding:72px 0;border-bottom:1px solid #f1f5f9;background:#fff}
.section.alt{background:#fafafa}
.grid{display:grid;gap:28px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.grid.two{grid-template-columns:1fr}}

/* Header / Nav */
.site-header{position:sticky;top:0;background:#ffffffd9;backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid #eef2f7;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:36px;width:auto;border-radius:6px}
.brand .title{font-weight:700;letter-spacing:.2px}
.nav a{margin-left:18px;font-weight:500}
.nav .cta{padding:10px 14px;border:1px solid #0a3d62;border-radius:10px}
.nav .cta:hover{background:#0a3d62;color:#fff}

/* Hero */
.hero{padding:96px 0 72px}
.hero .kicker{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:#64748b;margin-bottom:12px}
.hero h1{font-size:44px;line-height:1.15;margin:0 0 16px}
.hero p{font-size:18px;color:#334155;margin:0 0 28px}
.hero .actions a{display:inline-block;margin-right:12px;padding:12px 16px;border-radius:12px;border:1px solid #0a3d62}
.hero .actions a.primary{background:#0a3d62;color:#fff;border-color:#0a3d62}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:1000px){.cards{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.cards{grid-template-columns:1fr}}
.card{padding:22px;border:1px solid #eef2f7;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.card h3{margin:0 0 8px}
.card p{margin:0;color:#475569}

/* Contact */
.contact form{display:grid;gap:12px;max-width:720px}
input, textarea{padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;font:inherit;background:#fff}
button{padding:12px 16px;border-radius:12px;border:1px solid #0a3d62;background:#0a3d62;color:#fff;font-weight:600;cursor:pointer}
button:hover{opacity:.95}

/* Footer */
.site-footer{padding:48px 0;color:#64748b}
.small{font-size:14px;color:#64748b}
*/