/*
Theme Name: Loocal Coworking Blog
Template: twentytwentyfive
Version: 1.0
Author: Loocal
Description: Tema hijo que aplica la estética de coworking.loocal.io al blog.
*/

:root{
  --paper:#FCFAF7;--paper-2:#F4EFE8;--ink:#1B1613;--ink-2:#5A5049;--ink-3:#9A8F86;
  --line:#E7DFD5;--accent:#F64704;--accent-deep:#C93700;--accent-soft:#FDE9DF;--accent-mist:#FFF5EF;
  --serif:"Fraunces","Iowan Old Style",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif;--r:28px;--w:1080px;
}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:-0.015em;line-height:1.08;font-variation-settings:"SOFT" 50,"opsz" 96}
h3,h4{font-variation-settings:"SOFT" 50,"opsz" 24}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-deep)}

/* ---------- Cabecera ---------- */
.lc-nav{position:sticky;top:0;z-index:20;background:rgba(252,250,247,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.lc-nav .wp-block-site-logo img{height:40px;width:auto}
.lc-nav .wp-block-navigation a{font-size:14.5px;color:var(--ink-2)}
.lc-nav .wp-block-navigation a:hover{color:var(--accent)}
.lc-nav .wp-block-navigation__responsive-container-open{color:var(--ink)}

/* Botón naranja (mismo que la onepage) */
.wp-block-button .wp-block-button__link,.lc-btn{background:var(--accent);color:#fff!important;padding:10px 18px;font-weight:600;font-size:14px;border-radius:99px;border:0;transition:background .2s}
.wp-block-button .wp-block-button__link:hover,.lc-btn:hover{background:var(--accent-deep)}
.is-style-outline .wp-block-button__link{background:transparent;color:var(--ink)!important;border:1px solid var(--ink)}

/* ---------- Listado del blog ---------- */
.lc-post-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .2s}
.lc-post-card:hover{transform:translateY(-3px)}
.lc-post-card .wp-block-post-featured-image img{aspect-ratio:4/3;object-fit:cover;width:100%}
.lc-post-card .wp-block-post-title{font-size:22px;margin:0 0 8px}
.lc-post-card .wp-block-post-title a{color:var(--ink)}
.lc-post-card .wp-block-post-title a:hover{color:var(--accent)}
.lc-post-card .wp-block-post-excerpt__excerpt{font-size:15px;color:var(--ink-2);margin:0}
.lc-post-card .wp-block-post-date{font-size:13px;color:var(--ink-3)}
.lc-post-card .wp-block-post-excerpt__more-text{display:none}

/* ---------- Post individual ---------- */
.lc-single .wp-block-post-title{font-size:clamp(34px,4.6vw,54px);max-width:18ch;margin-bottom:14px}
.lc-single .wp-block-post-date{color:var(--ink-3);font-size:14px}
.lc-single .wp-block-post-featured-image img{border-radius:var(--r)}
.wp-block-post-content{font-size:18px;line-height:1.65}
.wp-block-post-content h2{font-size:clamp(28px,3vw,36px);margin:44px 0 14px}
.wp-block-post-content h3{font-size:23px;margin:32px 0 10px}
.wp-block-post-content p{margin:0 0 18px}
.wp-block-post-content img{border-radius:20px;max-width:100%;height:auto}
.wp-block-post-content blockquote{border-left:3px solid var(--accent);padding-left:20px;font-family:var(--serif);font-size:22px;color:var(--ink-2)}
.wp-block-post-content a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* ---------- Paginación ---------- */
.wp-block-query-pagination a{color:var(--ink-2)}
.wp-block-query-pagination a:hover{color:var(--accent)}

/* ---------- Pie ---------- */
.lc-footer{font-size:14px;color:var(--ink-2)}
.lc-footer a{color:var(--ink-2)}
.lc-footer a:hover{color:var(--accent)}
.lc-footer .wp-block-site-logo img{height:44px;width:auto}
.lc-footer .wp-block-navigation a{color:var(--ink-2)}
.lc-footer .lc-footer-bottom{border-top:1px solid var(--line);padding-top:24px;margin-top:32px;font-size:13px;color:var(--ink-3)}
.lc-footer .lc-footer-bottom a{color:var(--ink-3)}