/*
Theme Name: Komoni Blog
Version: 1.0.0
Description: Blog independiente de Komoni, compatible con el editor de WordPress y Elementor.
Text Domain: komoni-blog
*/
:root{--ink:#002639;--green:#087746;--muted:#52676e;--line:#dce7e2}*{box-sizing:border-box}body{margin:0;background:#f7faf8;color:var(--ink);font:17px/1.7 Arial,sans-serif}a{color:var(--green)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e9ac35;outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:10px;z-index:5}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.blog-header{background:white;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.brand img{width:110px;height:auto;display:block}.blog-nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.blog-nav a{text-decoration:none;font-weight:bold;color:var(--ink);font-size:15px}.blog-nav a[aria-current]{color:var(--green)}.hero{padding:70px 0 40px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--green);font-size:12px;font-weight:bold}h1{font-size:clamp(34px,5vw,58px);line-height:1.12;letter-spacing:-.04em;margin:15px 0 22px}h2,h3{line-height:1.25}h2{font-size:26px}.hero p{max-width:650px;color:var(--muted)}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.filters a{padding:7px 15px;border:1px solid var(--line);border-radius:24px;background:white;text-decoration:none;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:20px 0 50px}.card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.card-body{padding:24px}.card h2 a{color:var(--ink);text-decoration:none}.card p{color:var(--muted);font-size:15px}.card img{width:100%;height:210px;object-fit:cover}.card-art{height:140px;background:linear-gradient(130deg,#d9eae2,#eef5f1);display:flex;align-items:center;padding:25px;font-size:13px;font-weight:bold;letter-spacing:.12em;color:var(--green)}.meta{font-size:13px;color:var(--muted)}.article{max-width:820px;padding:50px 0 70px}.article img{max-width:100%;height:auto}.article-title{font-size:clamp(32px,4vw,52px)}.entry-content{overflow-wrap:anywhere}.entry-content iframe{max-width:100%}.entry-content figure{max-width:100%;margin-inline:0}.entry-content h2{margin-top:38px}.empty{background:white;border:1px solid var(--line);border-radius:16px;padding:40px;margin:20px 0 60px}.blog-footer{border-top:1px solid var(--line);background:#002639;color:white;padding:36px 0;font-size:14px}.blog-footer a{color:#cce8d7}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.search-form{display:flex;gap:8px;flex-wrap:wrap}.search-field{border:1px solid #a8bfb5;border-radius:6px;padding:11px;font:inherit;max-width:100%}.search-submit{background:var(--green);color:white;border:0;border-radius:6px;padding:10px 20px;cursor:pointer}.pagination{margin:30px 0}.page-numbers{padding:8px}.wp-caption{max-width:100%}.alignwide{max-width:1120px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{align-items:flex-start}.blog-nav{gap:12px}}@media(max-width:540px){.grid{grid-template-columns:1fr}.header-inner{flex-direction:column;gap:16px}.brand img{width:85px}.hero{padding-top:35px}.blog-nav{font-size:14px}.empty{padding:24px}.wrap{width:calc(100% - 32px)}}
.brand{display:block;background:#073e2a;border-radius:16px;padding:6px 14px}