/*
Theme Name: Pérez Lee Blog
Version: 1.0.0
Description: Blog editorial con la identidad visual del sitio de Pérez Lee.
Text Domain: perezlee-blog
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
:root{--accent:#c649d5;--deep:#7a2b84;--ink:#272727;--muted:#64686d;--line:#e8e4e9;--soft:#faf7fb}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:400 17px/1.7 Roboto,Arial,sans-serif}a{color:var(--deep);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{max-width:100%;height:auto}.wrap{width:min(1140px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:104px}.brand img{width:150px;display:block}.navigation{display:flex;gap:25px;align-items:center;flex-wrap:wrap;font-size:15px}.navigation a{color:var(--ink)}.navigation a[aria-current]{color:var(--deep);font-weight:700}.hero{background:var(--soft);border-bottom:1px solid var(--line);padding:64px 0 54px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700;color:var(--deep)}h1,h2,h3{line-height:1.2}h1{font-size:clamp(34px,5vw,54px);font-weight:300;margin:16px 0}h2{font-size:26px;font-weight:500}.hero p{max-width:660px;color:var(--muted);font-size:19px;margin:16px 0}.accent-line{height:3px;width:70px;background:var(--accent);margin:24px 0}.main{padding:48px 0 72px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.toolbar h2{margin:0}form.search{display:flex;gap:8px;max-width:100%}input[type=search]{padding:10px 12px;border:1px solid #bdb7c0;border-radius:4px;min-width:0;font:inherit;max-width:250px}button,.button{border:0;border-radius:4px;background:var(--deep);color:#fff;padding:11px 18px;font:500 15px Roboto,Arial,sans-serif;cursor:pointer}.button:hover{background:var(--accent);color:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.card-image img{width:100%;height:220px;object-fit:cover;display:block}.card-body{padding:24px}.card h2{font-size:23px;margin:14px 0}.card h2 a{color:var(--ink)}.meta{font-size:13px;color:var(--muted)}.card p{color:var(--muted);font-size:16px}.read-more{font-size:15px;font-weight:700}.empty{padding:40px;border:1px solid var(--line);border-left:4px solid var(--accent);max-width:760px}.empty h2{margin-top:0}.empty p{color:var(--muted)}.pagination{margin-top:40px}.pagination .page-numbers{padding:8px 13px;display:inline-block}.article{max-width:820px;margin:auto}.article h1{font-weight:400}.article-header{margin-bottom:32px}.article-header .meta{margin:20px 0}.article-content{overflow-wrap:anywhere}.article-content h2{margin-top:42px}.article-content h3{margin-top:32px}.article-content a{text-decoration:underline}.article-content blockquote{margin:24px 0;padding:10px 24px;border-left:4px solid var(--accent);background:var(--soft)}.article-content table{display:block;max-width:100%;overflow-x:auto}.article-content iframe{max-width:100%}.article-content pre{overflow-x:auto}.article-content .wp-caption{max-width:100%}.article-nav{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:40px;padding-top:24px}.cta{margin-top:50px;padding:30px;background:var(--soft);border-radius:5px}.cta h2{margin-top:0}.site-footer{background:#272727;color:#ddd;padding:38px 0;font-size:14px}.site-footer a{color:white}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-links{display:flex;gap:20px}.copyright{margin-top:24px;color:#bbb;font-size:12px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{padding:20px 0;flex-direction:column;gap:18px}.navigation{justify-content:center;gap:15px}.hero{padding:40px 0}.toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:580px){.wrap{width:calc(100% - 32px)}.grid{grid-template-columns:1fr}.main{padding-top:32px}.navigation{font-size:14px;gap:12px}.hero p{font-size:17px}.empty{padding:24px}.article-nav{flex-direction:column}.toolbar form{width:100%}input[type=search]{width:100%}.footer-links{flex-wrap:wrap}.brand img{width:140px}}