/*
Theme Name: Portfolio Theme
Author: Isaac Valdes
Description: A custom WordPress theme for my portfolio.
Version: 1.2
*/
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#f5f7fb;--surface:#ffffff;--primary:#2c6dff;--primary-dark:#2557d2;--text:#1b2433;--muted:#556073;--border:#d7dee9}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
img{max-width:100%}
a{color:inherit;text-decoration:none}.container{width:min(1100px,calc(100%-2rem));margin:0 auto}.site-header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.logo{font-weight:700;font-size:1.2rem}.site-nav{display:flex;gap:1.25rem}.site-nav a{color:var(--muted);font-weight:500}.hero{display:grid;gap:2rem;align-items:start;padding:4rem 0}.hero h1{font-size:clamp(2.5rem,4vw,4rem);margin:.5rem 0 1rem}.eyebrow{display:inline-block;margin-bottom:.5rem;color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.hero-card{background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;padding:2rem;box-shadow:0 18px 35px rgba(37,60,92,.08)}.hero-card h2,.skills h2,.page-intro h1,.contact-form-card h2,.project-card h2{margin-top:0}.button{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.6rem;border-radius:999px;background:var(--primary);color:#fff;border:none;font-weight:700;cursor:pointer;transition:background .2s ease}.button:hover{background:var(--primary-dark)}.skills,.page-content{padding-bottom:4rem}.skills h2,.page-intro h1{margin-bottom:1rem}.skill-grid,.project-grid,.contact-grid{display:grid;gap:1.5rem}.skill-card,.project-card,.contact-info-card,.contact-form-card{background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;padding:1.75rem}.extra{display:flex;width:80%;margin-left:10%;alignment-adjust:center;background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;padding:1.75rem}.project-link{display:inline-block;margin-top:1rem;color:var(--primary);font-weight:700}.page-intro{margin:2rem 0 1rem}.page-intro p,.hero p,.skill-card p,.project-card p,.contact-info-card p,.hero-card ul,.hero-card li,.skill-card ul,.skill-card li,.page-text ul,.page-text li,.page-intro ul,.page-intro li{color:var(--muted)}ul,li{font-family:inherit}.contact-grid{grid-template-columns:1fr 1.2fr}label{display:block;margin-bottom:.5rem;font-weight:600}input,textarea{width:100%;border:1px solid var(--border);border-radius:.85rem;padding:.95rem 1rem;margin-bottom:1.2rem;background:#fff;color:var(--text)}input:focus,textarea:focus{outline:2px solid rgba(44,109,255,.2);border-color:var(--primary)}.form-feedback{color:var(--primary-dark);min-height:1.4rem;margin-top:.5rem}.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:1.5rem 0}.site-footer p{margin:0;color:var(--muted)}@media(min-width:768px){.hero{grid-template-columns:1.4fr .9fr}.skill-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:670px){.site-nav{flex-direction:column;gap:.85rem}.contact-grid{grid-template-columns:1fr}}