@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;600&family=Inter:wght@400;500;600;700&family=Patrick+Hand&display=swap');

:root{
  --forest:#1f4f3a;
  --sage:#a8bc9f;
  --sage-soft:#edf2ea;
  --cream:#fbf7ef;
  --orange:#f07c28;
  --charcoal:#252525;
  --white:#ffffff;
  --line:#e8e5de;
  --reading:720px;
  --shell:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--charcoal);font-family:var(--gh-font-body, Inter),system-ui,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.site-shell{width:min(calc(100% - 40px),var(--shell));margin-inline:auto}
.reading-shell{width:min(calc(100% - 40px),var(--reading));margin-inline:auto}
.wide-shell{width:min(calc(100% - 40px),980px);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.site-header__inner{height:72px;display:flex;align-items:center;gap:24px}
.brand{margin-right:auto}.brand__image{max-height:48px;max-width:240px}
.brand__wordmark{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:30px;color:var(--forest);white-space:nowrap}
.brand__wordmark em{font-style:normal;color:var(--orange)}
.brand__three{color:var(--orange)}
.desktop-nav .nav{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-size:14px}
.header-actions{display:flex;align-items:center;gap:10px}
.icon-button,.menu-toggle{border:0;background:none;font-size:22px;cursor:pointer;color:var(--forest)}
.menu-toggle{display:none}
.mobile-menu{background:var(--cream);border-top:1px solid var(--line)}
.mobile-menu .site-shell{padding:18px 0;display:grid;gap:12px}
.mobile-menu .nav{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--forest);background:var(--forest);color:#fff;border-radius:9px;padding:12px 20px;font-weight:600;cursor:pointer}
.button--small{padding:8px 14px;font-size:14px}
.button--secondary{background:transparent;color:var(--forest)}
.text-link{color:var(--forest);font-weight:700}
.orange{color:var(--orange)}
.eyebrow{font-size:12px;letter-spacing:.09em;font-weight:700;text-transform:uppercase;color:var(--forest)}
.hero{background:linear-gradient(120deg,var(--cream),var(--sage-soft));padding:72px 0}
.hero__grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}
.hero h1,.article-header h1,.area-hero h1,.reflection-hero h1,.archive-header h1{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;color:var(--forest);font-weight:400;line-height:1.02}
.hero h1{font-size:clamp(54px,7vw,88px);margin:12px 0 18px}
.hero p{font-size:20px;max-width:650px}
.hero__actions{display:flex;gap:12px;margin-top:28px}
.hero__mark{display:grid;place-items:center;min-height:260px}
.hero__mark span{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:120px;color:var(--orange);transform:rotate(-4deg)}
.home-section{padding:64px 0}
.section-heading h2{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:42px;color:var(--forest);font-weight:400;margin:0 0 22px}
.post-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.post-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.post-card__image{aspect-ratio:4/3;width:100%;object-fit:cover}
.post-card__body{padding:16px}
.post-card h3{font-size:18px;line-height:1.3;margin:7px 0 12px}
.post-card__meta{font-size:13px;color:#666}
.area-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.area-card{background:var(--cream);border-radius:14px;padding:22px;border:1px solid #f2ece1}
.area-card>span{color:var(--orange);font-size:28px}
.area-card h3{color:var(--forest);margin:8px 0}.area-card p{font-size:14px;margin:0}
.newsletter-card{margin:46px 0;padding:30px;border-radius:16px;background:linear-gradient(120deg,var(--cream),var(--sage-soft));display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.newsletter-card h2{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-weight:400;font-size:38px;color:var(--forest);margin:4px 0}
.newsletter-form{display:grid;grid-template-columns:1fr auto;gap:10px}
.newsletter-form input{min-width:0;border:1px solid #d9d5ca;border-radius:8px;padding:12px 14px;font:inherit}
.form-note,.form-success,.form-error{grid-column:1/-1;font-size:12px;margin:0}
.form-success{color:var(--forest)}.form-error{color:#8b2e1f}
.bilbi-block{background:var(--cream);border-radius:16px;padding:34px;display:grid;grid-template-columns:.35fr 1fr;gap:30px;align-items:center}
.bilbi-block__mark,.bilbi{font-family:Caveat,cursive;color:var(--forest);font-size:52px;line-height:1}
.closing-cta{margin:50px 0 70px;background:var(--sage-soft);border-radius:14px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.closing-cta h2{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-weight:400;color:var(--forest);font-size:34px;margin:0}
.site-footer{background:var(--cream);border-top:1px solid var(--line);padding:50px 0 20px}
.site-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}
.site-footer h3{font-size:14px;color:var(--forest)}
.site-footer section>a{display:block;margin:7px 0;font-size:14px}
.site-footer__bottom{border-top:1px solid var(--line);margin-top:32px;padding-top:18px;font-size:12px}
.footer-brand{font-size:26px}
.page-shell{padding:56px 0 80px}
.archive-header{margin-bottom:30px}
.archive-header h1,.area-hero h1,.reflection-hero h1{font-size:60px;margin:8px 0}
.area-hero,.reflection-hero{background:var(--cream);padding:56px 0}
.area-hero p,.reflection-hero p{max-width:680px;font-size:18px}
.empty-state{padding:50px;background:var(--cream);border-radius:14px;text-align:center}
.article{background:#fff}
.article-header{padding:64px 0 28px}
.article-header h1{font-size:clamp(48px,6vw,76px);margin:10px 0 18px}
.article-deck{font-size:21px;line-height:1.5;color:#3e3e3e}
.article-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:13px;color:#666;margin-top:24px}
.author-signature{display:flex;align-items:center;gap:11px}
.author-signature img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.author-signature .bilbi{font-size:30px}
.author-line{font-size:12px}
.feature-image{margin-top:20px;margin-bottom:38px}
.feature-image img{width:100%;border-radius:12px}
.feature-image figcaption{font-size:12px;color:#777;margin-top:8px;text-align:center}
.gh-content{font-size:18px;line-height:1.72}
.gh-content h2,.gh-content h3{font-family:var(--gh-font-body, Inter),sans-serif;color:var(--forest);line-height:1.25;margin-top:2.2em}
.gh-content h2{font-size:29px}.gh-content h3{font-size:23px}
.gh-content a{color:var(--forest);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}
.gh-content blockquote{margin:2em 0;padding:2px 0 2px 20px;border-left:3px solid var(--forest);font-style:italic}
.gh-content .kg-callout-card{background:var(--sage-soft);border-radius:12px}
.gh-content .kg-image-card img,.gh-content .kg-gallery-card img{max-width:100%;height:auto}
.article-footer{padding:30px 0 70px}
.article-tags{padding:20px 0;margin-bottom:20px;border-top:1px solid var(--line);font-size:14px;color:var(--forest)}
.reflection .gh-content{font-size:19px;max-width:680px}
.reflection-byline{font-size:14px;color:#666;margin-top:22px}
.reflection-signature{font-size:46px;text-align:right;margin:40px 0}
.reflections-list{padding:50px 0}
.reflection-row{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.reflection-row h2{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:32px;color:var(--forest);margin:4px 0}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (max-width:1023px){
  .post-grid{grid-template-columns:repeat(2,1fr)}
  .area-grid{grid-template-columns:repeat(2,1fr)}
  .desktop-nav{display:none}.menu-toggle{display:block}
  .newsletter-card{grid-template-columns:1fr}
  .site-footer__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  .site-shell,.reading-shell,.wide-shell{width:min(calc(100% - 40px),100%)}
  .site-header__inner{height:62px}.brand__wordmark{font-size:23px}
  .header-actions .button--small{display:none}
  .hero{padding:48px 0}.hero__grid{grid-template-columns:1fr}.hero__mark{display:none}
  .hero h1{font-size:56px}.hero p{font-size:18px}.hero__actions{flex-direction:column;align-items:stretch}
  .home-section{padding:44px 0}.section-heading h2{font-size:36px}
  .post-grid,.area-grid{grid-template-columns:1fr}
  .newsletter-card{padding:22px}.newsletter-form{grid-template-columns:1fr}.newsletter-form .button{width:100%}
  .bilbi-block{grid-template-columns:1fr}.bilbi-block__mark{font-size:44px}
  .closing-cta{flex-direction:column;align-items:flex-start}
  .site-footer__grid{grid-template-columns:1fr}
  .article-header{padding-top:44px}.article-header h1{font-size:44px}
  .article-deck{font-size:19px}.gh-content{font-size:17.5px;line-height:1.68}
  .gh-content h2{font-size:26px}.gh-content h3{font-size:22px}
  .author-signature img{width:56px;height:56px}
}


/* Ghost editor width classes — required by GScan */
.gh-content .kg-width-wide {
  width: min(980px, calc(100vw - 40px));
  max-width: none;
  margin-left: 50%;
  transform: translateX(-50%);
}

.gh-content .kg-width-full {
  width: 100vw;
  max-width: none;
  margin-left: 50%;
  transform: translateX(-50%);
}

.gh-content .kg-width-wide img,
.gh-content .kg-width-full img {
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .gh-content .kg-width-wide,
  .gh-content .kg-width-full {
    width: 100vw;
  }
}


/* =========================================================
   Berrinches & Abrazos ③↻ — V1.1 visual refinement
   ========================================================= */

:root{
  --shell:1280px;
  --forest:#1f4f3a;
  --sage:#a8bc9f;
  --sage-soft:#edf2ea;
  --cream:#fbf7ef;
  --orange:#f07c28;
  --charcoal:#252525;
}

/* Header */
.site-header__inner{
  min-height:82px;
  height:auto;
  padding:12px 0;
}
.brand__wordmark{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:36px;
  line-height:1;
}
.brand__main{
  color:var(--forest);
}
.brand__main em{
  color:var(--orange);
}
.brand__three{
  color:var(--orange);
  font-size:.9em;
}
.desktop-nav{
  display:flex;
  align-items:center;
  gap:24px;
  font-size:15px;
  font-weight:500;
}
.desktop-nav > a,
.nav-dropdown__button{
  color:var(--charcoal);
}
.desktop-nav > a:hover,
.nav-dropdown__button:hover{
  color:var(--forest);
}
.nav-dropdown{
  position:relative;
}
.nav-dropdown__button{
  border:0;
  background:transparent;
  font:inherit;
  cursor:pointer;
  padding:10px 0;
}
.nav-dropdown__menu{
  position:absolute;
  top:100%;
  left:-18px;
  min-width:220px;
  display:none;
  padding:10px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  box-shadow:0 12px 30px rgba(31,79,58,.10);
}
.nav-dropdown:hover .nav-dropdown__menu,
.nav-dropdown:focus-within .nav-dropdown__menu{
  display:grid;
}
.nav-dropdown__menu a{
  padding:9px 10px;
  border-radius:8px;
}
.nav-dropdown__menu a:hover{
  background:var(--cream);
}
.search-button{
  font-size:26px;
}

/* Hero */
.hero{
  padding:86px 0 78px;
  background:
    radial-gradient(circle at 82% 32%, rgba(168,188,159,.18), transparent 25%),
    linear-gradient(120deg,#fdf9f1,var(--sage-soft));
}
.hero__grid{
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
  gap:70px;
}
.hero__copy{
  max-width:760px;
}
.hero h1{
  font-size:clamp(64px,7vw,104px);
  margin:12px 0 18px;
  letter-spacing:-.02em;
}
.hero p{
  font-size:21px;
  line-height:1.55;
  max-width:680px;
}
.hero__actions{
  gap:14px;
}
.hero__visual{
  min-height:360px;
  display:grid;
  place-items:center;
  position:relative;
}
.hero__circle{
  width:230px;
  aspect-ratio:1;
  border:4px solid rgba(240,124,40,.72);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-family:var(--gh-font-heading, "Patrick Hand"),cursive;
  font-size:108px;
  color:var(--orange);
  transform:rotate(-6deg);
  box-shadow:0 0 0 12px rgba(168,188,159,.10);
}
.hero__duckline{
  position:absolute;
  right:12%;
  bottom:8%;
  font-family:Caveat,cursive;
  font-size:74px;
  color:var(--orange);
  transform:rotate(9deg);
}

/* Home rhythm */
.home-shell{
  padding-top:12px;
}
.home-section{
  padding:76px 0;
}
.home-section + .home-section{
  border-top:1px solid #f0eee7;
}
.section-heading h2{
  font-size:50px;
  margin-bottom:28px;
}
.post-grid{
  gap:24px;
}
.post-card{
  border-radius:16px;
  box-shadow:0 3px 12px rgba(30,30,30,.035);
}
.post-card__body{
  padding:18px 18px 20px;
}
.post-card h3{
  font-size:19px;
}

/* Areas */
.area-grid{
  gap:18px;
}
.area-card{
  min-height:205px;
  padding:26px 24px;
  transition:transform .18s ease, box-shadow .18s ease;
}
.area-card:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(31,79,58,.07);
}
.area-card>span{
  font-size:34px;
}
.area-card h3{
  font-size:18px;
  margin:12px 0 8px;
}
.area-card p{
  font-size:15px;
  line-height:1.55;
}

/* Newsletter */
.newsletter-card{
  margin:62px 0;
  padding:38px 42px;
  gap:44px;
}
.newsletter-card h2{
  font-size:46px;
}
.newsletter-card p{
  font-size:15px;
}
.newsletter-form input{
  min-height:48px;
}

/* Bilbi */
.bilbi-block{
  padding:42px 46px;
  grid-template-columns:130px minmax(0,1fr);
  gap:34px;
  align-items:center;
}
.bilbi-photo-wrap{
  display:grid;
  place-items:center;
}
.bilbi-photo{
  width:112px;
  height:112px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid rgba(31,79,58,.28);
}
.bilbi-block__mark{
  font-size:58px;
  margin-bottom:4px;
}
.bilbi-block__content h2{
  margin:0 0 8px;
  color:var(--charcoal);
  font-size:20px;
}
.bilbi-block__content p{
  max-width:760px;
  margin:0 0 12px;
}

/* Closing CTA and footer */
.closing-cta{
  margin:58px 0 78px;
  padding:30px 34px;
}
.closing-cta h2{
  font-size:40px;
}
.site-footer{
  padding-top:62px;
}
.site-footer__grid{
  gap:48px;
}
.site-footer section{
  font-size:15px;
}
.site-footer__bottom{
  padding-bottom:6px;
}

/* Article author photo */
.author-signature img{
  border:2px solid rgba(31,79,58,.22);
}

/* Mobile navigation */
.mobile-menu__inner{
  padding:20px 0 24px;
  display:grid;
  gap:12px;
}
.mobile-menu__label{
  margin-top:6px;
  font-size:11px;
  letter-spacing:.1em;
  font-weight:700;
  color:var(--forest);
  text-transform:uppercase;
}

@media (max-width:1100px){
  .desktop-nav{gap:16px;font-size:14px}
  .brand__wordmark{font-size:30px}
  .area-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1023px){
  .desktop-nav{display:none}
  .menu-toggle{display:block}
  .hero__grid{grid-template-columns:1fr .55fr;gap:30px}
  .hero__circle{width:180px;font-size:88px}
  .area-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  .site-header__inner{min-height:66px;padding:8px 0}
  .brand__wordmark{font-size:25px;gap:6px}
  .hero{padding:54px 0 46px}
  .hero__grid{grid-template-columns:1fr}
  .hero__visual{display:none}
  .hero h1{font-size:58px}
  .hero p{font-size:18px}
  .home-section{padding:50px 0}
  .section-heading h2{font-size:40px}
  .area-grid{grid-template-columns:1fr}
  .area-card{min-height:0}
  .newsletter-card{margin:44px 0;padding:24px}
  .newsletter-card h2{font-size:38px}
  .bilbi-block{
    grid-template-columns:78px 1fr;
    gap:18px;
    padding:26px 22px;
  }
  .bilbi-photo{
    width:72px;
    height:72px;
  }
  .bilbi-block__mark{font-size:42px}
  .closing-cta{margin:42px 0 58px}
  .closing-cta h2{font-size:34px}
}


/* =========================================================
   Berrinches & Abrazos ③↻ — V1.2
   Brand-first hero + compact editorial hierarchy
   ========================================================= */

.hero{
  padding:62px 0 58px;
  background:
    radial-gradient(circle at 88% 34%, rgba(168,188,159,.20), transparent 27%),
    linear-gradient(120deg,#fdf9f1,var(--sage-soft));
}
.hero-v12{
  min-height:390px;
  display:flex;
  align-items:center;
}
.hero-v12 .hero__copy{
  max-width:1050px;
}
.hero-brand{
  font-family:var(--gh-font-heading, "Patrick Hand"),cursive;
  color:var(--forest);
  font-size:clamp(68px,7vw,94px);
  line-height:.98;
  font-weight:400;
  letter-spacing:-.018em;
  margin:0 0 14px;
}
.hero-brand__renew{
  color:var(--orange);
  font-size:.62em;
  white-space:nowrap;
  vertical-align:.12em;
}
.hero-tagline{
  font-family:var(--gh-font-heading, "Patrick Hand"),cursive;
  color:var(--forest);
  font-weight:400;
  font-size:clamp(34px,3.2vw,44px);
  line-height:1.1;
  margin:0 0 14px;
}
.hero-v12 p{
  max-width:720px;
  font-size:19px;
  line-height:1.55;
  margin:0;
}
.hero-v12 .hero__actions{
  margin-top:24px;
}

/* Consistent line icon system */
.area-icon{
  width:38px;
  height:38px;
  display:block;
  color:var(--forest);
}
.area-icon--orange{
  color:var(--orange);
}
.area-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.area-card{
  position:relative;
  padding-bottom:48px;
}
.area-arrow{
  position:absolute;
  left:24px;
  bottom:20px;
  color:var(--orange);
  font-size:23px;
  line-height:1;
}

/* Keep the author photo genuinely compact */
.bilbi-photo{
  width:104px;
  height:104px;
}
.bilbi-block{
  grid-template-columns:122px minmax(0,1fr);
}

/* The site name in the sticky header stays a compact identity mark */
.site-header .brand__wordmark{
  font-size:32px;
}

@media (max-width:1023px){
  .hero-v12{min-height:340px}
  .hero-brand{font-size:70px}
  .hero-tagline{font-size:38px}
}
@media (max-width:767px){
  .hero{padding:44px 0 42px}
  .hero-v12{min-height:0}
  .hero-brand{font-size:52px;line-height:1.02}
  .hero-brand__renew{font-size:.58em}
  .hero-tagline{font-size:31px}
  .hero-v12 p{font-size:17.5px}
  .site-header .brand__wordmark{font-size:24px}
  .bilbi-photo{width:70px;height:70px}
  .bilbi-block{grid-template-columns:78px minmax(0,1fr)}
}


/* =========================================================
   V1.3 — Blog pediátrico de autor
   Ruptura visual con identidad corporativa previa.
   ========================================================= */
:root{
  --page-cream:#f8f5ed;
  --section-sage:#eef2ea;
  --paper:#ffffff;
  --paper-border:#e7e2d8;
}

/* Surfaces: cream/sage environment, white editorial cards */
body{
  background:var(--page-cream);
}
.site-header{
  background:rgba(255,255,255,.97);
}
.home-surface{
  width:100%;
}
.home-surface--cream{
  background:var(--page-cream);
}
.home-surface--sage{
  background:var(--section-sage);
  border-top:1px solid rgba(31,79,58,.05);
  border-bottom:1px solid rgba(31,79,58,.05);
}
.hero{
  background:
    radial-gradient(circle at 88% 30%, rgba(168,188,159,.17), transparent 29%),
    linear-gradient(120deg,#fbf7ef,#f1f3eb);
}
.hero-v13{
  min-height:365px;
  display:flex;
  align-items:center;
}
.hero-v13 .hero__copy{
  max-width:1050px;
}

/* Cards become paper on the warm background */
.post-card,
.area-card{
  background:var(--paper);
  border-color:var(--paper-border);
}
.post-card{
  box-shadow:0 5px 18px rgba(35,43,37,.045);
}
.area-card{
  box-shadow:0 4px 16px rgba(35,43,37,.035);
}

/* Less handwritten UI: editorial headings retain personality,
   interface/body remain Inter. */
.section-heading h2{
  font-family:var(--gh-font-heading, "Patrick Hand"),cursive;
}
.area-card h3,
.newsletter-form,
.site-footer,
.desktop-nav,
.post-card h3{
  font-family:var(--gh-font-body, Inter),system-ui,sans-serif;
}
.area-card h3{
  color:var(--forest);
}

/* Newsletter: sage card on cream field */
.newsletter-card{
  background:#e7ede3;
  border:1px solid rgba(31,79,58,.07);
  box-shadow:none;
}

/* Author block: white paper, not clinic card */
.bilbi-block{
  background:var(--paper);
  border:1px solid var(--paper-border);
  box-shadow:0 5px 18px rgba(35,43,37,.035);
}
.bilbi-photo{
  border:2px solid rgba(31,79,58,.22);
}
.bilbi-block__content h2{
  font-family:var(--gh-font-body, Inter),system-ui,sans-serif;
  font-weight:700;
}

/* Feather = writing/author/reflections. Never primary brand symbol. */
.feather-mark{
  color:var(--orange);
  font-family:Georgia,serif;
  font-size:.9em;
  font-weight:400;
}
.author-signature__top{
  display:flex;
  align-items:center;
  gap:8px;
}
.author-signature__top .feather-mark{
  font-size:22px;
}
.reflection-signature{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  margin:42px 0;
}
.reflection-signature>.feather-mark{
  font-size:30px;
}

/* Article = quiet white reading surface */
.article{
  background:var(--page-cream);
  padding-bottom:1px;
}
.article-header{
  background:var(--paper);
  width:min(calc(100% - 40px),820px);
  margin:38px auto 0;
  padding:48px 50px 30px;
  border-radius:16px 16px 0 0;
  border:1px solid var(--paper-border);
  border-bottom:0;
}
.article .feature-image{
  background:var(--paper);
}
.article .gh-content{
  width:min(calc(100% - 40px),820px);
  max-width:none;
  margin-inline:auto;
  background:var(--paper);
  padding:26px 50px 50px;
  border-left:1px solid var(--paper-border);
  border-right:1px solid var(--paper-border);
}
.article-footer{
  width:min(calc(100% - 40px),820px);
  max-width:none;
  background:var(--paper);
  padding:0 50px 50px;
  margin-inline:auto;
  border:1px solid var(--paper-border);
  border-top:0;
  border-radius:0 0 16px 16px;
  margin-bottom:70px;
}

/* Footer becomes publication/author signature */
.site-footer{
  background:#f4efe5;
}
.footer-publication .footer-tagline{
  margin:8px 0 14px;
}
.footer-author{
  font-size:13px;
  color:var(--forest);
  display:flex;
  align-items:center;
  gap:7px;
}
.site-footer__bottom{
  display:flex;
  justify-content:space-between;
  gap:20px;
}
.footer-note{
  color:var(--forest);
}

/* The renewal mark stays attached to the publication name */
.hero-brand__renew,
.brand__three{
  color:var(--orange);
}

/* No decorative duck/pediatric mascot language in V1.3 */

@media (max-width:767px){
  .hero-v13{min-height:0}
  .article-header{
    width:calc(100% - 24px);
    margin-top:18px;
    padding:34px 22px 22px;
  }
  .article .gh-content{
    width:calc(100% - 24px);
    padding:20px 22px 34px;
  }
  .article-footer{
    width:calc(100% - 24px);
    padding:0 22px 34px;
  }
  .site-footer__bottom{
    flex-direction:column;
  }
}


/* =========================================================
   V1.4 — ajuste de proporciones y navegación
   ========================================================= */

/* Header: +10/15%, blanco cálido y línea salvia muy tenue */
.site-header{
  background:rgba(252,251,248,.98);
  border-bottom:1px solid rgba(31,79,58,.09);
  position:sticky;
  top:0;
  z-index:1000;
}
.site-header__inner{
  min-height:92px;
  padding:14px 0;
}
.site-header .brand__wordmark{
  font-size:36px;
}
.desktop-nav{
  gap:26px;
  font-size:16.5px;
}
.desktop-nav > a,
.nav-dropdown__button{
  position:relative;
  padding:12px 0;
  text-decoration:none;
}
/* Indicador naranja únicamente para estado activo */
.desktop-nav > a[aria-current="page"]::after,
.desktop-nav > a.is-active::after,
.nav-dropdown.is-active > .nav-dropdown__button::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:3px;
  height:2px;
  border-radius:2px;
  background:var(--orange);
}

/* Hero: compacto, sin riesgo de quedar oculto bajo el sticky header */
.hero{
  scroll-margin-top:92px;
  padding:48px 0 46px;
}
.hero-v13{
  min-height:315px;
  padding-top:0;
  overflow:visible;
}
.hero-v13 .hero__copy{
  padding-top:4px;
}
.hero-brand{
  font-size:clamp(66px,6.2vw,80px);
  line-height:1.02;
  margin-bottom:10px;
}
.hero-brand__renew{
  font-size:.56em;
}
.hero-tagline{
  font-size:clamp(28px,2.5vw,34px);
  margin-bottom:12px;
}
.hero-v13 p{
  font-size:18px;
  max-width:700px;
}
.hero-v13 .hero__actions{
  margin-top:22px;
}

/* Pluma del hero: secundaria, pequeña y tenue */
.hero-v13{
  position:relative;
}
.hero-v13::after{
  content:"✒";
  position:absolute;
  right:7%;
  top:50%;
  transform:translateY(-45%) rotate(-10deg);
  font-family:Georgia,serif;
  font-size:52px;
  font-weight:400;
  color:rgba(31,79,58,.30);
  pointer-events:none;
}

/* Enlace tras Lo último */
.all-posts-link{
  display:inline-block;
  margin-top:24px;
  color:var(--forest);
  font-family:var(--gh-font-body, Inter),system-ui,sans-serif;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
}
.all-posts-link:hover{
  color:var(--orange);
}

/* Áreas: iconografía homogénea verde; naranja solo como acento/flecha */
.area-icon,
.area-icon--orange{
  color:var(--forest);
}
.area-arrow{
  color:var(--orange);
}

/* Evitar subrayados naranjas decorativos en títulos de sección */
.section-heading h2::after,
.home-section h2::after{
  content:none !important;
}

/* Fondo: crema -> blanco -> salvia -> blanco */
.home-surface--cream{
  background:var(--page-cream);
}
.home-surface--sage{
  background:var(--section-sage);
}
.post-card,
.area-card,
.bilbi-block{
  background:#fff;
}

/* Móvil */
@media (max-width:1023px){
  .site-header__inner{min-height:82px}
  .site-header .brand__wordmark{font-size:32px}
  .hero{scroll-margin-top:82px}
  .hero-v13::after{font-size:42px;right:4%;opacity:.75}
}
@media (max-width:767px){
  .site-header__inner{min-height:70px;padding:9px 0}
  .site-header .brand__wordmark{font-size:25px}
  .hero{padding:38px 0 36px;scroll-margin-top:70px}
  .hero-brand{font-size:50px}
  .hero-tagline{font-size:28px}
  .hero-v13 p{font-size:17px}
  .hero-v13::after{display:none}
}


/* =========================================================
   V1.5 — Sobre mí / página de autor
   ========================================================= */
.about-page{background:var(--page-cream);padding-bottom:70px}
.about-shell{width:min(calc(100% - 40px),900px)}
.about-hero{padding:58px 0 34px}
.about-hero>.about-shell{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:32px;
  align-items:center;
}
.about-hero__photo img{
  display:block;width:118px;height:118px;object-fit:cover;
  border-radius:50%;
  border:2px solid rgba(31,79,58,.18);
}
.about-hero h1{
  margin:4px 0 0;
  font-family:var(--gh-font-heading, "Patrick Hand"),cursive;
  font-size:58px;line-height:1;color:var(--forest);font-weight:400;
}
.about-role{font-weight:700;color:var(--forest);margin:8px 0 15px}
.about-lead{font-size:20px;line-height:1.55;max-width:680px;margin:0}
.about-paper{
  background:#fff;border:1px solid var(--paper-border);
  border-radius:16px;padding:18px 54px 54px;
  box-shadow:0 5px 20px rgba(35,43,37,.035);
}
.about-section{padding:42px 0;border-bottom:1px solid #ece8df}
.about-section:last-of-type{border-bottom:0}
.about-section h2{
  font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:38px;font-weight:400;
  line-height:1.1;color:var(--forest);margin:0 0 18px;
}
.about-section p{font-size:18px;line-height:1.72;margin:0 0 16px}
.about-section--sage{
  margin:28px -28px 0;padding:34px 28px;border:0;border-radius:14px;
  background:var(--section-sage);
}
.about-section--sage>.feather-mark{float:right;font-size:28px;opacity:.65}
.about-principles{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
}
.about-principles>div{
  background:var(--page-cream);border:1px solid var(--paper-border);
  border-radius:12px;padding:20px;
}
.about-principles strong{display:block;color:var(--forest);margin-bottom:8px}
.about-principles span{display:block;font-size:14px;line-height:1.55}
.about-career p{font-size:16.5px}
.about-disclaimer{
  margin:32px 0 12px;padding:24px 26px;border-left:4px solid var(--forest);
  background:var(--section-sage);border-radius:0 10px 10px 0;
}
.about-disclaimer strong{color:var(--forest)}
.about-disclaimer p{margin:7px 0 0;line-height:1.6}
.about-signoff{text-align:right;padding-top:42px}
.about-signoff__mark{
  font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:34px;color:var(--forest);
  margin-bottom:4px;
}
.about-signoff p{margin:5px 0 0}
.about-page .newsletter-card{margin-top:34px}

@media(max-width:767px){
  .about-shell{width:calc(100% - 24px)}
  .about-hero{padding:34px 0 24px}
  .about-hero>.about-shell{grid-template-columns:76px minmax(0,1fr);gap:17px}
  .about-hero__photo img{width:72px;height:72px}
  .about-hero h1{font-size:43px}
  .about-role{font-size:14px}
  .about-lead{grid-column:1/-1;font-size:18px}
  .about-paper{padding:8px 22px 36px}
  .about-section{padding:34px 0}
  .about-section h2{font-size:34px}
  .about-section p{font-size:17px}
  .about-section--sage{margin:20px -10px 0;padding:28px 18px}
  .about-principles{grid-template-columns:1fr}
}


/* =========================================================
   V1.6 — CORRECCIÓN PRIORITARIA PORTADAS 1080×1350
   ========================================================= */

/* Las portadas editoriales del proyecto son 4:5 (1080×1350).
   La tarjeta usa exactamente la misma proporción para no recortar. */
.post-card__image{
  display:block;
  width:100%;
  aspect-ratio:4 / 5;
  object-fit:cover;
  object-position:center;
}

/* Algo más de presencia para la tarjeta, manteniendo el grid preparado
   para varias entradas. */
.post-grid{
  grid-template-columns:repeat(auto-fit,minmax(245px,285px));
  gap:22px;
}
.post-card h3{
  font-size:18px;
  line-height:1.32;
}

/* La imagen principal del artículo nunca se recorta. */
.article-feature img,
.post-feature-image,
.kg-image-card img{
  max-width:100%;
  height:auto;
  object-fit:contain;
}

/* Pluma: pendiente de sustituir por el grafismo manuscrito definitivo.
   En V1.6 se elimina el glifo defectuoso del hero para no mostrar
   un símbolo incorrecto mientras tanto. */
.hero-v13::after{
  content:none;
}

/* =========================================================
   Berrinches & Abrazos 5.0 — V1.7
   Tinta + crema + salvia secundaria + terracota
   ========================================================= */
:root{--ink:#343a40;--paper:#f7f1e8;--warm-white:#fffdf9;--sage5:#dce2d5;--terracotta:#e87532;--forest:#343a40;--cream:#f7f1e8;--sage-soft:#dce2d5;--orange:#e87532;--charcoal:#343a40;--line:#e5ddd1}
body{background:var(--paper);color:var(--ink)}
.site-header--5{background:rgba(255,253,249,.97)}
.site-header--5 .brand__main{color:var(--ink)}
.site-header--5 .brand__three,.site-header--5 .brand__main em{color:var(--terracotta)}
.site-header--5 .desktop-nav>a,.site-header--5 .nav-dropdown__button{color:var(--ink)}
.site-header--5 .desktop-nav>a:hover,.site-header--5 .nav-dropdown__button:hover{color:var(--terracotta)}
.hero5{background:var(--warm-white);padding:28px 0 20px}
.hero5__inner{display:grid;grid-template-columns:140px 1fr 180px;gap:28px;align-items:center}
.hero5__seal{width:116px;height:116px;border:2px solid #6f7b6f;border-radius:50%;display:grid;place-items:center;text-align:center;background:#fffdf9;box-shadow:0 3px 12px #0000000c}
.hero5__seal>span{font-family:Caveat,cursive;font-size:38px;line-height:.9}.hero5__seal small{font-size:11px;line-height:1.25}
.hero5__brand{text-align:center}.hero5__brand h1{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:clamp(44px,5.3vw,70px);font-weight:400;line-height:1;margin:0;color:var(--ink)}
.hero5__brand h1 span{color:var(--terracotta);white-space:nowrap}.hero5__tagline{font-size:20px;margin:10px 0 8px}.hero5__update{display:inline-block;font-family:Caveat,cursive;font-size:25px;margin:0;padding:3px 24px;background:linear-gradient(transparent 15%,var(--sage5) 15%,var(--sage5) 88%,transparent 88%)}.hero5__update u{text-decoration-color:var(--terracotta);text-underline-offset:5px}
.hero5__note{justify-self:end;background:#fff8ec;border:1px solid #eadbc8;box-shadow:0 8px 20px #00000010;padding:16px 20px;text-align:center;transform:rotate(1.2deg);font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:17px;line-height:1.3}.hero5__note span{color:var(--terracotta)}
.editorial-strip{padding:14px 0 0;background:var(--paper)}.editorial-strip__inner{min-height:145px;border:1px solid #eadfce;border-radius:12px;background:linear-gradient(90deg,#fffaf2 0 63%,var(--sage5));display:flex;align-items:center;justify-content:space-between;padding:22px 42px;overflow:hidden}.editorial-strip h2{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-weight:400;font-size:34px;line-height:1.08;margin:0 0 10px;color:var(--ink)}.editorial-strip h2 span{color:var(--terracotta)}.editorial-strip p{font-size:13px;max-width:420px;margin:0}.editorial-strip aside{background:#fff7e9;border:1px solid #e8d8c1;box-shadow:0 7px 16px #00000010;padding:15px 24px;text-align:center;transform:rotate(-2deg)}.editorial-strip aside strong{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:24px;color:var(--terracotta);font-weight:400}.editorial-strip aside small{font-size:12px}
.home5-surface{background:var(--paper)}.home5-section{padding:34px 0 14px}.heading5 h2{display:inline-block;font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:38px;font-weight:400;margin:0 0 18px;color:var(--ink);position:relative}.heading5 h2:after,.area-card h3:after,.identity-grid h3:after{content:"";display:block;width:58px;height:2px;background:var(--terracotta);margin-top:3px;transform:rotate(-1deg)}
.post-grid--three{grid-template-columns:repeat(3,1fr);gap:20px}.post-grid--three .post-card{background:var(--warm-white);border-color:#e4dbce}.post-grid--three .post-card__image{aspect-ratio:4/3;object-fit:contain;background:#f3ede3}.post-grid--three .post-card h3{font-size:20px}
.search-ribbon{margin:18px 0 6px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;background:var(--warm-white);border:1px solid #ddd3c4;border-radius:12px;padding:13px 20px}.search-ribbon__label{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:24px;white-space:nowrap}.search-ribbon__label strong{font-weight:400;border-bottom:2px solid var(--terracotta)}.search-ribbon__field{border:1px solid #ddd3c4;background:#fff;border-radius:8px;padding:11px 14px;color:#777;text-align:left;display:flex;justify-content:space-between;cursor:pointer}.search-ribbon>a{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:21px;color:var(--terracotta);white-space:nowrap}
.areas5{padding-top:20px}.areas5 .home-section{padding:0}.areas5 .section-heading{display:none}.areas5 .area-grid{gap:14px}.areas5 .area-card{background:var(--warm-white);border:1px solid #e4dbce;text-align:center}.areas5 .area-card>span{color:var(--ink)}.areas5 .area-card h3{display:inline-block;color:var(--ink);font-weight:600}.areas5 .area-card h3:after{margin-inline:auto}.areas5 .area-arrow{color:var(--terracotta)}
.utility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:18px 0 30px}.utility-card{display:grid;grid-template-columns:40px 1fr;gap:12px;background:var(--warm-white);border:1px solid #e4dbce;border-radius:12px;padding:20px}.utility-card>span{font-size:28px}.utility-card h3{margin:0 0 8px;text-transform:uppercase;font-size:14px}.utility-card p{font-size:14px;margin:0 0 12px}.utility-card b{font-size:13px}.utility-card--orange{border:1px dashed var(--terracotta)}.utility-card--orange h3,.utility-card--orange>span,.utility-card--orange b{color:var(--terracotta)}
.identity-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;padding:0 0 32px}.identity-grid>article{background:var(--warm-white);border:1px solid #e4dbce;border-radius:12px;padding:22px}.identity-grid h3{text-transform:uppercase;font-size:13px;margin:0 0 15px}.five-mark{float:left;font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:62px;color:var(--terracotta);margin:0 18px 6px 0}.identity-grid p{font-size:13px}.identity-about{display:grid!important;grid-template-columns:90px 1fr;column-gap:16px}.identity-about h3{grid-column:1/-1}.identity-about img{width:86px;height:86px;border-radius:50%;object-fit:cover}.identity-about a{font-size:13px;font-weight:700}.identity-summary{background:#fff6e7!important;text-align:center;transform:rotate(-.5deg);box-shadow:0 8px 20px #0000000b}.identity-summary h3:after{margin-inline:auto}.identity-summary p{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:27px;line-height:1.2}.identity-summary span{color:var(--terracotta)}
.site-footer{background:var(--sage5)}
@media(max-width:1023px){.hero5__inner{grid-template-columns:100px 1fr}.hero5__note{display:none}.hero5__seal{width:90px;height:90px}.post-grid--three{grid-template-columns:repeat(3,1fr)}.search-ribbon{grid-template-columns:1fr 1.5fr}.search-ribbon>a{grid-column:1/-1;text-align:right}.utility-grid,.identity-grid{grid-template-columns:1fr 1fr}.identity-summary{grid-column:1/-1}}
@media(max-width:767px){.hero5{padding:18px 0}.hero5__inner{grid-template-columns:1fr}.hero5__seal{display:none}.hero5__brand h1{font-size:39px}.hero5__tagline{font-size:17px}.hero5__update{font-size:20px;padding-inline:12px}.editorial-strip__inner{min-height:0;padding:18px 20px}.editorial-strip aside{display:none}.editorial-strip h2{font-size:29px}.post-grid--three{grid-template-columns:1fr}.search-ribbon{grid-template-columns:1fr;gap:10px}.search-ribbon>a{text-align:left}.areas5 .area-grid,.utility-grid,.identity-grid{grid-template-columns:1fr}.identity-about{grid-template-columns:76px 1fr}.identity-about img{width:72px;height:72px}.heading5 h2{font-size:34px}}

/* =========================================================
   Berrinches & Abrazos 5.0 — V1.8
   Refinamiento: lienzo salvia-gris + cajas blancas,
   jerarquía vertical más compacta y buscador prioritario
   ========================================================= */
:root{
  --canvas-sage:#eef0e9;
  --paper:#f7f1e8;
  --warm-white:#fffdf9;
  --sage5:#dce2d5;
  --terracotta:#e87532;
  --ink:#343a40;
}

/* El lienzo pasa a salvia-gris; el contenido se lee como papel blanco. */
body{background:var(--canvas-sage)}
.home5-surface{background:var(--canvas-sage)}

/* Header e identidad: más compactos, sin perder marca. */
.hero5{background:var(--warm-white);padding:18px 0 14px}
.hero5__inner{grid-template-columns:112px 1fr 150px;gap:22px}
.hero5__seal{width:92px;height:92px}
.hero5__seal>span{font-size:32px}
.hero5__seal small{font-size:10px}
.hero5__brand h1{font-size:clamp(40px,4.6vw,59px)}
.hero5__tagline{font-size:18px;margin:7px 0 6px}
.hero5__update{font-size:22px;padding:2px 20px}
.hero5__note{padding:12px 15px;font-size:15px}

/* Hero editorial convertido en franja real. */
.editorial-strip{padding:10px 0 0;background:var(--canvas-sage)}
.editorial-strip__inner{
  min-height:96px;
  padding:14px 30px;
  background:linear-gradient(90deg,var(--paper) 0 68%,#e8ece3 100%);
}
.editorial-strip h2{font-size:28px;line-height:1.02;margin:0 0 5px}
.editorial-strip p{font-size:12px;line-height:1.45}
.editorial-strip aside{padding:10px 18px}
.editorial-strip aside strong{font-size:20px}
.editorial-strip aside small{font-size:11px}

/* Menos recorrido vertical hasta el contenido. */
.home5-section{padding:24px 0 10px}
.heading5 h2{font-size:34px;margin-bottom:14px}

/* Últimos artículos: 3 accesos compactos; portadas 4:5 sin recorte. */
.post-grid--three{
  grid-template-columns:repeat(3,minmax(0,240px));
  gap:16px;
  justify-content:start;
}
.post-grid--three .post-card{background:var(--warm-white)}
.post-grid--three .post-card__image{aspect-ratio:4/5;object-fit:contain;background:#f4efe7}
.post-grid--three .post-card__content{padding:14px}
.post-grid--three .post-card h3{font-size:17px;line-height:1.28}

/* El buscador gana presencia justo después de los últimos artículos. */
.search-ribbon{
  margin:16px 0 4px;
  padding:15px 20px;
  min-height:58px;
  background:var(--warm-white);
  box-shadow:0 4px 14px rgba(52,58,64,.035);
}
.search-ribbon__field{padding:12px 15px;background:#fff}

/* Áreas y utilidades: cajas blancas sobre lienzo salvia. */
.areas5{padding-top:16px}
.areas5 .area-card,
.utility-card,
.identity-grid>article,
.post-card{background:var(--warm-white)}

/* Las zonas editoriales siguen siendo crema: no todo es blanco. */
.identity-grid{margin-top:4px;padding-top:18px}
.identity-grid>article:first-child,
.identity-grid .identity-summary{background:var(--paper)}
.identity-grid .identity-summary{background:#fff6e7!important}

/* Footer como cierre salvia algo más visible. */
.site-footer{background:var(--sage5)}

@media(max-width:1023px){
  .hero5__inner{grid-template-columns:86px 1fr}
  .hero5__seal{width:78px;height:78px}
  .post-grid--three{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch}
}
@media(max-width:767px){
  .hero5{padding:14px 0 12px}
  .hero5__brand h1{font-size:36px}
  .editorial-strip__inner{padding:14px 18px}
  .editorial-strip h2{font-size:26px}
  .home5-section{padding-top:20px}
  .post-grid--three{grid-template-columns:1fr}
}


/* =========================================================
   Berrinches & Abrazos 5.0 — V1.9 cover header
   HOME = portada editorial; interiores = header compacto
   ========================================================= */
.home-cover-header{background:var(--warm-white);border-bottom:0}
.home-cover-header__identity{min-height:142px;display:grid;grid-template-columns:105px 1fr 145px;gap:24px;align-items:center;padding:14px 0 12px}
.home-cover-header__seal{width:86px;height:86px;border:1.7px solid #758075;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--warm-white);box-shadow:0 2px 9px #0000000b}
.home-cover-header__seal>span{font-family:Caveat,cursive;font-size:30px;line-height:.9}.home-cover-header__seal>span>span{color:var(--terracotta)}.home-cover-header__seal small{font-size:9px;line-height:1.2;color:var(--ink)}
.home-cover-header__brand{text-align:center}.home-cover-header__brand strong{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-weight:400;font-size:clamp(38px,4.3vw,56px);line-height:1;color:var(--ink)}.home-cover-header__brand em{font-style:normal;color:var(--terracotta)}.home-cover-header__brand b{font-weight:400;color:var(--terracotta);white-space:nowrap}.home-cover-header__brand p{margin:5px 0 4px;font-size:16px}.home-cover-header__brand p span{color:var(--terracotta)}.home-cover-header__brand small{display:inline-block;font-family:Caveat,cursive;font-size:20px;padding:1px 18px;background:linear-gradient(transparent 18%,var(--sage5) 18%,var(--sage5) 88%,transparent 88%)}.home-cover-header__brand small u{text-decoration-color:var(--terracotta);text-underline-offset:4px}
.home-cover-header__identity>aside{justify-self:end;background:#fff8ec;border:1px solid #eadbc8;box-shadow:0 6px 15px #0000000d;padding:11px 14px;text-align:center;transform:rotate(1deg);font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:14px;line-height:1.25}.home-cover-header__identity>aside span{color:var(--terracotta)}
.home-cover-nav{background:var(--ink);color:var(--warm-white)}.home-cover-nav__inner{min-height:48px;display:flex;align-items:center;gap:30px}.home-cover-nav a,.home-cover-nav .nav-dropdown__button,.home-cover-nav__search{color:var(--warm-white);font-size:13px;text-transform:uppercase;letter-spacing:.02em}.home-cover-nav a:hover,.home-cover-nav .nav-dropdown__button:hover,.home-cover-nav__search:hover{color:#fff}.home-cover-nav__home{display:flex;align-items:center;gap:7px}.home-cover-nav__home:first-letter{font-size:20px}.home-cover-nav .is-active{position:relative}.home-cover-nav .is-active:after{content:"";position:absolute;left:23px;right:0;bottom:-14px;height:2px;background:var(--terracotta)}.home-cover-nav .nav-dropdown__button{padding:14px 0}.home-cover-nav .nav-dropdown__menu a{color:var(--ink);text-transform:none;letter-spacing:0}.home-cover-nav__search{margin-left:auto;border:0;background:none;font-size:23px;cursor:pointer;padding:4px}.home-cover-nav__toggle{display:none;color:var(--warm-white)}
.home-template .editorial-strip{padding-top:12px}
@media(max-width:1023px){.home-cover-header__identity{grid-template-columns:86px 1fr}.home-cover-header__identity>aside{display:none}.home-cover-nav__inner{gap:18px}.home-cover-nav__inner>a,.home-cover-nav__inner>.nav-dropdown{display:none}.home-cover-nav__search{margin-left:auto}.home-cover-nav__toggle{display:block}}
@media(max-width:767px){.home-cover-header__identity{min-height:112px;grid-template-columns:1fr;padding:12px 0}.home-cover-header__seal{display:none}.home-cover-header__brand strong{font-size:36px}.home-cover-header__brand p{font-size:14px}.home-cover-header__brand small{font-size:17px}.home-cover-nav__inner{min-height:44px}.home-cover-nav__home{display:flex!important}.home-cover-nav__home span{display:inline}.home-cover-nav .is-active:after{bottom:-12px}.home-cover-nav__search{margin-left:auto}}


/* =========================================================
   Berrinches & Abrazos 5.0 — V2.0
   Cierre compacto + CTA newsletter a ancho completo
   ========================================================= */

.identity-grid--compact{
  grid-template-columns:1fr 1fr 1fr;
  gap:16px;
  padding:12px 0 14px;
  align-items:stretch;
}
.identity-grid--compact>article{
  min-height:0;
  padding:16px 18px;
}
.identity-grid--compact h3{
  margin-bottom:10px;
  font-size:12px;
}
.identity-grid--compact .five-mark{
  font-size:48px;
  line-height:.95;
  margin:2px 14px 4px 0;
}
.identity-grid--compact p{
  font-size:12px;
  line-height:1.46;
  margin:0 0 8px;
}
.identity-grid--compact .identity-about{
  grid-template-columns:72px 1fr;
  column-gap:14px;
}
.identity-grid--compact .identity-about img{
  width:68px;
  height:68px;
}
.identity-grid--compact .identity-about strong{
  font-size:13px;
}
.identity-grid--compact .identity-about a{
  font-size:12px;
}
.identity-grid--compact .identity-summary{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.identity-grid--compact .identity-summary p{
  font-size:23px;
  line-height:1.12;
  margin:auto 0;
}

/* CTA de suscripción final: una franja, no una cuarta tarjeta */
.newsletter-strip{
  margin:0 0 24px;
  padding:18px 22px;
  background:var(--warm-white);
  border:1px solid #e4dbce;
  border-radius:12px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);
  gap:28px;
  align-items:center;
  box-shadow:0 4px 14px rgba(52,58,64,.03);
}
.newsletter-strip .eyebrow{
  color:var(--terracotta);
  font-size:11px;
}
.newsletter-strip h2{
  margin:2px 0 3px;
  font-family:var(--gh-font-heading, "Patrick Hand"),cursive;
  font-size:29px;
  font-weight:400;
  color:var(--ink);
  line-height:1;
}
.newsletter-strip h2 span{
  color:var(--terracotta);
}
.newsletter-strip p{
  margin:0;
  font-size:13px;
  line-height:1.45;
}
.newsletter-strip__form{
  display:grid;
  grid-template-columns:1fr auto;
  gap:9px;
  align-items:center;
}
.newsletter-strip__form input{
  min-width:0;
  min-height:44px;
  border:1px solid #d9d2c7;
  border-radius:8px;
  background:#fff;
  padding:10px 13px;
  font:inherit;
}
.newsletter-strip__form .button{
  min-height:44px;
  border-color:var(--terracotta);
  background:var(--terracotta);
  color:#fff;
}
.newsletter-strip__success,
.newsletter-strip__error{
  grid-column:1/-1;
  font-size:11px!important;
}
.newsletter-strip__success{color:var(--ink)}
.newsletter-strip__error{color:#8b2e1f}

/* Evita una sensación demasiado alta al final de la home */
.home-template .site-footer{
  margin-top:0;
}

@media(max-width:1023px){
  .identity-grid--compact{
    grid-template-columns:1fr 1fr;
  }
  .identity-grid--compact .identity-summary{
    grid-column:1/-1;
  }
  .newsletter-strip{
    grid-template-columns:1fr;
    gap:14px;
  }
}
@media(max-width:767px){
  .identity-grid--compact{
    grid-template-columns:1fr;
  }
  .identity-grid--compact .identity-summary{
    grid-column:auto;
  }
  .identity-grid--compact>article{
    padding:15px 16px;
  }
  .newsletter-strip{
    margin-bottom:18px;
    padding:16px;
  }
  .newsletter-strip h2{
    font-size:27px;
  }
  .newsletter-strip__form{
    grid-template-columns:1fr;
  }
  .newsletter-strip__form .button{
    width:100%;
  }
}

/* =========================================================
   Berrinches & Abrazos 5.0 — V2.2 HOME
   ========================================================= */
.home22-header{background:#fffdf9}.home22-header__brand{padding:20px 0 14px}.home22-header__brand strong{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:34px;font-weight:400;color:var(--ink)}.home22-header__brand em{font-style:normal;color:var(--terracotta)}.home22-header__brand b{font-weight:400}.home22-header__brand p{margin:3px 0 0;font-size:14px}.home22-header__brand p span{color:var(--terracotta)}
.home22-nav{background:#1f4f3a;color:#fff}.home22-nav__inner{min-height:52px;display:flex;align-items:center;gap:clamp(18px,4vw,54px)}.home22-nav a,.home22-nav__inner>.nav-dropdown>.nav-dropdown__button{color:#fff;text-transform:uppercase;font-size:13px;font-weight:600;letter-spacing:.02em}.home22-nav .nav-dropdown__menu a{color:var(--ink);text-transform:none;font-weight:400}.home22-nav .is-active{position:relative}.home22-nav .is-active:after{content:"";position:absolute;height:2px;background:var(--terracotta);left:25px;right:0;bottom:-16px}.home22-nav__search{margin-left:auto;border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.home22-nav__toggle{display:none;color:#fff}
.hero22{background:#fffaf2}.hero22__inner{min-height:320px;display:flex;align-items:center;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#fffaf2 0%,#fffaf2 38%,rgba(255,250,242,.94) 48%,rgba(255,250,242,.63) 62%,rgba(255,250,242,.22) 80%),url('../images/hero-stethoscope.jpg');background-size:cover;background-position:72% 38%;border-radius:0}.hero22__copy{padding:40px 0 38px 48px;position:relative;z-index:1}.hero22 h1{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:clamp(42px,5vw,62px);line-height:1.02;font-weight:400;color:var(--ink);margin:0 0 18px}.hero22 h1 em{font-style:normal;color:var(--terracotta)}.hero22 h1 span{color:var(--terracotta)}.hero22 p{font-size:15px;line-height:1.55;margin:0;color:#222}
.home22{padding-top:0}.latest22{padding:28px 0 18px}.latest22>h2,.areas22>h2,.guides22 h2{font-size:14px;text-transform:uppercase;color:var(--ink);margin:0 0 15px}.latest22__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.latest22 .post-card{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0 22px;border-right:1px solid #e9e1d7}.latest22 .post-card:first-child{padding-left:0}.latest22 .post-card:last-child{padding-right:0;border-right:0}.latest22 .post-card__link{display:grid;grid-template-columns:34% 1fr;gap:16px;height:100%}.latest22 .post-card__image{aspect-ratio:4/5;object-fit:cover;border-radius:7px;background:#f6f0e7}.latest22 .post-card__body{padding:4px 0;display:flex;flex-direction:column;min-width:0}.latest22 .eyebrow{font-size:10px;color:var(--terracotta);font-weight:700}.latest22 .post-card h3{font-size:16px;line-height:1.25;margin:7px 0}.post-card__excerpt{font-size:12px;line-height:1.48;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.latest22 .post-card__meta{font-size:10px;margin-top:auto}
.search22{margin:12px 0 24px;display:grid;grid-template-columns:210px 1fr auto;gap:18px;align-items:center;padding:10px 16px;background:#fffaf4;border-radius:9px}.search22>strong{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:22px;font-weight:400}.search22 button{border:1px solid #ddd4c9;background:#fff;border-radius:6px;padding:10px 13px;color:#777;text-align:left;display:flex;justify-content:space-between;cursor:pointer}.search22>a{color:var(--terracotta);font-size:13px;font-weight:600;white-space:nowrap}
.areas22{padding:0 0 24px}.areas22 .home-section{padding:0}.areas22 .area-grid{grid-template-columns:repeat(5,1fr);gap:12px}.areas22 .area-card{min-height:174px;border:0;border-radius:10px;padding:18px 17px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;text-align:left;box-shadow:none}.areas22 .area-card--green{background:#365d3b}.areas22 .area-card--terra{background:#c94f28}.areas22 .area-card .area-icon{color:#fff;font-size:31px;line-height:1}.areas22 .area-card h3{color:#fff;font-size:14px;margin:10px 0 8px}.areas22 .area-card h3:after{display:none}.areas22 .area-card p{color:#fff;font-size:11px;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.areas22 .area-arrow{color:#fff!important;font-size:12px!important;font-weight:600;margin-top:auto}
.topics22{display:grid;grid-template-columns:30% 45% 25%;align-items:stretch;margin:0 0 24px;background:#fffaf4;border:1px solid #eee4d8;border-radius:10px;padding:20px}.topics22__intro{display:grid;grid-template-columns:48px 1fr;gap:12px;padding-right:16px}.topics22__pencil{font-size:38px;color:var(--terracotta)}.topics22 h2{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:25px;line-height:1.05;font-weight:400;margin:0 0 7px}.topics22 p,.topics22 aside{font-size:11px;line-height:1.45}.topics22 small{color:var(--terracotta);font-size:11px}.topics22__form{padding:0 24px;border-left:1px solid #eee4d8;border-right:1px solid #eee4d8;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.topics22 textarea{width:100%;height:78px;resize:vertical;border:1px solid #ddd4c9;border-radius:6px;background:#fff;padding:11px;font:inherit;font-size:12px}.topics22 button{margin-top:8px;background:var(--terracotta);border:0;border-radius:6px;color:#fff;padding:10px 25px;font-weight:600}.topics22 aside{padding:5px 0 5px 24px}.topics22 aside b{color:var(--ink)}
.guides22{padding:0 0 20px}.guides22__head{display:flex;justify-content:space-between;align-items:center}.guides22__head>a{font-size:12px;color:var(--terracotta);font-weight:600}.guides22__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide22{border:1px solid #e7ded3;border-radius:8px;padding:13px 15px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;background:#fff}.guide22>span{font-size:31px;color:#365d3b}.guide22 b{font-size:13px}.guide22 p{font-size:11px;margin:2px 0 8px}.guide22 small{font-size:9px;color:#777}.guide22 em{font-style:normal;color:var(--terracotta);font-weight:600;font-size:12px;align-self:end}
.newsletter22{margin:0 0 16px;padding:16px 22px;background:#fffaf4;display:grid;grid-template-columns:70px 1fr minmax(350px,.9fr);gap:18px;align-items:center}.newsletter22__icon{font-size:42px;color:#365d3b}.newsletter22 h2{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:29px;font-weight:400;margin:0 0 2px}.newsletter22 h2 span{color:var(--terracotta)}.newsletter22 p{font-size:11px;margin:0}.newsletter22 form{display:grid;grid-template-columns:1fr auto;gap:8px}.newsletter22 input{border:1px solid #ddd4c9;border-radius:6px;padding:10px}.newsletter22 button{border:0;border-radius:6px;background:var(--terracotta);color:#fff;padding:10px 17px;font-weight:600}.newsletter22 form small{grid-column:1/-1;color:#888;font-size:9px}
/* Interior: compact white header, no visible search control */
:not(.home-template) .site-header--5 .search-button{display:none!important}
@media(max-width:1023px){.home22-nav__inner>a,.home22-nav__inner>.nav-dropdown{display:none}.home22-nav__inner>a.is-active{display:block}.home22-nav__toggle{display:block}.hero22__inner{min-height:290px}.latest22__grid{grid-template-columns:1fr}.latest22 .post-card{border-right:0;border-bottom:1px solid #e9e1d7;padding:16px 0}.areas22 .area-grid{grid-template-columns:repeat(2,1fr)}.topics22{grid-template-columns:1fr}.topics22__form,.topics22 aside{border:0;padding:16px 0 0}.guides22__grid{grid-template-columns:1fr}.newsletter22{grid-template-columns:55px 1fr}.newsletter22 form{grid-column:1/-1}.search22{grid-template-columns:1fr}.search22>a{text-align:right}}
@media(max-width:767px){.home22-header__brand{padding:14px 0 10px}.home22-header__brand strong{font-size:28px}.home22-nav__inner{min-height:44px}.home22-nav .is-active:after{bottom:-12px}.hero22__inner{min-height:420px;background-image:linear-gradient(180deg,#fffaf2 0%,rgba(255,250,242,.92) 42%,rgba(255,250,242,.25) 70%),url('../images/hero-stethoscope.jpg');background-position:62% center}.hero22__copy{padding:28px 18px 220px}.hero22 h1{font-size:40px}.hero22 p{font-size:13px}.latest22 .post-card__link{grid-template-columns:110px 1fr}.areas22 .area-grid{grid-template-columns:1fr}.topics22__intro{grid-template-columns:36px 1fr}.newsletter22{grid-template-columns:1fr}.newsletter22__icon{display:none}.newsletter22 form{grid-template-columns:1fr}.newsletter22 button{width:100%}}


/* =========================================================
   V2.2.1 — corrección exclusiva del HERO
   Usa la fotografía original, no el mockup.
   ========================================================= */
.home-hero,
.hero-home,
.hero-v21{
  position:relative;
  overflow:hidden;
  background:#f7f1e8;
}

/* Capa fotográfica real a la derecha */
.home-hero::before,
.hero-home::before,
.hero-v21::before{
  content:"";
  position:absolute;
  inset:0 0 0 38%;
  background-image:
    linear-gradient(90deg,
      rgba(247,241,232,1) 0%,
      rgba(247,241,232,.88) 16%,
      rgba(247,241,232,.55) 34%,
      rgba(247,241,232,.22) 52%,
      rgba(247,241,232,.08) 70%,
      rgba(247,241,232,.04) 100%),
    url("../images/hero-stethoscope.jpg");
  background-size:cover;
  background-repeat:no-repeat;
  background-position:58% 32%;
  opacity:.84;
  pointer-events:none;
}

/* El texto queda siempre por encima */
.home-hero__content,
.hero-home__content,
.hero-v21__content{
  position:relative;
  z-index:2;
}

/* Oculta posibles <img> antiguos del hero para evitar duplicados */
.home-hero img.hero-image,
.hero-home img.hero-image,
.hero-v21 img.hero-image{
  display:none!important;
}

@media(max-width:900px){
  .home-hero::before,
  .hero-home::before,
  .hero-v21::before{
    inset:0;
    background-position:64% 30%;
    opacity:.72;
  }
}
@media(max-width:700px){
  .home-hero::before,
  .hero-home::before,
  .hero-v21::before{
    inset:42% 0 0 0;
    background-image:
      linear-gradient(180deg,
        rgba(247,241,232,.92) 0%,
        rgba(247,241,232,.45) 36%,
        rgba(247,241,232,.10) 100%),
      url("../images/hero-stethoscope.jpg");
    background-position:50% 24%;
    opacity:.82;
  }
}


/* =========================================================
   V2.2.2 — HERO REAL EN DOS COLUMNAS
   Corrige el recorte extremo de la foto vertical.
   ========================================================= */

.hero22{
  background:#fffaf2;
}

.hero22__inner{
  background:none!important;
  min-height:0!important;
}

.hero222__inner{
  display:grid!important;
  grid-template-columns:minmax(0,58%) minmax(0,42%);
  align-items:stretch;
  min-height:320px;
  overflow:hidden;
  background:#fffaf2;
}

.hero222__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:40px 42px 38px 48px;
  position:relative;
  z-index:3;
}

.hero222__copy h1{
  font-family:var(--gh-font-heading, "Patrick Hand"),cursive;
  font-size:clamp(42px,5vw,62px);
  line-height:1.02;
  font-weight:400;
  color:var(--ink);
  margin:0 0 18px;
}

.hero222__copy h1 em{
  font-style:normal;
  color:var(--terracotta);
}

.hero222__copy h1 span{
  color:var(--terracotta);
}

.hero222__copy p{
  font-size:15px;
  line-height:1.55;
  margin:0;
  color:#222;
}

.hero222__photo{
  position:relative;
  overflow:hidden;
  min-height:320px;
  background:#efe8dc;
}

/* El degradado actúa sólo en la unión, no lava toda la foto */
.hero222__photo::before{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  bottom:0;
  width:32%;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(255,250,242,1) 0%,
    rgba(255,250,242,.74) 30%,
    rgba(255,250,242,.38) 62%,
    rgba(255,250,242,0) 100%
  );
}

.hero222__photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 34%;
  opacity:.90;
  filter:saturate(.96) contrast(.99);
}

/* Tablet */
@media(max-width:1023px){
  .hero222__inner{
    grid-template-columns:54% 46%;
    min-height:290px;
  }
  .hero222__copy{
    padding:32px 28px 32px 34px;
  }
  .hero222__photo{
    min-height:290px;
  }
  .hero222__photo img{
    object-position:50% 30%;
  }
}

/* Móvil: texto arriba y fotografía debajo */
@media(max-width:767px){
  .hero222__inner{
    grid-template-columns:1fr;
    min-height:0;
  }
  .hero222__copy{
    padding:28px 18px 22px;
  }
  .hero222__copy h1{
    font-size:40px;
  }
  .hero222__copy p{
    font-size:13px;
  }
  .hero222__photo{
    min-height:0;
    height:280px;
  }
  .hero222__photo::before{
    left:0;
    right:0;
    top:0;
    bottom:auto;
    width:100%;
    height:30%;
    background:linear-gradient(
      180deg,
      rgba(255,250,242,1) 0%,
      rgba(255,250,242,.45) 58%,
      rgba(255,250,242,0) 100%
    );
  }
  .hero222__photo img{
    object-position:50% 25%;
    opacity:.93;
  }
}


/* =========================================================
   V2.2.3 — HERO HORIZONTAL COMPACTO APROBADO
   ========================================================= */
.hero223{
  background:#fffaf2;
}
.hero223__inner{
  position:relative;
  min-height:215px;
  overflow:hidden;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,
      rgba(255,250,242,1) 0%,
      rgba(255,250,242,.98) 31%,
      rgba(255,250,242,.82) 43%,
      rgba(255,250,242,.42) 54%,
      rgba(255,250,242,.10) 67%,
      rgba(255,250,242,.04) 100%),
    url("../images/hero-v223.png") center 31% / cover no-repeat;
}

/* Suavizado/desaturación adicional del hero */
.hero223__inner::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:rgba(255,250,242,.08);
  z-index:1;
}

.hero223__copy{
  position:relative;
  z-index:2;
  width:52%;
  padding:24px 0 24px 48px;
}
.hero223__copy h1{
  margin:0 0 16px;
  font-family:var(--gh-font-heading, "Patrick Hand"),cursive;
  font-weight:400;
  font-size:clamp(38px,3.45vw,52px);
  line-height:1.08;
  color:var(--ink);
}
.hero223__copy h1 em,
.hero223__copy h1 span{
  font-style:normal;
  color:var(--terracotta);
}
.hero223__copy p{
  margin:0;
  font-size:14px;
  line-height:1.45;
  color:#222;
}

/* Asegura que no quede el primer "Ver todos los artículos" */
.latest22__head .latest22__all,
.latest22 > .section-head a,
.latest22__toplink{
  display:none!important;
}

/* Tablet */
@media(max-width:1023px){
  .hero223__inner{
    min-height:205px;
    background-position:center 30%;
  }
  .hero223__copy{
    width:55%;
    padding-left:30px;
  }
  .hero223__copy h1{
    font-size:42px;
    line-height:1.08;
    margin-bottom:15px;
  }
}

/* Móvil: hero compacto, manteniendo imagen como apoyo */
@media(max-width:767px){
  .hero223__inner{
    min-height:250px;
    align-items:flex-start;
    background:
      linear-gradient(90deg,
        rgba(255,250,242,.98) 0%,
        rgba(255,250,242,.91) 48%,
        rgba(255,250,242,.35) 72%,
        rgba(255,250,242,.10) 100%),
      url("../images/hero-v223.png") 63% center / cover no-repeat;
  }
  .hero223__copy{
    width:72%;
    padding:28px 16px;
  }
  .hero223__copy h1{
    font-size:38px;
    line-height:1.1;
    margin-bottom:14px;
  }
  .hero223__copy p{
    font-size:13px;
  }
}


/* =========================================================
   V2.2.4 — PULIDO HOME
   1) Hero a ancho completo.
   2) Elimina capas/texto fantasma.
   3) Últimos artículos: 3 columnas iguales.
   Todo lo demás permanece igual.
   ========================================================= */

/* HERO: franja completa de lado a lado, conservando altura V2.2.3 */
.hero223{
  width:100%;
  max-width:none!important;
  overflow:hidden;
}
.hero223__inner{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:max(calc((100vw - 1180px)/2),40px);
  padding-right:0!important;
  box-sizing:border-box;
}

/* Elimina cualquier pseudo-capa antigua que pudiera producir texto/imagen fantasma */
.hero22::before,
.hero22::after,
.hero22__inner::before,
.hero22__inner::after,
.hero222::before,
.hero222::after,
.hero222__inner::before,
.hero222__inner::after,
.hero222__copy::before,
.hero222__copy::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Mantener solo la ligera veladura propia de V2.2.3 */
.hero223__inner::after{
  content:""!important;
  display:block!important;
  position:absolute;
  inset:0;
  pointer-events:none;
  background:rgba(255,250,242,.08)!important;
  z-index:1;
}

/* Evita que elementos heredados del hero anterior puedan quedar visibles */
.hero223 .hero22__copy,
.hero223 .hero222__copy,
.hero223 .hero222__photo,
.hero223 .hero-image{
  display:none!important;
}
.hero223 .hero223__copy{
  display:block!important;
  position:relative;
  z-index:2;
}

/* ÚLTIMOS ARTÍCULOS: tres columnas reales y equilibradas */
.latest22__grid,
.latest-posts,
.home-latest-posts,
.latest22 .post-feed{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  width:100%!important;
}
.latest22__item,
.latest22__grid > article,
.latest-posts > article,
.home-latest-posts > article,
.latest22 .post-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

/* Tablet */
@media(max-width:1023px){
  .hero223__inner{
    padding-left:30px!important;
  }
  .latest22__grid,
  .latest-posts,
  .home-latest-posts,
  .latest22 .post-feed{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Móvil */
@media(max-width:767px){
  .hero223__inner{
    padding-left:0!important;
  }
  .latest22__grid,
  .latest-posts,
  .home-latest-posts,
  .latest22 .post-feed{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   V2.3.0 — PLANTILLA DE ARTÍCULO
   HOME V2.2.4 permanece intacta.
   ========================================================= */

.article30{background:#f5f7f2}
.article30-hero{
  background:linear-gradient(115deg,#fffaf2 0%,#fbf6ed 62%,#f1f3ed 100%);
  padding:20px 0 34px;
}
.article30-breadcrumb{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin:0 0 26px;font-size:11px;color:#66806f;
}
.article30-breadcrumb span:last-child{
  max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.article30-headgrid{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:54px;align-items:center;
}
.article30-heading{padding:10px 0 8px}
.article30-eyebrow{
  display:inline-block;margin-bottom:12px;color:#d85a28;font-size:12px;
  font-weight:800;letter-spacing:.06em;text-transform:uppercase
}
.article30-heading h1{
  margin:0 0 20px;font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-weight:400;
  color:#29383a;font-size:clamp(48px,5.2vw,70px);line-height:1.02;
}
.article30-deck{
  max-width:680px;margin:0 0 28px;font-size:18px;line-height:1.55;color:#353b3b
}
.article30-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.article30-meta .author-signature{margin:0}
.article30-meta__facts{display:flex;gap:8px;align-items:center;font-size:12px;color:#555}
.article30-cover{margin:0;justify-self:end;width:min(100%,360px)}
.article30-cover img{
  width:100%;max-height:430px;object-fit:contain;background:#fff8ee;
  border-radius:10px;box-shadow:0 10px 30px rgba(45,55,45,.07)
}
.article30-cover figcaption{font-size:11px;color:#777;margin-top:7px;text-align:center}

.article30-paper{
  width:min(calc(100% - 40px),960px);margin:0 auto;background:#fff;
  padding:50px 58px 36px;box-shadow:0 14px 40px rgba(45,55,45,.045)
}
.article30-content{
  width:min(100%,790px);margin-inline:auto;
  font-size:18px;line-height:1.78;color:#292d2c
}
.article30-content>p:first-child{font-size:18.5px}
.article30-content h2{
  font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-weight:400;color:#1f5b43;
  font-size:36px;line-height:1.12;margin:44px 0 14px
}
.article30-content h3{
  color:#1f5b43;font-size:21px;line-height:1.25;margin:34px 0 12px
}
.article30-content a{color:#d85a28;text-decoration:underline;text-underline-offset:3px}
.article30-content ul,.article30-content ol{padding-left:24px}
.article30-content li{margin:6px 0}
.article30-content li::marker{color:#e86f2a}
.article30-content figure{margin:34px auto}
.article30-content figure img{margin-inline:auto;border-radius:8px}
.article30-content figcaption{text-align:center;font-size:12px;color:#737773}
.article30-content hr{border:0;border-top:1px solid #dfe5dc;margin:40px 0}

/* Ghost cards / callouts */
.article30-content blockquote{
  margin:30px 0;padding:22px 24px;background:#eef3ea;border:0;border-radius:10px;
  color:#31453b;font-style:normal
}
.article30-content .kg-callout-card{
  margin:28px 0;border-radius:10px;padding:22px;border:1px solid #e2e7df;
  background:#eef3ea
}
.article30-content .kg-callout-card-grey{background:#eef3ea}
.article30-content .kg-callout-card-white{background:#fffaf2}
.article30-content .kg-callout-card-yellow{background:#fff7e8}
.article30-content .kg-callout-card-red{
  background:#fff;border:1.5px solid #e86f2a;color:#363636
}
.article30-content .kg-callout-card-blue,
.article30-content .kg-callout-card-green{background:#eef3ea}
.article30-content .kg-callout-emoji{font-size:20px}
.article30-content table{width:100%;border-collapse:collapse;margin:28px 0;font-size:15px}
.article30-content th,.article30-content td{border:1px solid #dfe5dc;padding:12px 14px;text-align:left}
.article30-content th{background:#eef3ea;color:#1f4f3a}

/* Firma */
.article30-end{width:min(100%,790px);margin:34px auto 0;border-top:1px solid #dfe5dc;padding-top:22px}
.article30-tags{font-size:12px;color:#68736c;margin-bottom:24px}
.article30-tags>span{font-weight:800;color:#1f4f3a;margin-right:10px;text-transform:uppercase;letter-spacing:.05em}
.article30-signoff{
  display:flex;justify-content:space-between;align-items:flex-end;gap:30px;
  padding:8px 0 2px
}
.article30-signoff strong{font-family:Caveat,cursive;color:#e86f2a;font-size:34px;font-weight:500}
.article30-signoff p{margin:0;font-size:12px}
.article30-feather{font-family:Caveat,cursive;color:#e86f2a;font-size:46px;letter-spacing:-8px}

/* Relacionados */
.article30-related{padding:28px 0 70px;background:#f0f3ed}
.article30-sectionhead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.article30-sectionhead h2{
  margin:0;font-family:var(--gh-font-heading, "Patrick Hand"),cursive;color:#1f4f3a;font-size:34px;font-weight:400
}
.article30-sectionhead a{font-size:12px;font-weight:700;color:#1f4f3a}
.article30-relatedgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.article30-relatedcard{background:#fff;border:1px solid #e3e7df;border-radius:10px;overflow:hidden}
.article30-relatedcard>a{display:grid;grid-template-columns:110px 1fr;height:100%}
.article30-relatedcard img{width:110px;height:100%;min-height:150px;object-fit:cover}
.article30-relatedcard div{padding:15px}
.article30-relatedcard span{font-size:10px;font-weight:800;color:#e86f2a;text-transform:uppercase}
.article30-relatedcard h3{font-size:15px;line-height:1.25;margin:6px 0}
.article30-relatedcard p{font-size:12px;line-height:1.45;margin:0 0 10px;color:#555}
.article30-relatedcard small{font-size:10px;color:#737773}

.article30-guide{
  margin:24px 0;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;
  background:#fff;border:1px solid #e7a47e;border-radius:10px;padding:18px 22px
}
.article30-guide__icon{font-size:36px;color:#1f4f3a}
.article30-guide span{font-size:10px;color:#1f4f3a;font-weight:800}
.article30-guide h3{margin:3px 0;font-size:17px}
.article30-guide p{margin:0;font-size:12px;color:#555}
.article30-guide__button{
  display:inline-flex;align-items:center;justify-content:center;background:#e86f2a;color:#fff;
  border-radius:7px;padding:10px 16px;font-size:12px;font-weight:700;white-space:nowrap
}
.article30-related .newsletter-card{margin:24px 0 0}

/* Tablet */
@media(max-width:900px){
  .article30-headgrid{grid-template-columns:1fr .62fr;gap:28px}
  .article30-heading h1{font-size:50px}
  .article30-paper{padding:40px 34px}
  .article30-relatedgrid{grid-template-columns:1fr}
  .article30-relatedcard>a{grid-template-columns:130px 1fr}
}

/* Móvil */
@media(max-width:700px){
  .article30-hero{padding-top:14px}
  .article30-breadcrumb{margin-bottom:16px}
  .article30-headgrid{grid-template-columns:1fr;gap:22px}
  .article30-heading h1{font-size:43px}
  .article30-deck{font-size:16px}
  .article30-cover{justify-self:center;width:min(100%,320px)}
  .article30-paper{width:100%;padding:34px 20px;box-shadow:none}
  .article30-content{font-size:17px}
  .article30-content h2{font-size:32px}
  .article30-guide{grid-template-columns:auto 1fr}
  .article30-guide__button{grid-column:1/-1}
  .article30-relatedcard>a{grid-template-columns:100px 1fr}
  .article30-signoff{align-items:center}
}


/* =========================================================
   V2.3.1 — TRATAMIENTO ESPECÍFICO DE INFOGRAFÍAS
   ========================================================= */

/* La lectura textual mantiene su ancho. Las imágenes pueden respirar más. */
.article30-content figure.infographic-figure{
  width:min(100vw - 64px,1000px);
  max-width:1000px;
  margin:42px 50% 42px;
  transform:translateX(-50%);
  position:relative;
}

.article30-content .infographic-image{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  cursor:zoom-in;
  border-radius:10px;
  box-shadow:0 8px 24px rgba(46,58,49,.06);
  background:#fff;
}

.infographic-hint{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 auto 8px;
  padding:4px 8px;
  border:0;
  background:transparent;
  color:#7a7f7b;
  font:inherit;
  font-size:11px;
  cursor:pointer;
}
.infographic-hint:hover{color:#d85a28}

/* Visor */
.infographic-viewer{
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(20,24,22,.94);
  display:flex;
  flex-direction:column;
  padding:16px;
}
.infographic-viewer-open{overflow:hidden}

.infographic-viewer__toolbar{
  flex:0 0 auto;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding:0 0 12px;
}
.infographic-viewer__button{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.10);
  color:#fff;
  border-radius:8px;
  padding:9px 12px;
  font:inherit;
  font-size:13px;
  cursor:pointer;
}
.infographic-viewer__button:hover,
.infographic-viewer__button:focus{
  background:#fff;
  color:#24332a;
  outline:none;
}

.infographic-viewer__stage{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overscroll-behavior:contain;
  touch-action:pan-x pan-y pinch-zoom;
}
.infographic-viewer__image{
  display:block;
  max-width:95vw;
  max-height:none;
  width:auto;
  height:auto;
  transform-origin:top center;
  transition:transform .15s ease;
  background:#fff;
  box-shadow:0 12px 36px rgba(0,0,0,.25);
}

/* Cuando la infografía es alta, se ve completa mediante scroll del visor.
   No se fuerza a encajar en altura porque perdería legibilidad. */

@media(max-width:700px){
  .article30-content figure.infographic-figure{
    width:calc(100vw - 24px);
    margin:32px 50%;
  }
  .infographic-hint{
    font-size:10px;
  }
  .infographic-viewer{
    padding:8px;
  }
  .infographic-viewer__toolbar{
    gap:5px;
    overflow-x:auto;
    justify-content:flex-start;
  }
  .infographic-viewer__button{
    flex:0 0 auto;
    padding:8px 10px;
    font-size:12px;
  }
  .infographic-viewer__image{
    max-width:100%;
  }
}

/* Impresión desde la propia página, por si el navegador imprime sin pasar por popup */
@media print{
  .site-header,
  .site-footer,
  .article30-related,
  .newsletter-card,
  .infographic-hint{
    display:none!important;
  }
  .article30-content figure.infographic-figure{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
  }
  .article30-content .infographic-image{
    box-shadow:none!important;
  }
}


/* =========================================================
   V2.3.2 — INFOGRAFÍA EN ARTÍCULO + VISOR A4
   ========================================================= */

/* Vista integrada: grande pero no dominante */
.article30-content figure.infographic-figure.infographic-v232{
  width:min(100vw - 80px,880px)!important;
  max-width:880px!important;
  margin:38px 50%!important;
  transform:translateX(-50%)!important;
}
.article30-content .infographic-v232 .infographic-image{
  width:100%!important;
  height:auto!important;
  cursor:zoom-in;
}
.article30-content .infographic-v232 .infographic-hint{
  margin-bottom:8px;
  color:#68736c;
  font-size:11px;
}

/* A4 viewer */
.infographic-a4-viewer{
  position:fixed;
  inset:0;
  z-index:100000;
  display:flex;
  flex-direction:column;
  background:rgba(24,28,26,.96);
  padding:10px 16px 16px;
}
.infographic-a4-toolbar{
  min-height:48px;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  max-width:1100px;
  width:100%;
  margin:0 auto 8px;
}
.infographic-a4-toolbar__group{
  display:flex;
  align-items:center;
  gap:7px;
}
.infographic-a4-toolbar button{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.10);
  color:#fff;
  border-radius:7px;
  padding:8px 11px;
  font:inherit;
  font-size:12px;
  cursor:pointer;
}
.infographic-a4-toolbar button:hover,
.infographic-a4-toolbar button:focus{
  background:#fff;
  color:#26342d;
  outline:none;
}
.infographic-a4-percent{
  min-width:54px;
  color:#fff;
  font-size:12px;
  text-align:center;
}

.infographic-a4-stage{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:6px 0 30px;
  overscroll-behavior:contain;
  touch-action:pan-x pan-y pinch-zoom;
}

/* A4 ratio 210/297. The sheet itself is the visual frame. */
.infographic-a4-sheet{
  width:min(82vw, calc((100vh - 92px) * 0.7070707));
  aspect-ratio:210 / 297;
  flex:0 0 auto;
  background:#fff;
  box-shadow:0 14px 42px rgba(0,0,0,.35);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2.8%;
  box-sizing:border-box;
  transform-origin:top center;
  transition:transform .12s ease;
}
.infographic-a4-sheet img{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}

/* Mobile: prioritize useful image size instead of a tiny simulated sheet */
@media(max-width:700px){
  .article30-content figure.infographic-figure.infographic-v232{
    width:calc(100vw - 24px)!important;
    max-width:none!important;
    margin:30px 50%!important;
  }
  .infographic-a4-viewer{padding:6px}
  .infographic-a4-toolbar{
    min-height:44px;
    overflow-x:auto;
    margin-bottom:4px;
  }
  .infographic-a4-toolbar__group{flex:0 0 auto}
  .infographic-a4-toolbar button{padding:7px 9px}
  .infographic-a4-toolbar button span{display:none}
  .infographic-a4-stage{padding-bottom:20px}
  .infographic-a4-sheet{
    width:96vw;
    min-height:auto;
    padding:2%;
  }
}

/* A4 print fallback */
@media print{
  .infographic-a4-toolbar{display:none!important}
  .infographic-a4-viewer{
    position:static!important;
    background:#fff!important;
    padding:0!important;
  }
  .infographic-a4-stage{overflow:visible!important;padding:0!important}
  .infographic-a4-sheet{
    width:194mm!important;
    height:281mm!important;
    aspect-ratio:auto!important;
    padding:0!important;
    box-shadow:none!important;
    transform:none!important;
  }
}


/* =========================================================
   V2.3.3 — DOS ÚNICOS AJUSTES DE INFOGRAFÍA
   1. Vista integrada: 780 px máximo.
   2. Visor A4: mayor aprovechamiento de la hoja.
   ========================================================= */

.article30-content figure.infographic-figure.infographic-v232{
  width:min(100vw - 80px,780px)!important;
  max-width:780px!important;
}

.infographic-a4-sheet{
  padding:1.8%!important;
}


/* =========================================================
   V2.3.4 — INFOGRAFÍA WEB + PDF A4
   ========================================================= */
.article30-content figure.infographic-pdf-figure{
  width:min(100vw - 80px,780px)!important;
  max-width:780px!important;
  margin:38px 50%!important;
  transform:translateX(-50%)!important;
  position:relative;
}
.article30-content .infographic-pdf-image{
  width:100%!important;
  height:auto!important;
  display:block;
  cursor:pointer;
  border-radius:10px;
  box-shadow:0 8px 24px rgba(46,58,49,.055);
  background:#fff;
}
.infographic-pdf-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin:0 0 9px;
  font-size:11px;
}
.infographic-pdf-actions a{
  text-decoration:none!important;
  font-weight:600;
}
.infographic-pdf-open{color:#1f4f3a!important}
.infographic-pdf-download{color:#d85a28!important}
.infographic-pdf-actions a:hover{
  text-decoration:underline!important;
  text-underline-offset:3px;
}
.infographic-pdf-figure .infographic-hint{display:none!important}

@media(max-width:700px){
  .article30-content figure.infographic-pdf-figure{
    width:calc(100vw - 24px)!important;
    max-width:none!important;
    margin:30px 50%!important;
  }
  .infographic-pdf-actions{font-size:10px;gap:10px}
}
@media print{
  .infographic-pdf-actions{display:none!important}
  .article30-content figure.infographic-pdf-figure{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
  }
  .article30-content .infographic-pdf-image{box-shadow:none!important}
}


/* =========================================================
   V2.3.5 — HERO: ENCUADRE CENTRADO EN LOS OJOS
   Único cambio respecto a V2.3.4.
   ========================================================= */

/* Reencuadre de la imagen del hero sin alterar su altura ni el resto del layout. */
.home-hero,
.hero,
.hero30,
.hero-home{
  background-position: center 38% !important;
}

/* Si el hero usa una imagen <img> en lugar de background-image. */
.home-hero img,
.hero img,
.hero30 img,
.hero-home img{
  object-position: center 38% !important;
}


/* =========================================================
   V2.3.6 — SOBRE EL SITIO
   ========================================================= */
.about-site-page{background:var(--page-cream);padding-bottom:70px}
.about-site-shell{width:min(calc(100% - 40px),1040px)}
.about-site-hero{padding:48px 0 34px;background:linear-gradient(105deg,#fffaf3 0%,#fffaf3 54%,#eef1e8 100%)}
.about-site-hero>.about-site-shell{display:grid;grid-template-columns:1.15fr .85fr;gap:46px;align-items:center}
.about-site-hero h1{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:54px;font-weight:400;line-height:1;margin:12px 0 8px;color:var(--ink)}
.about-site-subtitle{font-size:22px;font-weight:700;color:var(--forest);margin:0 0 24px}
.about-site-lead{font-size:19px;line-height:1.65;max-width:590px;margin:0}
.about-site-hero blockquote{display:inline-block;margin:28px 0 0;padding:17px 22px;border:0;border-radius:18px;background:rgba(237,241,230,.85);font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:24px;line-height:1.25;color:var(--forest)}
.about-site-hero blockquote strong{color:var(--terracotta);font-weight:400}
.about-site-hero__visual{min-height:280px;display:flex;align-items:flex-end;justify-content:center;border-radius:22px;background:radial-gradient(circle at 50% 30%,#fff7e9 0%,#e8e6d7 58%,#d8dfce 100%);overflow:hidden;position:relative}
.about-site-hero__visual:before{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(10deg,#c9c8a7,#e5d8b8);clip-path:polygon(0 60%,18% 48%,38% 57%,58% 33%,76% 47%,100% 25%,100% 100%,0 100%)}
.about-site-path{position:relative;z-index:1;color:var(--forest);font-family:var(--gh-font-heading, "Patrick Hand"),cursive;display:flex;align-items:flex-end;gap:4px;padding-bottom:34px}
.about-site-adult{font-size:112px}.about-site-child{font-size:72px}.about-site-hand{font-size:48px;color:var(--terracotta);transform:rotate(-18deg);margin-bottom:32px}
.about-site-paper{margin-top:30px;background:#fff;border:1px solid var(--paper-border);border-radius:16px;padding:8px 52px 50px;box-shadow:0 5px 20px rgba(35,43,37,.035)}
.about-site-intro,.about-site-section{padding:40px 0;border-bottom:1px solid #ece8df}
.about-site-paper h2{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:38px;font-weight:400;color:var(--forest);margin:0 0 18px}
.about-site-paper p{font-size:17.5px;line-height:1.72;margin:0 0 15px}
.about-site-areas{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:26px 0}
.about-site-areas a{color:var(--ink);text-decoration:none;text-align:center;padding:20px 12px;border:1px solid var(--paper-border);border-radius:14px;background:var(--page-cream)}
.about-site-areas a:nth-child(even){background:#fff4ec}
.about-site-areas a>span{display:block;font-size:30px;color:var(--forest);margin-bottom:8px}
.about-site-areas strong{display:block;color:var(--forest);font-size:13px;text-transform:uppercase;margin-bottom:7px}
.about-site-areas small{display:block;font-size:12px;line-height:1.5}
.about-site-guides{text-align:center;font-size:15px!important}.about-site-guides a{color:var(--terracotta);font-weight:700}
.about-site-yesno{display:grid;grid-template-columns:1fr 1fr;gap:36px;background:var(--section-sage);margin:28px -28px 0;padding:34px 28px!important;border:0!important;border-radius:14px}
.about-site-yesno>div+div{border-left:1px solid #d8ddd2;padding-left:36px}
.about-site-yesno h3{margin:0 0 16px;color:var(--forest);font-size:17px;text-transform:uppercase}.about-site-yesno>div+div h3{color:var(--terracotta)}
.about-site-yesno ul{margin:0;padding-left:20px}.about-site-yesno li{margin:0 0 12px;line-height:1.55;font-size:14px}
.about-site-values{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:25px}
.about-site-values div{text-align:center;padding:17px 10px;border-right:1px solid #ece8df}.about-site-values div:last-child{border-right:0}
.about-site-values strong{display:block;color:var(--forest);text-transform:uppercase;font-size:12px;margin-bottom:8px}
.about-site-values span{font-size:12px;line-height:1.5}
.about-site-closing{margin:34px 0 0;padding:28px 30px;border-radius:16px;background:linear-gradient(90deg,#fff2e8,#fffaf5);text-align:center}
.about-site-closing p{font-size:16px;margin-bottom:12px}.about-site-closing>strong{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:27px;color:var(--terracotta);font-weight:400}
.about-site-page .newsletter-card{margin-top:34px}

@media(max-width:767px){
 .about-site-shell{width:calc(100% - 24px)}
 .about-site-hero{padding:32px 0 24px}.about-site-hero>.about-site-shell{grid-template-columns:1fr;gap:24px}
 .about-site-hero h1{font-size:42px}.about-site-subtitle{font-size:19px}.about-site-lead{font-size:17px}
 .about-site-hero__visual{min-height:210px}.about-site-adult{font-size:86px}.about-site-child{font-size:58px}
 .about-site-paper{padding:4px 22px 34px}.about-site-intro,.about-site-section{padding:32px 0}
 .about-site-paper h2{font-size:33px}.about-site-paper p{font-size:16.5px}
 .about-site-areas{grid-template-columns:1fr 1fr}.about-site-areas a:last-child{grid-column:1/-1}
 .about-site-yesno{grid-template-columns:1fr;margin:20px -10px 0;padding:26px 18px!important;gap:24px}
 .about-site-yesno>div+div{border-left:0;border-top:1px solid #d8ddd2;padding:24px 0 0}
 .about-site-values{grid-template-columns:1fr 1fr}.about-site-values div{border-right:0;border-bottom:1px solid #ece8df}.about-site-values div:last-child{grid-column:1/-1}
}


/* =========================================================
   V2.3.7 — CORRECCIÓN DROPDOWN "ÁREAS" EN HOME
   ========================================================= */
.home22-header{
  position:relative;
  z-index:5000;
}
.home22-nav{
  position:relative;
  z-index:5001;
  overflow:visible!important;
}
.home22-nav__inner{
  overflow:visible!important;
}
.home22-nav .nav-dropdown{
  position:relative;
  z-index:5002;
}
.home22-nav .nav-dropdown__menu{
  z-index:5003;
  top:calc(100% + 1px);
  left:-14px;
  min-width:220px;
  padding:10px;
  background:#fffdf9;
  border:1px solid rgba(31,79,58,.14);
  border-radius:10px;
  box-shadow:0 14px 30px rgba(25,45,35,.16);
}
.home22-nav .nav-dropdown__menu a{
  color:var(--ink)!important;
  background:transparent;
}
.home22-nav .nav-dropdown__menu a:hover{
  background:var(--cream);
  color:var(--forest)!important;
}

/* El hero queda explícitamente por debajo del menú desplegable */
.hero223,
.hero223__inner,
.hero22,
.hero22__inner{
  position:relative;
  z-index:1;
}


/* =========================================================
   V2.4.0 — PÁGINAS DE ÁREAS
   ========================================================= */
.area-page{--area:#356b48;--area-soft:#edf2e8;--area-pale:#f7f5ee;background:#fbfaf6;padding-bottom:70px}
.area-page--terra{--area:#d65a2c;--area-soft:#fff0e7}
.area-page--deep{--area:#214f3c;--area-soft:#e7efea}
.area-shell{width:min(calc(100% - 40px),1120px)}
.area-hero{background:linear-gradient(100deg,#f8f5eb 0%,var(--area-soft) 100%);padding:38px 0}
.area-hero__inner{display:flex;align-items:center;gap:30px}
.area-hero__icon{width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.5);display:grid;place-items:center;font-size:55px;color:var(--area)}
.area-hero h1{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:54px;line-height:1;margin:4px 0 5px;color:var(--area);font-weight:400}
.area-hero__subtitle{font-size:20px;margin:0 0 7px}.area-hero__desc{font-size:14px;line-height:1.55;max-width:700px;margin:0;color:#59615b}
.area-search{text-align:center;padding:32px 0 38px}.area-search h2{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:28px;font-weight:400;margin:0 0 15px}
.area-search__form{width:min(650px,100%);margin:auto;border:1px solid #ddd8cc;border-radius:30px;background:white;height:44px;display:flex;align-items:center;padding:0 17px;gap:9px}
.area-search__form input{border:0;outline:0;width:100%;background:transparent;font:inherit}
.area-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:18px}.area-chips a{text-decoration:none;color:#4c544e;background:#eeece3;border-radius:22px;padding:8px 15px;font-size:12px}
.section-kicker{font-size:12px;font-weight:800;letter-spacing:.02em;color:#35463b;margin-bottom:18px}.section-kicker:after{content:"";display:block;width:34px;height:2px;background:var(--area);margin-top:7px}
.area-featured{padding:8px 0 38px}.area-featured__grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:14px}
.area-featured a{text-decoration:none;color:inherit;background:#fff;border:1px solid #e4dfd4;border-radius:12px;overflow:hidden}
.area-featured__main{grid-row:1/3;display:grid;grid-template-columns:46% 54%}.area-featured__image img{width:100%;height:100%;object-fit:cover;display:block}.area-featured__copy{padding:30px;display:flex;flex-direction:column;justify-content:center}
.area-label{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--area);letter-spacing:.03em}.area-featured h2{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:32px;line-height:1.08;font-weight:400;margin:11px 0}.area-featured__copy p{font-size:14px;line-height:1.55;color:#58605a}
.area-meta{display:flex;justify-content:space-between;margin-top:auto;padding-top:20px;font-size:11px}.area-meta strong{color:var(--area)}
.area-featured__side{display:grid;grid-template-columns:115px 1fr;align-items:stretch}.area-featured__side img{width:115px;height:100%;object-fit:cover}.area-featured__side div{padding:18px}.area-featured__side h3{font-size:17px;line-height:1.25;margin:7px 0 12px}
.area-all{padding:10px 0 35px}.area-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.area-card{background:#fff;border:1px solid #e4dfd4;border-radius:11px;overflow:hidden}.area-card>a{text-decoration:none;color:inherit}.area-card__image{aspect-ratio:16/10;background:#eee}.area-card__image img{width:100%;height:100%;object-fit:cover}.area-card__body{padding:17px}.area-card h3{font-size:18px;line-height:1.25;margin:8px 0}.area-card p{font-size:13px;line-height:1.5;color:#60655f;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.area-card small{font-size:10px;color:#777}
.area-guides{padding:24px 0 38px}.area-guides__head{display:flex;justify-content:space-between;align-items:start}.area-guides__head a{font-size:11px;color:var(--area);text-decoration:none}.area-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.area-guide-grid a{text-decoration:none;color:inherit;background:#f0eee5;border-radius:11px;padding:20px}.area-guide-grid span{font-size:28px;color:var(--area);display:block;margin-bottom:10px}.area-guide-grid strong{display:block;font-size:14px;margin-bottom:7px}.area-guide-grid small{font-size:12px;line-height:1.45}
.area-proposal{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;background:#fff5ed;border-radius:14px;padding:24px 30px}.area-proposal__icon{font-size:45px;color:#df6936}.area-proposal h2{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:28px;font-weight:400;margin:0}.area-proposal p{margin:3px 0 0;font-size:13px}.area-proposal>a{color:#d65a2c;text-decoration:none;font-weight:700;font-size:13px}
@media(max-width:800px){.area-featured__grid{grid-template-columns:1fr;grid-template-rows:auto}.area-featured__main{grid-row:auto;grid-template-columns:1fr}.area-featured__image{height:240px}.area-featured__side{grid-template-columns:100px 1fr}.area-cards{grid-template-columns:1fr 1fr}.area-guide-grid{grid-template-columns:1fr}.area-proposal{grid-template-columns:50px 1fr}.area-proposal>a{grid-column:2}}
@media(max-width:520px){.area-shell{width:calc(100% - 24px)}.area-hero__icon{width:78px;height:78px;font-size:38px}.area-hero__inner{gap:17px}.area-hero h1{font-size:40px}.area-hero__subtitle{font-size:16px}.area-hero__desc{display:none}.area-cards{grid-template-columns:1fr}.area-chips{justify-content:flex-start}.area-search{text-align:left}.area-search h2{text-align:center}}


/* =========================================================
   V2.4.2 — TARJETAS COMPACTAS EN "TODOS LOS ARTÍCULOS"
   Aplicado a las cinco páginas de Áreas.
   ========================================================= */

/* Tarjetas más compactas y editoriales */
.area-cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
.area-card{
  background:#fff;
  border:1px solid #e4dfd4;
  border-radius:11px;
  overflow:hidden;
  min-height:0!important;
}
.area-card>a{
  display:flex!important;
  flex-direction:column;
  height:100%;
}

/* La portada 4:5 se muestra COMPLETA: nunca cover */
.area-card__image{
  aspect-ratio:4/5!important;
  height:auto!important;
  max-height:280px;
  background:#fbf7ef!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  padding:10px;
}
.area-card__image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fbf7ef;
}

/* Menos texto: área + título + metadatos */
.area-card__body{
  padding:14px 16px 15px!important;
}
.area-card__body .area-label{
  display:block;
  margin-bottom:6px;
}
.area-card h3{
  font-size:17px!important;
  line-height:1.25!important;
  margin:0 0 12px!important;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.area-card__body p{
  display:none!important;
}
.area-card small{
  display:block;
  margin-top:auto;
  font-size:10px!important;
  color:#777;
}

/* Tablet */
@media(max-width:800px){
  .area-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .area-card__image{
    max-height:260px;
  }
}

/* Móvil */
@media(max-width:520px){
  .area-cards{
    grid-template-columns:1fr!important;
  }
  .area-card{
    max-width:420px;
    margin-inline:auto;
  }
  .area-card__image{
    max-height:320px;
  }
}


/* =========================================================
   V2.4.3 — AJUSTE FINAL TARJETAS ÁREAS + REFLEXIONES
   ========================================================= */

/* Ajuste pendiente V2.4.2: menos margen blanco en archivo de áreas */
.area-card__image{
  padding:6px!important;
}
.area-card__body{
  padding:12px 14px 18px!important;
}
.area-card h3{
  margin-bottom:9px!important;
}
.area-card small{
  margin-top:0!important;
}
.area-card{
  align-self:start;
}

/* REFLEXIONES — lenguaje editorial propio */
.reflections-page{
  --reflection-green:#214f3c;
  --reflection-terra:#d76532;
  background:#fbfaf6;
  padding-bottom:70px;
}
.reflections-shell{
  width:min(calc(100% - 40px),1120px);
}
.reflections-hero{
  min-height:355px;
  background:
    linear-gradient(90deg,rgba(252,248,239,.98) 0%,rgba(252,248,239,.88) 36%,rgba(252,248,239,.18) 62%,rgba(252,248,239,.04) 100%),
    linear-gradient(120deg,#f2e4cb,#d8c4a4 58%,#b8c1b2);
  position:relative;
  overflow:hidden;
}
.reflections-hero:after{
  content:"";
  position:absolute;
  right:8%;
  bottom:0;
  width:42%;
  height:78%;
  opacity:.58;
  background:
    radial-gradient(ellipse at 56% 78%,#5e4938 0 11%,transparent 12%),
    linear-gradient(170deg,transparent 0 57%,rgba(92,68,47,.35) 58% 63%,transparent 64%);
}
.reflections-hero__inner{
  min-height:355px;
  display:flex;
  align-items:center;
  position:relative;
  z-index:1;
}
.reflections-hero__copy{
  max-width:520px;
}
.reflections-hero h1{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:64px;
  line-height:1;
  color:var(--reflection-green);
  margin:0 0 14px;
}
.reflections-hero h1:after{
  content:"";
  display:block;
  width:58px;
  height:4px;
  border-radius:4px;
  background:var(--reflection-terra);
  margin-top:18px;
}
.reflections-hero p{
  max-width:500px;
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:23px;
  line-height:1.5;
  color:#303934;
}
.reflections-hero__heart{
  display:block;
  margin-top:22px;
  color:var(--reflection-terra);
  font-size:32px;
}

.reflections-featured{
  padding:34px 0 28px;
}
.reflections-kicker{
  color:var(--reflection-green);
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
  margin-bottom:17px;
}
.reflections-kicker:after{
  content:"";
  display:block;
  width:32px;
  height:2px;
  margin-top:7px;
  background:var(--reflection-green);
}
.reflections-featured__card{
  display:grid;
  grid-template-columns:42% 58%;
  background:#fffaf4;
  border:1px solid #e9e0d4;
  border-radius:14px;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
}
.reflections-featured__copy{
  padding:38px 38px 32px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.reflections-label{
  color:var(--reflection-terra);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.reflections-featured h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:38px;
  line-height:1.13;
  font-weight:400;
  margin:12px 0 16px;
  color:#25332b;
}
.reflections-featured p{
  font-size:14px;
  line-height:1.65;
  color:#59605b;
  margin:0 0 22px;
}
.reflections-featured__meta{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:auto;
  font-size:11px;
  color:#777;
}
.reflections-featured__meta strong{
  color:var(--reflection-terra);
  font-weight:600;
}
.reflections-featured__image{
  min-height:335px;
  background:#eee7dc;
}
.reflections-featured__image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.reflections-latest{
  padding:12px 0 38px;
}
.reflections-latest__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}
.reflections-latest__head a{
  color:var(--reflection-terra);
  font-size:11px;
  text-decoration:none;
}
.reflections-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.reflection-card{
  background:#fffaf4;
  border:1px solid #e9e0d4;
  border-radius:12px;
  overflow:hidden;
  align-self:start;
}
.reflection-card>a{
  display:flex;
  flex-direction:column;
  text-decoration:none;
  color:inherit;
}
.reflection-card__image{
  aspect-ratio:16/10;
  background:#eee7dc;
  overflow:hidden;
}
.reflection-card__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.reflection-card__body{
  padding:17px 17px 18px;
}
.reflection-card h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  line-height:1.28;
  font-weight:400;
  color:#26352d;
  margin:8px 0 10px;
}
.reflection-card p{
  font-size:12.5px;
  line-height:1.55;
  color:#626762;
  margin:0 0 16px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.reflection-card small{
  font-size:10px;
  color:#777;
}
.reflections-newsletter{
  margin-top:6px;
  padding:26px 30px;
  border-radius:14px;
  background:linear-gradient(100deg,#f3eee3,#e9eee5);
  display:grid;
  grid-template-columns:1fr 1.2fr;
  align-items:center;
  gap:35px;
}
.reflections-newsletter h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  font-weight:400;
  color:var(--reflection-green);
  margin:0 0 7px;
}
.reflections-newsletter p{
  font-size:13px;
  margin:0;
  line-height:1.55;
}
.reflections-newsletter__form{
  display:flex;
  gap:8px;
}
.reflections-newsletter__form input{
  min-width:0;
  flex:1;
  border:1px solid #ded9cf;
  border-radius:9px;
  padding:12px 14px;
  font:inherit;
  background:#fff;
}
.reflections-newsletter__form button{
  border:0;
  border-radius:9px;
  background:var(--reflection-green);
  color:#fff;
  padding:0 20px;
  font-weight:700;
}

@media(max-width:800px){
  .reflections-featured__card{grid-template-columns:1fr}
  .reflections-featured__image{min-height:280px;order:-1}
  .reflections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reflections-newsletter{grid-template-columns:1fr}
}
@media(max-width:520px){
  .reflections-shell{width:calc(100% - 24px)}
  .reflections-hero,.reflections-hero__inner{min-height:300px}
  .reflections-hero h1{font-size:48px}
  .reflections-hero p{font-size:19px}
  .reflections-featured__copy{padding:25px 22px}
  .reflections-featured h2{font-size:31px}
  .reflections-grid{grid-template-columns:1fr}
  .reflections-newsletter{padding:22px}
  .reflections-newsletter__form{flex-direction:column}
  .reflections-newsletter__form button{padding:12px 18px}
}


/* =========================================================
   V2.4.4 — REFLEXIONES: HERO EDITORIAL + ARCHIVO COMPACTO
   ========================================================= */
.reflections-hero{
  background-image:
    linear-gradient(90deg,rgba(252,248,239,.98) 0%,rgba(252,248,239,.90) 31%,rgba(252,248,239,.50) 50%,rgba(252,248,239,.08) 72%),
    url("../images/reflexiones-hero.svg")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.reflections-hero:after{display:none!important}

/* Últimas reflexiones: más compactas y sin grandes huecos */
.reflection-card__image{
  aspect-ratio:4/3!important;
  height:auto!important;
  padding:6px;
  background:#fbf6ed!important;
  display:flex;
  align-items:center;
  justify-content:center;
}
.reflection-card__image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.reflection-card__body{
  padding:14px 16px 17px!important;
}
.reflection-card h3{
  margin:7px 0 8px!important;
  font-size:19px!important;
}
.reflection-card p{
  -webkit-line-clamp:2!important;
  margin-bottom:11px!important;
}
.reflection-card small{
  display:block;
  margin-top:0!important;
}
.reflection-card{
  align-self:start!important;
}


/* =========================================================
   V2.4.5 — GUÍAS Y DOCUMENTOS DESCARGABLES
   ========================================================= */
.guides-page{
  --g-green:#20543f;
  --g-terra:#e46c32;
  --g-cream:#fbf7ef;
  --g-soft:#eef2ea;
  background:#fbfaf6;
  padding-bottom:70px;
}
.guides-shell{width:min(calc(100% - 40px),1120px)}
.guides-hero{
  background:linear-gradient(100deg,#fbf5e9 0%,#f2e5d2 58%,#dce5dc 100%);
  min-height:330px;
  overflow:hidden;
}
.guides-hero__inner{
  min-height:330px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  align-items:center;
  gap:45px;
}
.guides-eyebrow,.guide-badge,.download-type{
  color:var(--g-terra);
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
}
.guides-hero h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:52px;
  line-height:1.04;
  font-weight:400;
  color:#26352e;
  margin:9px 0 15px;
}
.guides-hero h1:after{
  content:"";display:block;width:55px;height:4px;border-radius:3px;
  background:var(--g-terra);margin-top:17px;
}
.guides-hero p{
  max-width:610px;font-size:16px;line-height:1.6;color:#505952;margin:0;
}
.guides-hero__visual{position:relative;height:250px}
.guide-sheet{
  position:absolute;width:185px;height:225px;border-radius:10px;
  background:#fff;border:1px solid #ded8cc;box-shadow:0 12px 35px rgba(45,55,48,.08);
}
.guide-sheet--back{right:65px;top:10px;transform:rotate(8deg);background:#f7eadb}
.guide-sheet--front{right:100px;top:22px;transform:rotate(-5deg);padding:35px 28px}
.guide-sheet--front:before{
  content:"GUÍA";display:block;font-weight:800;color:var(--g-green);font-size:23px;margin-bottom:24px
}
.guide-sheet__line{display:block;height:5px;background:#d9ded8;border-radius:4px;margin:11px 0}
.guide-sheet__line--short{width:65%}
.guide-sheet__heart{position:absolute;right:24px;bottom:20px;color:var(--g-terra);font-size:35px}

.guides-find{
  margin:28px 0 14px;padding:20px 22px;border-radius:12px;
  background:#fff;border:1px solid #e8e2d8;
  display:grid;grid-template-columns:.7fr 1.3fr;gap:28px;align-items:center;
}
.guides-find h2{font-family:Georgia,serif;font-size:22px;font-weight:400;margin:0 0 4px;color:#26352e}
.guides-find p{font-size:12px;color:#6c716d;margin:0}
.guides-search{display:flex;gap:8px}
.guides-search input{flex:1;min-width:0;border:1px solid #ddd7cc;border-radius:8px;padding:12px 14px;background:#fff;font:inherit}
.guides-search button{border:0;border-radius:8px;padding:0 20px;background:var(--g-green);color:#fff;font-weight:700}
.guides-topics{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 34px}
.guides-topics a{padding:8px 13px;border:1px solid #d9ded7;border-radius:20px;text-decoration:none;color:var(--g-green);font-size:11px;background:#f8faf7}

.guides-section-head{margin-bottom:14px;color:var(--g-green);font-size:12px;font-weight:800}
.guides-section-head>span:after{content:"";display:block;width:34px;height:2px;background:var(--g-green);margin-top:7px}
.guides-section-head--row{display:flex;justify-content:space-between;align-items:flex-start}
.guides-section-head--row small{font-size:10px;font-weight:400;color:#777}

.guide-featured{margin-bottom:38px}
.guide-featured__card{
  display:grid;grid-template-columns:46% 54%;min-height:310px;
  background:#fff;border:1px solid #e5dfd5;border-radius:13px;overflow:hidden;
  color:inherit;text-decoration:none;
}
.guide-featured__image{background:var(--g-cream);padding:12px;display:flex;align-items:center;justify-content:center}
.guide-featured__image img{width:100%;height:100%;object-fit:contain;max-height:350px}
.guide-featured__body{padding:35px 38px;display:flex;flex-direction:column;justify-content:center}
.guide-featured h2{font-family:Georgia,serif;font-size:32px;line-height:1.15;font-weight:400;color:#26352e;margin:10px 0 13px}
.guide-featured p{font-size:14px;line-height:1.6;color:#5d635f;margin:0 0 20px}
.guide-featured__meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#777;margin-top:auto}
.guide-featured__meta strong{color:var(--g-terra)}

.guides-library{margin-bottom:42px}
.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.guide-card{background:#fff;border:1px solid #e6e0d6;border-radius:11px;overflow:hidden;align-self:start}
.guide-card>a{text-decoration:none;color:inherit}
.guide-card__image{aspect-ratio:4/3;padding:6px;background:var(--g-cream);display:flex;align-items:center;justify-content:center}
.guide-card__image img{width:100%;height:100%;object-fit:contain}
.guide-card__body{padding:13px 15px 16px}
.guide-card h3{font-family:Georgia,serif;font-size:19px;line-height:1.25;font-weight:400;color:#26352e;margin:7px 0 11px}
.guide-card small{font-size:10px;color:#777}

.downloads-section{padding:30px 0 36px;border-top:1px solid #e3ded5}
.downloads-intro{
  background:var(--g-soft);border-radius:13px;padding:24px 27px;margin-bottom:18px;
  display:flex;align-items:center;justify-content:space-between;gap:30px;
}
.downloads-intro h2{font-family:Georgia,serif;font-size:25px;font-weight:400;color:var(--g-green);margin:0 0 6px}
.downloads-intro p{font-size:13px;line-height:1.55;max-width:700px;margin:0;color:#58615b}
.downloads-intro__icon{font-size:42px;color:var(--g-terra)}
.downloads-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.download-card{background:#fff;border:1px solid #e6e0d6;border-radius:11px;overflow:hidden;align-self:start}
.download-card>a{display:grid;grid-template-columns:105px 1fr;text-decoration:none;color:inherit;min-height:155px}
.download-card__thumb{background:var(--g-cream);padding:7px;display:flex;align-items:center;justify-content:center}
.download-card__thumb img{width:100%;height:100%;object-fit:contain}
.download-card__thumb span{font-weight:800;color:var(--g-terra);font-size:20px}
.download-card__body{padding:15px 14px}
.download-card h3{font-family:Georgia,serif;font-size:17px;line-height:1.25;font-weight:400;margin:5px 0 7px;color:#26352e}
.download-card p{font-size:11px;line-height:1.45;color:#666;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.download-card strong{font-size:10px;color:var(--g-terra)}
.downloads-note{font-size:10px;line-height:1.5;color:#6b6f6c;margin:18px 0 0}

.guides-closing{
  margin-top:10px;padding:25px 28px;border-radius:13px;
  background:linear-gradient(100deg,#f8eee1,#edf1e8);
  display:flex;align-items:center;justify-content:space-between;gap:35px;
}
.guides-closing h2{font-family:Georgia,serif;font-size:24px;font-weight:400;color:var(--g-green);margin:2px 0 5px}
.guides-closing p{font-size:12.5px;line-height:1.5;margin:0;max-width:680px}
.guides-closing__heart{color:var(--g-terra);font-size:24px}
.guides-closing>a{white-space:nowrap;color:var(--g-terra);font-size:11px;font-weight:700;text-decoration:none}

@media(max-width:800px){
  .guides-hero__inner{grid-template-columns:1fr .55fr}
  .guides-find{grid-template-columns:1fr}
  .guide-featured__card{grid-template-columns:1fr}
  .guide-featured__image{min-height:260px}
  .guides-grid,.downloads-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .guides-shell{width:calc(100% - 24px)}
  .guides-hero__inner{grid-template-columns:1fr;min-height:300px}
  .guides-hero__visual{display:none}
  .guides-hero h1{font-size:41px}
  .guides-search{flex-direction:column}
  .guides-search button{padding:12px}
  .guides-grid,.downloads-grid{grid-template-columns:1fr}
  .guide-featured__body{padding:24px 22px}
  .guide-featured h2{font-size:28px}
  .guides-closing{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   V2.5.0 — ENTRE BERRINCHES / NEWSLETTER
   ========================================================= */
.between-page{--bt-green:#174f3a;--bt-terra:#dc6730;--bt-cream:#fbf7ef;--bt-soft:#eef1e8;background:#fbfaf6;padding-bottom:72px}
.between-shell{width:min(calc(100% - 40px),1120px)}
.between-hero{background:linear-gradient(105deg,#fffaf2,#f5ead9 58%,#e5ece3);padding:46px 0 40px}
.between-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.between-kicker{font-size:11px;letter-spacing:.09em;font-weight:800;color:#34473d}
.between-hero h1{font-family:Caveat,cursive;font-size:70px;line-height:.95;font-weight:500;color:var(--bt-green);margin:7px 0 4px}
.between-hero h1 span{color:var(--bt-terra)}
.between-subtitle{font-family:Caveat,cursive;font-size:27px;color:var(--bt-terra);margin:0 0 17px}
.between-lead{font-size:16px;line-height:1.65;max-width:600px;margin:0;color:#3f4742}
.between-signature,.between-hand{font-family:Caveat,cursive;font-size:33px;color:var(--bt-green);margin:20px 0 0}
.between-subscribe{position:relative;padding:28px 30px;background:rgba(255,255,255,.6);border:1px solid #bdcbbd;border-radius:15px}
.between-feather{font-family:Georgia,serif;font-size:65px;line-height:1;color:var(--bt-green);position:absolute;right:24px;top:-40px;transform:rotate(-12deg)}
.between-feather--small{position:static;display:block;font-size:38px;transform:none;margin-bottom:4px}
.between-subscribe h2{font-family:Georgia,serif;font-size:24px;line-height:1.3;font-weight:400;color:#263a30;margin:0 70px 19px 0}.between-subscribe h2 em{font-family:Caveat,cursive;color:var(--bt-terra);font-size:30px;font-weight:500}
.between-form{display:grid;grid-template-columns:1fr auto;gap:8px}.between-form input{min-width:0;padding:12px 14px;border:1px solid #d8d4cb;border-radius:8px;font:inherit;background:#fff}.between-form button{border:0;border-radius:8px;background:var(--bt-green);color:#fff;padding:0 18px;font-weight:700;cursor:pointer}
.between-note{grid-column:1/-1;font-size:10px;line-height:1.5;color:#6b706c;margin:7px 0 0}.between-form .form-success,.between-form .form-error{grid-column:1/-1}
.between-example{padding:36px 0}.between-example__head{text-align:center;margin-bottom:23px}.between-example__head>span{font-size:14px;letter-spacing:.15em;font-weight:800;color:#294a3a}.between-example__head p{font-size:13px;margin:5px 0 0;color:#616862}.between-example__head em{font-family:Caveat,cursive;color:var(--bt-terra);font-size:18px}
.between-modules{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.between-module{grid-column:span 2;background:#fffaf3;border:1px solid #e9d8c7;border-radius:13px;padding:21px;position:relative;align-self:start}.between-module--letter,.between-module--read{grid-column:span 3}.between-module--seen{grid-column:span 4}.between-module--reflection{grid-column:span 2}.between-module--participate,.between-module--thanks{grid-column:span 3}
.between-module__num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#728c6c;color:#fff;font-weight:800;margin-right:7px}.between-module__num--terra{background:var(--bt-terra)}.between-module__label{font-size:10px;font-weight:800;letter-spacing:.04em;color:#31483a}
.between-module h3{font-family:Georgia,serif;font-size:20px;line-height:1.3;font-weight:400;color:#294036;margin:14px 0 10px}.between-module p{font-size:12.5px;line-height:1.6;color:#565d58}.between-module a{color:var(--bt-terra);font-size:11px;font-weight:700;text-decoration:none}
.between-readcard{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center;margin-top:17px}.between-readcard__cover{aspect-ratio:4/5;border-radius:7px;background:linear-gradient(#f4e6d2,#fff8ee);border:1px solid #ddc9b4;padding:18px;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;color:#783c29}.between-readcard__cover strong{font-family:Georgia,serif;font-size:19px}.between-readcard__cover>span{font-family:Caveat,cursive;font-size:20px}.between-readcard__bottle{font-size:50px;margin-top:auto;color:#3d5b4b}
.between-save{display:flex;gap:15px;align-items:flex-start;margin-top:17px}.between-save__icon{font-size:35px;color:var(--bt-green)}.between-book{display:grid;grid-template-columns:135px 1fr;gap:17px;margin-top:17px}.between-book__cover{aspect-ratio:2/3;background:#fff;border:1px solid #ded7ca;padding:12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.between-book__cover small{font-size:7px}.between-book__cover strong{font-size:16px;line-height:1}.between-book__cover span{font-size:11px}.between-book__cover div{font-size:42px;color:var(--bt-green);margin-top:10px}.between-book>div+div>strong{color:var(--bt-terra);font-size:12px}.between-reader-call{border-top:1px solid #e6ded2;margin-top:15px;padding-top:11px}.between-reader-call strong{display:block;font-family:Caveat,cursive;font-size:20px}.between-reader-call span{font-size:10px}
.between-video{display:grid;grid-template-columns:190px 1fr;gap:20px;margin-top:17px}.between-video__thumb{height:120px;border-radius:8px;background:linear-gradient(135deg,#c4d0c5,#566f61);display:grid;place-items:center}.between-video__thumb span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.85);color:var(--bt-green);font-size:20px}.between-video small{font-size:10px;color:#777}.between-module blockquote{font-family:Georgia,serif;font-size:18px;line-height:1.55;border:0;margin:18px 0 0;padding:0;color:#35463d}
.between-module--participate{background:#f1f3e9}.between-module--participate a{display:inline-block;margin-top:8px;background:var(--bt-green);color:#fff;padding:9px 13px;border-radius:7px}.between-module--thanks{background:#fff6ec}.between-module--thanks small{font-size:10px}
.between-what{margin:10px 0 30px;padding:27px 30px;border-radius:14px;background:#eef2e9}.between-what h2{font-family:Georgia,serif;font-weight:400;color:var(--bt-green);font-size:25px;margin:0 0 8px}.between-what p{font-size:13px;line-height:1.6;margin:0}.between-pillrow{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.between-pillrow span{font-size:10px;padding:6px 10px;border-radius:20px;background:#fff;border:1px solid #d9e0d7}
.between-bottom{padding:26px 30px;border-radius:14px;background:linear-gradient(100deg,#f4eadb,#edf1e9);display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center}.between-bottom h2{font-family:Georgia,serif;font-size:25px;font-weight:400;color:var(--bt-green);margin:0 0 5px}.between-bottom p{font-size:12px;margin:0}.between-form--inline{align-self:center}

@media(max-width:850px){.between-hero__grid{grid-template-columns:1fr}.between-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.between-module,.between-module--letter,.between-module--read,.between-module--seen,.between-module--reflection,.between-module--participate,.between-module--thanks{grid-column:span 1}.between-readcard{grid-template-columns:145px 1fr}.between-bottom{grid-template-columns:1fr}}
@media(max-width:560px){.between-shell{width:calc(100% - 24px)}.between-hero{padding:34px 0}.between-hero h1{font-size:54px}.between-subtitle{font-size:23px}.between-subscribe{padding:25px 20px}.between-feather{display:none}.between-subscribe h2{margin-right:0}.between-form{grid-template-columns:1fr}.between-form button{padding:12px}.between-modules{grid-template-columns:1fr}.between-readcard,.between-book,.between-video{grid-template-columns:1fr}.between-readcard__cover{width:170px;margin:auto}.between-book__cover{width:145px}.between-module{padding:18px}.between-bottom{padding:22px}}


/* =========================================================
   V2.6.0 — ARQUITECTURA 5.0: ICONOS + RECURSOS + REFLEXIONES
   ========================================================= */

/* Iconografía estructural */
.area-icon-img{
  width:58px!important;height:58px!important;object-fit:cover!important;border-radius:50%;
  margin:0 0 10px;border:1px solid rgba(255,255,255,.25);
}
.area-hero__icon--image{overflow:hidden;padding:0!important;background:transparent!important}
.area-hero__icon--image img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}

/* Recursos */
.resources-hero__icon{display:flex;justify-content:center;align-items:center}
.resources-hero__icon img{width:min(270px,85%);aspect-ratio:1;border-radius:50%;box-shadow:0 12px 35px rgba(44,64,52,.08)}
.resources-search-button{
  width:100%;border:1px solid #ddd7cc;background:#fff;border-radius:9px;padding:12px 14px;
  display:flex;justify-content:space-between;align-items:center;color:#777;text-align:left;font:inherit;cursor:pointer
}
.resource-types{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:10px 0 34px}
.resource-types article{border:1px solid #e3ddd3;background:#fff;border-radius:12px;padding:20px}
.resource-types span{font-size:28px;color:#d96a32}.resource-types h2{font-family:Georgia,serif;font-weight:400;font-size:20px;color:#20543f;margin:7px 0}
.resource-types p{font-size:12px;line-height:1.5;margin:0;color:#5e655f}
.resources-rule{border-top:1px solid #e3ded5}
.resources-tag-hero{background:linear-gradient(105deg,#fff8ee,#eef2e9);padding:34px 0}
.resources-tag-hero__inner{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center}
.resources-tag-hero img{width:150px;height:150px;border-radius:50%}
.resources-tag-hero h1{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:48px;font-weight:400;color:#20543f;margin:4px 0}
.resources-tag-hero p{font-size:14px;line-height:1.55;max-width:720px}.resources-tag-hero a{font-size:12px;font-weight:700;color:#d96a32}

/* Reflexiones: pluma + brochazo */
.reflections-hero{
  background:linear-gradient(100deg,#fff9f0 0%,#f1e6d5 54%,#e8eee7 100%)!important;
}
.reflections-hero__inner{
  display:grid!important;grid-template-columns:1fr .95fr;gap:38px;align-items:center!important;
}
.reflections-hero__copy--brush{position:relative;padding:34px 28px 30px 14px}
.reflections-hero__copy--brush:before{
  content:"";position:absolute;left:-26px;right:5%;top:38px;height:95px;z-index:-1;opacity:.5;
  background:#cfd6c3;clip-path:polygon(2% 23%,98% 4%,94% 80%,7% 96%,0 62%);
  transform:rotate(-1.2deg);
}
.reflections-hero__pen{display:flex;align-items:center;justify-content:flex-end}
.reflections-hero__pen img{width:100%;max-width:510px;border-radius:16px;box-shadow:0 12px 35px rgba(45,55,48,.08)}
.reflections-hero h1{position:relative;z-index:1}
.reflections-hero h1:after{position:relative;z-index:1}

/* Tarjetas áreas: ajuste pendiente de aire blanco */
.area-card__image{padding:4px!important}
.area-card__body{padding:11px 13px 15px!important}
.area-card h3{margin-bottom:7px!important}
.area-card small{margin-bottom:0!important}

@media(max-width:800px){
  .resource-types{grid-template-columns:1fr}
  .reflections-hero__inner{grid-template-columns:1fr!important}
  .reflections-hero__pen{justify-content:center}
  .reflections-hero__pen img{max-width:560px}
}
@media(max-width:520px){
  .resources-tag-hero__inner{grid-template-columns:82px 1fr;gap:16px}
  .resources-tag-hero img{width:82px;height:82px}
  .resources-tag-hero h1{font-size:39px}
  .reflections-hero__copy--brush:before{height:76px;top:31px}
}


/* =========================================================
   V2.6.1 — TARJETAS DE ÁREA + IDENTIDAD VISUAL
   ========================================================= */
.area-grid{
  align-items:stretch!important;
}
.area-grid .area-card{
  min-height:190px!important;
  height:auto!important;
  padding:18px 18px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
}
.area-card__head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:58px!important;
}
.area-card__head .area-icon-img{
  flex:0 0 54px!important;
  width:54px!important;
  height:54px!important;
  margin:0!important;
}
.area-card__head h3{
  margin:0!important;
  padding:0!important;
  line-height:1.08!important;
  font-size:19px!important;
  color:#fff!important;
}
.area-card__stroke{
  display:block!important;
  width:42px!important;
  height:3px!important;
  margin:8px 0 9px 66px!important;
  border-radius:4px!important;
  background:#ef7b4a!important;
  transform:rotate(-1deg);
}
.area-card--terra .area-card__stroke{background:#fff3df!important;opacity:.9}
.area-grid .area-card p{
  margin:0!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1.38!important;
  color:#fff!important;
  max-width:100%!important;
}
.area-grid .area-arrow{
  display:block!important;
  margin-top:auto!important;
  padding-top:12px!important;
  position:static!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
}
.area-grid .area-card:hover{transform:translateY(-2px)}
.area-grid .area-card:focus-visible{outline:3px solid #ef7b4a;outline-offset:3px}

/* Logo principal integrado en cabecera */
.brand--visual{
  display:flex!important;
  align-items:center!important;
  max-width:285px!important;
  padding:2px 0!important;
}
.brand--visual img{
  display:block!important;
  width:auto!important;
  height:58px!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Logo de autor */
.author-brand-strip{
  max-width:980px;
  margin:18px auto -6px;
  padding:0 24px;
  display:flex;
  justify-content:flex-end;
}
.author-brand-strip img{
  width:190px;
  max-width:38vw;
  height:auto;
  display:block;
}

/* Móvil: conserva icono + área en horizontal */
@media(max-width:760px){
  .area-grid .area-card{min-height:170px!important;padding:15px!important}
  .area-card__head{gap:10px!important;min-height:50px!important}
  .area-card__head .area-icon-img{width:48px!important;height:48px!important;flex-basis:48px!important}
  .area-card__head h3{font-size:18px!important}
  .area-card__stroke{margin-left:58px!important;margin-top:6px!important;margin-bottom:8px!important}
  .area-grid .area-card p{font-size:12px!important}
  .brand--visual img{height:48px!important}
}


/* =========================================================
   V2.6.2 — JERARQUÍA DE MARCA
   Principal = sitio / Autor = voz que escribe
   ========================================================= */

/* Logo principal HOME */
.home22-header__brand--logo{
  min-height:94px!important;
  display:flex!important;
  align-items:center!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}
.home-brand-logo{display:inline-flex!important;align-items:center!important}
.home-brand-logo img{
  width:auto!important;
  height:80px!important;
  max-width:390px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Logo principal páginas internas */
.site-header .brand--visual{max-width:260px!important}
.site-header .brand--visual img{height:60px!important;width:auto!important;object-fit:contain!important}

/* Footer: solo marca del sitio */
.footer-brand-logo{padding-top:30px;padding-bottom:15px}
.footer-brand-logo img{width:220px;height:auto;display:block}

/* Firma de autor en artículos */
.author-signature--brand{display:flex;align-items:center}
.author-signature__logo{width:150px!important;height:auto!important;max-height:74px!important;object-fit:contain!important}
.article30-signoff--brand{display:flex!important;justify-content:flex-start!important;align-items:center!important;padding:24px 0!important}
.article30-signoff--brand img{width:210px!important;max-width:70vw;height:auto!important}

/* Sobre mí */
.about-author-logo{width:250px;max-width:80%;height:auto;margin:8px 0 2px;display:block}

/* Reflexiones = voz de autor */
.reflections-author-logo{width:165px;max-width:55%;height:auto;margin-top:22px;display:block}

/* Newsletter: marca principal como procedencia + marca autor como firma */
.between-site-logo{width:220px;max-width:65%;height:auto;display:block;margin:0 0 12px}
.between-author-logo{width:180px;max-width:60%;height:auto;display:block;margin:19px 0 0}
.between-author-logo--small{width:150px;margin-top:12px}

/* Sobre el sitio / Recursos = marca principal */
.about-site-brand-logo{width:270px;max-width:78%;height:auto;display:block;margin:10px 0 14px}
.resources-brand-logo{width:190px;max-width:62%;height:auto;display:block;margin:0 0 12px}

/* Evitar que el logo principal compita con títulos/hero */
.about-site-hero__copy .eyebrow,
.guides-hero__copy .guides-eyebrow{display:block}

/* Responsive */
@media(max-width:760px){
  .home22-header__brand--logo{min-height:76px!important}
  .home-brand-logo img{height:64px!important;max-width:300px!important}
  .site-header .brand--visual img{height:48px!important}
  .author-signature__logo{width:125px!important}
  .article30-signoff--brand img{width:175px!important}
  .between-site-logo{width:185px}
  .reflections-author-logo{width:145px}
}


/* =========================================================
   V2.6.3 — CABECERA CON TÍTULO + FOOTER COMPACTO + BILBI SALVIA
   ========================================================= */

/* HOME: identidad completa, título visible */
.home22-header__brand--identity{
  min-height:104px!important;
  display:flex!important;
  align-items:center!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
}
.home-brand-identity{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  text-decoration:none!important;
  color:inherit!important;
}
.home-brand-identity__mark{
  width:74px!important;
  height:74px!important;
  object-fit:contain!important;
  flex:0 0 74px!important;
}
.home-brand-identity__text{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}
.home-brand-identity__text strong{
  font-family:var(--gh-font-heading, "Patrick Hand"),cursive!important;
  font-size:34px!important;
  font-weight:400!important;
  line-height:1!important;
  color:#27343a!important;
}
.home-brand-identity__text strong em,
.home-brand-identity__text strong b{
  color:#e56d32!important;
  font-style:normal!important;
  font-weight:400!important;
}
.home-brand-identity__text small{
  font-size:14px!important;
  color:#27343a!important;
}
.home-brand-identity__text small span{color:#e56d32!important}

/* Páginas internas: marca visual secundaria + nombre legible */
.site-header .brand--identity{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  text-decoration:none!important;
  max-width:420px!important;
}
.site-header .brand--identity img{
  width:48px!important;
  height:48px!important;
  object-fit:contain!important;
  flex:0 0 48px!important;
}
.site-header .brand--identity span{
  font-family:var(--gh-font-heading, "Patrick Hand"),cursive!important;
  font-size:25px!important;
  line-height:1!important;
  color:#27343a!important;
  white-space:nowrap!important;
}
.site-header .brand--identity em,
.site-header .brand--identity b{
  color:#e56d32!important;
  font-style:normal!important;
  font-weight:400!important;
}

/* Footer: logo principal discreto; no compite con contenido */
.footer-brand-logo--compact{
  padding-top:18px!important;
  padding-bottom:8px!important;
}
.footer-brand-logo--compact img{
  width:128px!important;
  height:auto!important;
  display:block!important;
}
.site-footer img[src*="logo-berrinches-abrazos-5"]{
  max-width:128px!important;
  height:auto!important;
}

/* Autor: usar badge circular salvia como identificador */
.author-signature__logo{
  width:74px!important;
  height:74px!important;
  max-height:none!important;
  object-fit:contain!important;
  border-radius:50%!important;
}
.article30-signoff--brand img{
  width:118px!important;
  height:118px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}
.about-author-logo{
  width:145px!important;
  max-width:145px!important;
  height:auto!important;
  border-radius:50%!important;
}
.reflections-author-logo{
  width:105px!important;
  max-width:105px!important;
  height:auto!important;
  border-radius:50%!important;
}
.between-author-logo{
  width:110px!important;
  max-width:110px!important;
  height:auto!important;
  border-radius:50%!important;
}
.between-author-logo--small{width:92px!important;max-width:92px!important}

@media(max-width:760px){
  .home22-header__brand--identity{min-height:88px!important}
  .home-brand-identity{gap:11px!important}
  .home-brand-identity__mark{width:58px!important;height:58px!important;flex-basis:58px!important}
  .home-brand-identity__text strong{font-size:27px!important}
  .home-brand-identity__text small{font-size:12px!important}
  .site-header .brand--identity img{width:40px!important;height:40px!important;flex-basis:40px!important}
  .site-header .brand--identity span{font-size:20px!important}
  .footer-brand-logo--compact img,.site-footer img[src*="logo-berrinches-abrazos-5"]{max-width:108px!important}
}


/* =========================================================
   V2.6.4 — MODELO APROBADO
   Cabecera 2 sin lupa · Autor 1 · Footer 1
   ========================================================= */

/* CABECERA MODELO 2: título equilibrado, no sobredimensionado */
.home22-header__brand--identity{
  min-height:88px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}
.home-brand-identity{gap:13px!important}
.home-brand-identity__mark{
  width:62px!important;height:62px!important;flex-basis:62px!important;
}
.home-brand-identity__text strong{
  font-size:29px!important;
  line-height:1.02!important;
}
.home-brand-identity__text small{
  font-size:13px!important;
  line-height:1.2!important;
}

/* Sin lupa en navegación/cabecera */
.site-header [data-ghost-search],
.home22-nav [data-ghost-search],
.site-nav [data-ghost-search],
.site-header .search,
.home22-nav .search,
.site-nav .search,
.site-header .search-toggle,
.home22-nav .search-toggle{
  display:none!important;
}

/* AUTOR MODELO 1: badge limpio y compacto */
.author-signature__logo{
  width:66px!important;height:66px!important;object-fit:contain!important;border-radius:50%!important;
}
.article30-signoff--brand img{
  width:92px!important;height:92px!important;object-fit:contain!important;border-radius:50%!important;
}
.about-author-logo{width:125px!important;max-width:125px!important}
.reflections-author-logo{width:92px!important;max-width:92px!important}
.between-author-logo{width:96px!important;max-width:96px!important}

/* FOOTER MODELO 1: mucho más pequeño y subordinado */
.footer-brand-logo--compact{
  padding-top:10px!important;
  padding-bottom:4px!important;
}
.footer-brand-logo--compact img,
.site-footer img[src*="logo-berrinches-abrazos-5"]{
  width:82px!important;
  max-width:82px!important;
  height:auto!important;
}
.site-footer{
  font-size:12px!important;
}
.site-footer .site-shell{
  padding-top:12px;
  padding-bottom:12px;
}

@media(max-width:760px){
  .home22-header__brand--identity{min-height:74px!important}
  .home-brand-identity__mark{width:50px!important;height:50px!important;flex-basis:50px!important}
  .home-brand-identity__text strong{font-size:24px!important}
  .home-brand-identity__text small{font-size:11px!important}
  .footer-brand-logo--compact img,
  .site-footer img[src*="logo-berrinches-abrazos-5"]{width:70px!important;max-width:70px!important}
}

/* =========================================================
   V2.6.6 — CABECERA 48 PX + REFLEXIONES PLUMA IDENTIDAD
   ========================================================= */
/* Cabecera principal: mayor presencia tipográfica en escritorio */
.home-brand-identity__text strong{
  font-size:48px!important;
  line-height:1!important;
}
.home22-header__brand--identity{
  min-height:108px!important;
}
.home-brand-identity__mark{
  width:76px!important;height:76px!important;flex-basis:76px!important;
}
/* Mantener adaptación móvil sin forzar 48 px */
@media(max-width:760px){
  .home22-header__brand--identity{min-height:82px!important}
  .home-brand-identity__mark{width:54px!important;height:54px!important;flex-basis:54px!important}
  .home-brand-identity__text strong{font-size:30px!important}
  .home-brand-identity__text small{font-size:12px!important}
}

/* Reflexiones: la pluma es un elemento de identidad, no una ilustración dominante */
.reflections-hero__pen img{
  width:100%!important;
  max-width:390px!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.reflections-author-logo{
  width:92px!important;
  max-width:92px!important;
  height:92px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}

/* =========================================================
   V2.6.7 — CABECERA 72 PX + LOGO BILBI LIMPIO + PLUMA ESTILOGRÁFICA
   ========================================================= */
@media(min-width:761px){
  .home-brand-identity__text strong{
    font-size:72px!important;
    line-height:.98!important;
  }
  .home22-header__brand--identity{
    min-height:132px!important;
  }
  .home-brand-identity__mark{
    width:88px!important;height:88px!important;flex-basis:88px!important;
  }
}
/* Reflexiones: medallón Bilbi sin texto lateral y pluma estilográfica de identidad */
.reflections-author-logo{
  width:112px!important;
  max-width:112px!important;
  height:112px!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
.reflections-hero__pen img{
  width:100%!important;
  max-width:300px!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:0!important;
  box-shadow:none!important;
}


/* =========================================================
   V2.6.9 — REFLEXIONES + RRSS
   ========================================================= */
.reflections-hero--269{background:linear-gradient(100deg,#fff8ef 0%,#f3e8d8 55%,#e8eee7 100%)!important;overflow:hidden!important}
.reflections-hero__inner--269{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)!important;gap:56px!important;align-items:center!important;min-height:365px!important;padding-top:34px!important;padding-bottom:34px!important}
.reflections-author-logo--clean{display:block!important;width:92px!important;height:92px!important;object-fit:cover!important;border-radius:50%!important;margin-top:22px!important;border:0!important;box-shadow:none!important;background:#d8ded0!important}
.reflections-hero__pen--269{display:flex!important;align-items:center!important;justify-content:center!important}
.reflections-paper-card{position:relative!important;width:min(620px,100%)!important;min-height:245px!important;border-radius:20px!important;background:#f7efe3!important;box-shadow:0 18px 40px rgba(54,67,57,.10)!important;overflow:hidden!important}
.reflections-paper-lines{position:absolute!important;left:58px!important;top:50px!important;width:58%!important;min-height:145px!important;border-radius:13px!important;background:#fffaf2!important;padding:34px 38px!important;box-sizing:border-box!important}
.reflections-paper-lines span{display:block!important;height:3px!important;background:#d8cdbd!important;margin-bottom:15px!important;border-radius:3px!important}
.reflections-paper-lines span:nth-child(1){width:88%!important}.reflections-paper-lines span:nth-child(2){width:76%!important}.reflections-paper-lines span:nth-child(3){width:82%!important}.reflections-paper-lines span:nth-child(4){width:68%!important}
.reflections-fountain-pen{position:absolute!important;right:18px!important;bottom:0!important;width:330px!important;height:auto!important;display:block!important}
.footer-social{display:flex;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(246,242,234,.55);border-radius:50%;color:inherit;text-decoration:none;font-weight:700;font-size:14px;line-height:1;transition:transform .15s ease,background .15s ease}
.footer-social a:hover{transform:translateY(-1px);background:rgba(246,242,234,.12)}
@media(max-width:900px){.reflections-hero__inner--269{grid-template-columns:1fr!important;gap:24px!important;min-height:auto!important}.reflections-paper-card{width:100%!important}.reflections-author-logo--clean{width:84px!important;height:84px!important}}
@media(max-width:600px){.reflections-hero__inner--269{padding-top:24px!important;padding-bottom:24px!important}.reflections-paper-card{min-height:190px!important}.reflections-paper-lines{left:26px!important;top:30px!important;width:68%!important;min-height:120px!important;padding:24px!important}.reflections-fountain-pen{width:230px!important;right:0!important}}


/* =========================================================
   V2.6.10 — PLUMA REAL DE IDENTIDAD EN REFLEXIONES
   ========================================================= */

/* Oculta definitivamente cualquier dibujo anterior de pluma */
.reflections-fountain-pen{display:none!important}

.reflections-identity-pen{
  position:absolute!important;
  right:42px!important;
  bottom:24px!important;
  width:245px!important;
  height:175px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  pointer-events:none!important;
}

.reflections-identity-pen > img{
  position:absolute!important;
  right:0!important;
  top:0!important;
  width:164px!important;
  height:auto!important;
  object-fit:contain!important;
  transform:rotate(-3deg)!important;
  transform-origin:center!important;
  filter:none!important;
  background:transparent!important;
  border:0!important;
}

.reflections-ink-heart{
  position:absolute!important;
  left:4px!important;
  bottom:0!important;
  width:150px!important;
  height:auto!important;
  overflow:visible!important;
}

/* Mantiene la hoja y la tarjeta sin modificar */
.reflections-paper-card{overflow:hidden!important}

@media(max-width:900px){
  .reflections-identity-pen{
    right:32px!important;
    bottom:20px!important;
    width:220px!important;
    height:158px!important;
  }
  .reflections-identity-pen > img{width:150px!important}
  .reflections-ink-heart{width:135px!important}
}
@media(max-width:600px){
  .reflections-identity-pen{
    right:14px!important;
    bottom:12px!important;
    width:170px!important;
    height:125px!important;
  }
  .reflections-identity-pen > img{width:116px!important}
  .reflections-ink-heart{width:104px!important}
}

/* =========================================================
   V2.6.12 — RECURSOS 2C · RED DE CONOCIMIENTO 2D · ARCHIVO
   ========================================================= */
.resources12-page,.all12-page{--r12-green:#315b45;--r12-sage:#dfe8dd;--r12-terra:#c96543;--r12-cream:#fbf5e9;--r12-ink:#2e3a33;background:#fbfaf6;padding-bottom:64px}
.resources12-shell,.all12-shell{width:min(calc(100% - 40px),1120px)}
.resources12-hero,.all12-hero{background:linear-gradient(100deg,#fffaf2,#f4eadb 60%,#e4ece2);border-bottom:1px solid #e6ded2}
.resources12-hero__inner{min-height:215px;display:grid;grid-template-columns:115px 1fr 180px;gap:28px;align-items:center;padding-top:25px;padding-bottom:25px}
.resources12-hero__brand img{width:98px;height:98px;object-fit:contain;border-radius:50%}
.resources12-hero__visual{display:flex;justify-content:flex-end}.resources12-hero__visual img{width:155px;height:155px;object-fit:contain}
.resources12-kicker,.all12-kicker,.article30-kicker{display:block;color:var(--r12-terra);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px}
.resources12-hero h1,.all12-hero h1{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;color:var(--r12-green);font-size:48px;line-height:1;margin:0 0 8px;font-weight:400}
.resources12-hero p,.all12-hero p{font-size:16px;color:#3f4943;margin:0 0 5px;line-height:1.45}.resources12-hero small{font-size:12px;color:#727872}
.resources12-types{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 42px}.resources12-types article{background:#fff;border:1px solid #e6dfd5;border-radius:14px;padding:24px 22px;text-align:center}.resources12-types article>span{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 10px;border-radius:50%;background:var(--r12-sage);color:var(--r12-green);font-size:24px}.resources12-types h2{font-family:Georgia,serif;font-size:21px;font-weight:400;color:var(--r12-green);margin:5px 0 7px}.resources12-types p{font-size:12px;line-height:1.5;color:#656b66;margin:0}
.resources12-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.resources12-heading h2,.resources12-icons h2,.resources12-connection h2{font-family:Georgia,serif;font-size:26px;font-weight:400;color:var(--r12-green);margin:2px 0}.resources12-heading>div>span{font-size:10px;font-weight:800;color:var(--r12-terra)}.resources12-search,.all12-search{border:1px solid #d6ddd4;background:#fff;border-radius:22px;padding:10px 15px;color:#526057;cursor:pointer}.resources12-search b,.all12-search b{color:var(--r12-terra);margin-left:10px}
.resources12-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.resources12-card{background:#fff;border:1px solid #e6e0d7;border-radius:12px;overflow:hidden}.resources12-card>a{display:block;color:inherit;text-decoration:none}.resources12-card__image{aspect-ratio:4/5;background:var(--r12-cream);display:flex;align-items:center;justify-content:center;overflow:hidden}.resources12-card__image img{width:100%;height:100%;object-fit:contain;background:var(--r12-cream)}.resources12-card__body{padding:13px 14px 15px}.resources12-area{font-size:9px;font-weight:800;color:var(--r12-terra);text-transform:uppercase}.resources12-card h3{font-family:Georgia,serif;font-size:17px;line-height:1.25;font-weight:400;margin:6px 0 10px;color:var(--r12-ink)}.resources12-meta{display:flex;flex-wrap:wrap;gap:5px 9px;font-size:9px;color:#657069}.resources12-empty{grid-column:1/-1;background:#fff;border:1px dashed #d8d2c8;border-radius:12px;padding:28px;text-align:center}.resources12-empty h3{font-family:Georgia,serif;color:var(--r12-green);font-weight:400;margin:0 0 5px}.resources12-empty p{margin:0;color:#697069;font-size:12px}
.resources12-icons{margin:38px 0 20px;padding:22px 25px;background:#eef2ea;border-radius:13px}.resources12-icons>div{display:flex;gap:30px;margin-top:13px}.resources12-icons span{display:grid;grid-template-columns:32px auto;grid-template-rows:auto auto;column-gap:9px}.resources12-icons b{grid-row:1/3;font-size:25px;color:var(--r12-terra)}.resources12-icons strong{font-size:12px}.resources12-icons small{font-size:10px;color:#68706a}
.resources12-connection{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:25px 28px;border:1px solid #e3ddd3;border-radius:14px;background:#fff}.resources12-connection p{font-size:12.5px;line-height:1.55;max-width:760px;margin:8px 0 0}.resources12-connection>a{white-space:nowrap;color:var(--r12-terra);font-weight:700;text-decoration:none;font-size:11px}.resources12-future{margin-top:15px;text-align:center;color:#777;font-size:10px}.resources12-future p{margin:0}

.article30-related--knowledge{padding-top:34px}.article30-resourceblock{margin-bottom:32px}.article30-sectionhead>div h2{margin:2px 0 0}.article30-resourcegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article30-resourcecard{background:#fff;border:1px solid #e0e5dd;border-radius:10px;overflow:hidden}.article30-resourcecard>a{display:grid;grid-template-columns:105px 1fr;text-decoration:none;color:inherit;height:100%}.article30-resourcecard img{width:105px;height:100%;min-height:130px;object-fit:contain;background:#fbf5e9}.article30-resourcecard div{padding:13px}.article30-resourcecard span{font-size:9px;font-weight:800;color:#c96543}.article30-resourcecard h3{font-size:14px;line-height:1.3;margin:5px 0 9px}.article30-resourcecard small{font-size:9px;color:#69726b}.article30-explore{margin:25px 0 0;padding:16px 18px;background:#fff;border:1px solid #e0e5dd;border-radius:10px}.article30-explore strong{display:block;font-size:11px;color:#315b45;margin-bottom:6px}.article30-explore div{font-size:11px;color:#6a716c}.article30-explore a{color:#c96543;text-decoration:none}

.all12-hero__inner{min-height:190px;display:flex;justify-content:space-between;align-items:center;gap:35px;padding-top:25px;padding-bottom:25px}.all12-hero p{max-width:650px}.all12-areas{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 32px}.all12-areas a{padding:8px 13px;border:1px solid #d9ded7;border-radius:20px;text-decoration:none;color:#315b45;font-size:10px;background:#fff}.all12-areas a.is-active{background:#315b45;color:#fff;border-color:#315b45}.all12-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.all12-heading h2{font-family:Georgia,serif;font-weight:400;color:#315b45;font-size:24px;margin:0}.all12-heading span{font-size:10px;color:#777}.all12-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.all12-card{background:#fff;border:1px solid #e6e0d7;border-radius:12px;overflow:hidden}.all12-card>a{display:block;color:inherit;text-decoration:none}.all12-card__image{aspect-ratio:4/3;background:#f7f1e8}.all12-card__image img{width:100%;height:100%;object-fit:cover}.all12-card__body{padding:13px 14px 15px}.all12-card__body>span{font-size:9px;font-weight:800;color:#c96543;text-transform:uppercase}.all12-card h3{font-family:Georgia,serif;font-size:17px;line-height:1.25;font-weight:400;color:#2e3a33;margin:6px 0 8px}.all12-card p{font-size:11px;line-height:1.45;color:#626963;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.all12-card small{font-size:9px;color:#777}.all12-pagination{margin:30px 0;text-align:center}.all12-utilities{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.all12-utilities>div{background:#eef2ea;border-radius:12px;padding:20px}.all12-utilities>div:nth-child(2){background:#f7eadc}.all12-utilities span{font-size:24px;color:#c96543}.all12-utilities h3{font-family:Georgia,serif;font-size:18px;font-weight:400;color:#315b45;margin:5px 0}.all12-utilities p{font-size:11px;line-height:1.45;color:#626963;margin:0 0 9px}.all12-utilities a{font-size:10px;color:#c96543;font-weight:700;text-decoration:none}

@media(max-width:900px){.resources12-grid,.all12-grid{grid-template-columns:repeat(2,1fr)}.resources12-hero__inner{grid-template-columns:90px 1fr}.resources12-hero__visual{display:none}.article30-resourcegrid{grid-template-columns:1fr}.all12-utilities{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.resources12-shell,.all12-shell{width:calc(100% - 24px)}.resources12-hero__inner{grid-template-columns:70px 1fr;gap:14px;min-height:175px}.resources12-hero__brand img{width:62px;height:62px}.resources12-hero h1,.all12-hero h1{font-size:38px}.resources12-types,.resources12-grid,.all12-grid,.all12-utilities{grid-template-columns:1fr}.resources12-types{gap:10px;margin:20px 0 30px}.resources12-heading,.resources12-connection,.all12-hero__inner{align-items:flex-start;flex-direction:column}.resources12-icons>div{flex-direction:column;gap:15px}.all12-hero__inner{min-height:175px}.all12-search{width:100%;text-align:left}.article30-resourcecard>a{grid-template-columns:95px 1fr}.article30-resourcecard img{width:95px}.all12-areas{margin-top:20px}}

/* =========================================================
   V2.6.13 — RECURSOS WEB / MIN_ + PDF A4
   Convención editorial:
   - Toda miniatura de recurso empieza por MIN_
   - Miniatura web en proporción 4:5
   - Máximo 2 miniaturas por fila en escritorio
   - En móvil: 1 por fila
   - El PDF A4 sigue siendo el archivo imprimible/descargable
   ========================================================= */

/* Miniatura individual detectada por JS */
.article30-content .ba-resource-min{
  width:min(100%,360px)!important;
  max-width:360px!important;
  margin:24px auto!important;
  position:relative;
}
.article30-content .ba-resource-min img{
  display:block!important;
  width:100%!important;
  aspect-ratio:4/5!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:12px!important;
  border:1px solid #e1ddd3!important;
  background:#fbf5e9!important;
  box-shadow:0 10px 28px rgba(44,64,52,.08)!important;
}
.article30-content .ba-resource-min::after{
  content:"PDF A4 · Ver / imprimir";
  display:block;
  margin:8px 2px 0;
  text-align:center;
  font-family:var(--gh-font-body, Inter),Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.01em;
  color:#c96543;
}
.article30-content .ba-resource-min .infographic-hint{display:none!important}

/* Galerías de miniaturas MIN_: siempre 2 columnas como máximo */
.article30-content .kg-gallery-card.ba-min-gallery{
  width:min(100%,780px)!important;
  max-width:780px!important;
  margin:28px auto!important;
}
.article30-content .kg-gallery-card.ba-min-gallery .kg-gallery-container{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.article30-content .kg-gallery-card.ba-min-gallery .kg-gallery-row{
  display:contents!important;
}
.article30-content .kg-gallery-card.ba-min-gallery .kg-gallery-image{
  width:auto!important;
  flex:none!important;
  margin:0!important;
  position:relative!important;
}
.article30-content .kg-gallery-card.ba-min-gallery .kg-gallery-image img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/5!important;
  object-fit:contain!important;
  border-radius:12px!important;
  border:1px solid #e1ddd3!important;
  background:#fbf5e9!important;
  box-shadow:0 10px 28px rgba(44,64,52,.08)!important;
}
.article30-content .kg-gallery-card.ba-min-gallery .kg-gallery-image::after{
  content:"PDF A4 · Ver / imprimir";
  display:block;
  margin:8px 2px 0;
  text-align:center;
  font-family:var(--gh-font-body, Inter),Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  color:#c96543;
}

/* Tarjetas PDF de Ghost: compactas y claramente imprimibles */
.article30-content .kg-file-card.ba-pdf-a4{
  max-width:780px!important;
  margin:14px auto!important;
}
.article30-content .kg-file-card.ba-pdf-a4 a{
  border:1px solid #dfe4dc!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.article30-content .kg-file-card.ba-pdf-a4 .kg-file-card-title::before{
  content:"PDF A4 · ";
  color:#c96543;
  font-weight:800;
}

/* El logo Bilbi limpio puede contener transparencia: el fondo salvia
   completa visualmente el círculo sin franjas blancas. */
.reflections-author-logo--clean{
  object-fit:contain!important;
  background:#d8ded0!important;
}

@media(max-width:600px){
  .article30-content .kg-gallery-card.ba-min-gallery{
    width:min(100%,390px)!important;
  }
  .article30-content .kg-gallery-card.ba-min-gallery .kg-gallery-container{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .article30-content .ba-resource-min{
    width:min(100%,340px)!important;
  }
}


/* =========================================================
   V2.6.14 — CONGELACIÓN ESTRUCTURAL / RECURSOS
   - Recursos nunca recorta infografías ni miniaturas MIN_
   - MIN_ conserva 4:5 y usa contain
   - Documento práctico reconoce tag definitivo y legado
   - Newsletter sale de navegación principal (continúa como CTA transversal)
   ========================================================= */
.resources12-card__image{
  aspect-ratio:4/5!important;
  background:#fbf5e9!important;
  overflow:hidden!important;
}
.resources12-card__image img,
.article30-resourcecard img,
.article30-content .ba-resource-min img,
.article30-content .kg-gallery-card.ba-min-gallery .kg-gallery-image img{
  object-fit:contain!important;
  object-position:center!important;
  background:#fbf5e9!important;
}

/* =========================================================
   V2.6.15 — RECURSOS POR TIPO/DESTINATARIO + LECTURAS
   ========================================================= */
.resources12-types{grid-template-columns:repeat(4,1fr)}
.resources15-type{appearance:none;font:inherit;color:inherit;background:#fff;border:1px solid #e6dfd5;border-radius:14px;padding:24px 18px;text-align:center;cursor:pointer}
.resources15-type>span{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 10px;border-radius:50%;background:var(--r12-sage);color:var(--r12-green);font-size:24px}
.resources15-type h2{font-family:Georgia,serif;font-size:21px;font-weight:400;color:var(--r12-green);margin:5px 0 7px}.resources15-type p{font-size:12px;line-height:1.5;color:#656b66;margin:0}
.resources15-type.is-active{border-color:#315b45;box-shadow:0 0 0 1px #315b45 inset;background:#f5f7f1}
.resources15-audience{display:flex;align-items:center;gap:18px;margin:-18px 0 36px;padding:14px 18px;border-radius:12px;background:#eef2ea}.resources15-audience strong{font-family:Georgia,serif;color:#315b45;font-weight:400;font-size:18px}.resources15-audience div{display:flex;gap:8px;flex-wrap:wrap}.resources15-audience button,.reads15-ages button{border:1px solid #d8ddd5;background:#fff;color:#315b45;border-radius:20px;padding:8px 13px;font:600 10px Inter,Arial,sans-serif;cursor:pointer}.resources15-audience button.is-active,.reads15-ages button.is-active{background:#315b45;color:#fff;border-color:#315b45}.resources15-noresults,.reads15-noresults{text-align:center;padding:24px;color:#6c736d}

.reads15-page{--read-green:#315b45;--read-terra:#c96543;--read-cream:#fbf7ef;background:#fcfaf5;color:#2f3933;min-height:70vh}.reads15-hero{background:#f7f2e8;border-bottom:1px solid #e7e0d5}.reads15-hero__inner{min-height:210px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:30px;padding-bottom:30px}.reads15-hero__inner>div:first-child{max-width:760px}.reads15-kicker{font-size:10px;font-weight:800;letter-spacing:.09em;color:var(--read-terra)}.reads15-hero h1{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:46px;line-height:1;color:var(--read-green);font-weight:400;margin:7px 0 12px}.reads15-hero h1 em{color:var(--read-terra);font-style:normal}.reads15-hero p{font-size:14px;line-height:1.6;margin:0}.reads15-books{font-size:70px;color:#8fa181;white-space:nowrap}.reads15-books span{color:#c96543}.reads15-shell{padding-top:28px;padding-bottom:50px}.reads15-ages{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.reads15-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:22px}.reads15-list{display:grid;gap:14px}.reads15-card{display:grid;grid-template-columns:190px 1fr;gap:24px;background:#fff;border:1px solid #e4ddd2;border-radius:13px;padding:16px}.reads15-cover{height:260px;background:#f5f0e6;border-radius:8px;display:grid;place-items:center;overflow:hidden}.reads15-cover img{width:100%;height:100%;object-fit:contain;object-position:center}.reads15-cover>span{font-size:60px;color:#8fa181}.reads15-copy h2{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;font-size:29px;line-height:1.05;font-weight:400;margin:3px 0 4px}.reads15-copy h2 a{color:var(--read-green);text-decoration:none}.reads15-biblio{font-size:11px;color:var(--read-terra);margin:0 0 7px}.reads15-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.reads15-tags span{font-size:9px;padding:4px 8px;border-radius:12px;background:#eef2ea;color:#315b45}.reads15-copy h3{font:700 10px Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#315b45;margin:8px 0 5px}.reads15-excerpt{font-size:12px;line-height:1.6;margin:0;color:#414943;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden}.reads15-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px}.reads15-foot small{font-family:Georgia,serif;font-style:italic;color:#536057}.reads15-foot a{font-size:10px;font-weight:700;color:#315b45;text-decoration:none;border:1px solid #cfd7cd;border-radius:16px;padding:7px 10px}.reads15-aside{display:grid;align-content:start;gap:14px}.reads15-aside>div,.reads15-aside blockquote{background:#fff;border:1px solid #e4ddd2;border-radius:12px;padding:18px;margin:0}.reads15-aside h3{font-family:var(--gh-font-heading, "Patrick Hand"),cursive;color:#315b45;font-size:20px;font-weight:400;margin:0 0 10px}.reads15-aside p,.reads15-aside blockquote{font-size:11px;line-height:1.55}.reads15-aside blockquote{font-family:Georgia,serif;font-style:italic;color:#536057}.reads15-empty{background:#fff;border:1px dashed #d8d2c8;border-radius:12px;padding:30px;text-align:center}.reads15-empty h2{font-family:Georgia,serif;color:#315b45;font-weight:400}
@media(max-width:900px){.resources12-types{grid-template-columns:repeat(2,1fr)}.reads15-layout{grid-template-columns:1fr}.reads15-aside{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.resources12-types{grid-template-columns:1fr}.resources15-audience{align-items:flex-start;flex-direction:column;margin-top:-12px}.reads15-hero__inner{min-height:170px}.reads15-books{display:none}.reads15-hero h1{font-size:38px}.reads15-card{grid-template-columns:110px 1fr;gap:13px;padding:11px}.reads15-cover{height:165px}.reads15-copy h2{font-size:23px}.reads15-excerpt{-webkit-line-clamp:7}.reads15-foot{align-items:flex-start;flex-direction:column}.reads15-aside{grid-template-columns:1fr}}

/* v2.6.17 — Recursos: audiencia + tipo, patrón Lecturas recomendadas */
.resources17-filters{display:grid;gap:10px;margin:28px 0 32px}
.resources17-filterrow{display:flex;align-items:center;gap:18px;padding:12px 16px;border:1px solid #e2e5df;border-radius:12px;background:#f3f5f0}
.resources17-filterrow>strong{flex:0 0 118px;font-family:Georgia,serif;color:#315b45;font-weight:400;font-size:16px}
.resources17-menu{display:flex;gap:8px;flex-wrap:wrap}
.resources17-menu button{border:1px solid #d8ddd5;background:#fff;color:#315b45;border-radius:20px;padding:8px 13px;font:600 10px Inter,Arial,sans-serif;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.resources17-menu button:hover{border-color:#8fa181}
.resources17-menu button.is-active{background:#315b45;color:#fff;border-color:#315b45}
.resources17-badges{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.resources17-badge{display:inline-flex;align-items:center;min-height:20px;padding:4px 8px;border-radius:999px;font:700 8.5px/1.1 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.025em}
.resources17-badge--type{background:#eef2ea;color:#315b45}
.resources17-badge--audience{background:#fbede7;color:#a64f32}
.resources17-taxonomy-note{margin:36px 0 18px;padding:18px 22px;border-left:4px solid #c96543;background:#fff7ee;border-radius:0 12px 12px 0}
.resources17-taxonomy-note h2{font-family:Georgia,serif;font-size:20px;font-weight:400;color:#315b45;margin:0 0 5px}
.resources17-taxonomy-note p{font-size:11px;line-height:1.55;color:#59625c;margin:0}
@media(max-width:600px){.resources17-filterrow{align-items:flex-start;flex-direction:column;gap:8px}.resources17-filterrow>strong{flex:auto}.resources17-menu{width:100%}}

/* ============================================================
   V2.6.18 — NEWSLETTER CAPA 1 + PREPARACIÓN CAPAS 2–4
   ============================================================ */
.newsletter-member-state,
.newsletter22__member,
.between-member-state{padding:12px 14px;border:1px solid #d9dfd5;border-radius:10px;background:#f4f7f1;color:#315b45}
.newsletter-member-state p,
.between-member-state p{margin:4px 0 0;font-size:12px}.newsletter22__member{display:grid;gap:3px}.newsletter22__status{grid-column:1/-1;font-size:10px}.newsletter22 form .form-success,.newsletter22 form .form-error{display:none}.newsletter22 form.success .form-success,.newsletter22 form.error .form-error{display:block}

/* Lecturas recomendadas — hero fotográfico editorial */
.reads15-hero--image{background:#f7f2e8}.reads15-hero__imagewrap{padding-top:24px}.reads15-hero__image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:16px;box-shadow:0 12px 34px rgba(52,65,54,.12)}.reads15-hero__caption{padding-top:18px;padding-bottom:24px;max-width:980px}.reads15-hero__caption h1{margin:6px 0 8px}.reads15-hero__caption p{max-width:820px}
@media(max-width:767px){.reads15-hero__imagewrap{padding-top:14px}.reads15-hero__image{aspect-ratio:4/3;border-radius:11px;object-position:center}.reads15-hero__caption{padding-top:14px;padding-bottom:18px}.reads15-hero__caption h1{font-size:36px}}

/* Estructura futura de preferencias. Inactiva en v2.6.18. */
.newsletter-preferences{max-width:760px;margin:32px auto;padding:24px;border:1px solid #e1ddd4;border-radius:14px;background:#fffaf4}.newsletter-preferences fieldset{border:0;padding:0;margin:22px 0}.newsletter-preferences legend{font-weight:700;color:#315b45;margin-bottom:10px}.newsletter-preferences label{display:block;margin:8px 0}.newsletter-preferences button{border:0;border-radius:8px;padding:11px 18px;background:#315b45;color:#fff}

/* V2.6.19 — BIO + LECTURAS HEADER + FOOTER */
.reads19-hero{background:#f7f2e8;padding:30px 0}.reads19-hero__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:stretch;min-height:310px;border-radius:18px;overflow:hidden;background:#fffaf4;box-shadow:0 12px 34px rgba(52,65,54,.10)}.reads19-hero__copy{padding:48px 44px;display:flex;flex-direction:column;justify-content:center}.reads19-hero__copy h1{margin:7px 0 12px}.reads19-hero__copy p{margin:0;max-width:600px}.reads19-hero__visual{min-height:310px}.reads19-hero__visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.bio19-page{background:#f7f2e8;min-height:70vh;padding-bottom:56px}.bio19-hero{text-align:center;padding:38px 0 18px}.bio19-shell{max-width:680px}.bio19-author{width:92px;height:92px;object-fit:contain;margin:0 auto 12px}.bio19-kicker{display:block;font-size:11px;letter-spacing:.14em;color:#8b5d4e;font-weight:700}.bio19-hero h1{font-family:Georgia,serif;font-weight:400;color:#315b45;margin:7px 0;font-size:38px}.bio19-hero h1 em{color:#c96543}.bio19-hero p{margin:0 auto;max-width:520px;color:#59625c}.bio19-links{max-width:620px;display:grid;gap:12px}.bio19-link{width:100%;box-sizing:border-box;display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;padding:15px 18px;border:1px solid #d9dfd5;border-radius:14px;background:#fff;color:#315b45;text-decoration:none;text-align:left;box-shadow:0 5px 16px rgba(52,65,54,.05);font:inherit;cursor:pointer}.bio19-link>span{grid-row:1/3;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#edf2e9;color:#315b45;font-size:18px}.bio19-link strong{font-family:Georgia,serif;font-size:18px;font-weight:400}.bio19-link small{color:#6a706c;font-size:11px;margin-top:2px}.bio19-link:hover{transform:translateY(-1px);border-color:#aebcae}.bio19-link--accent{background:#315b45;color:#fff;border-color:#315b45}.bio19-link--accent small{color:#edf2e9}.bio19-link--accent>span{background:rgba(255,255,255,.12);color:#fff}.bio19-areas{padding:16px 4px 6px}.bio19-areas h2{text-align:center;font-family:Georgia,serif;font-size:17px;font-weight:400;color:#315b45;margin:0 0 10px}.bio19-areas>div{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.bio19-areas a{font-size:11px;padding:7px 10px;border-radius:999px;background:#e7eee3;color:#315b45;text-decoration:none}.bio19-home{text-align:center;font-size:11px;margin:8px 0 0}.bio19-home a{color:#59625c}@media(max-width:767px){.reads19-hero{padding:14px 0 22px}.reads19-hero__inner{grid-template-columns:1fr;min-height:0;border-radius:12px}.reads19-hero__copy{padding:28px 24px 22px;text-align:center}.reads19-hero__copy h1{font-size:34px}.reads19-hero__visual{min-height:0;aspect-ratio:16/9;order:-1}.bio19-page{padding-bottom:38px}.bio19-hero{padding-top:26px}.bio19-hero h1{font-size:32px}.bio19-links{padding-left:18px;padding-right:18px}}

/* 2.6.21 — functional and accessible states */
[hidden]{display:none!important}
.nav-dropdown__menu:not([hidden]){display:grid}
.ba-skip-link{position:fixed;top:8px;left:8px;z-index:10000;padding:12px;background:#fff;color:#1f4f3a;transform:translateY(-180%)}
.ba-skip-link:focus{transform:none}
[data-members-form] .form-success,[data-members-form] .form-error{display:none}
[data-members-form].success .form-success,[data-members-form].error .form-error{display:block}
[data-members-form].loading button[type="submit"]{opacity:.6;pointer-events:none}
[data-members-form].loading{cursor:progress}
.newsletter22__member a,.between-member-state a,.newsletter-member-state a{display:block;color:inherit;text-decoration:underline;margin-top:8px}
.ba-library-state{grid-column:1/-1;font-size:13px;color:#315b45;text-align:center}
.ba-library-state button{margin:8px;border:1px solid #315b45;border-radius:8px;background:#fff;padding:8px 12px;color:#315b45;cursor:pointer}
.ba-library-state:has(span:empty):has(button[hidden]){display:none}
.topics22__form small{grid-column:1/-1;font-size:11px}
.all12-card__image img{object-fit:contain}
:focus-visible{outline:2px solid #c96543;outline-offset:3px}
/* Clean source photo; no enlargement of the face or hero. Eye line at mid-height. */
.hero223__inner{background:#fffaf2!important}
.hero223__portrait{position:absolute;max-width:none;height:auto;width:32.5%;left:58%;top:50%;transform:translateY(-29.5%);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);pointer-events:none}
.hero223__copy{position:relative;z-index:2}
.hero223__portrait{mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.hero223__inner::after{background:linear-gradient(90deg,#fffaf2 0%,rgba(255,250,242,.97) 40%,rgba(255,250,242,.4) 58%,rgba(255,250,242,.08) 80%)!important}
@media(max-width:767px){.hero223__inner::after{background:linear-gradient(90deg,#fffaf2 0%,rgba(255,250,242,.97) 40%,rgba(255,250,242,.72) 59%,rgba(255,250,242,.08) 86%)!important}}


/* =========================================================
   V2.6.22 — PALETA LUMINOSA B&A
   Bosque + limón + salvia + terracota/naranja.
   El naranja queda reservado a identidad; el limón a descubrimiento.
   ========================================================= */
:root{
  --ba-forest:#174b36;
  --ba-lemon:#f1d62f;
  --ba-lemon-soft:#fff1a8;
  --ba-sage-soft:#dce2d2;
  --ba-sage-footer:#aeb99f;
  --ba-terracotta:#c96745;
  --ba-orange:#eb6a2a;
  --ba-cream:#fffdf7;
}
body,.home5-surface{background:var(--ba-cream)}
.home-cover-nav{background:var(--ba-forest)}
.home-cover-nav .is-active:after{background:var(--ba-orange)}
.hero223__inner{background:var(--ba-cream)!important}
.hero223__inner::after{background:linear-gradient(90deg,var(--ba-cream) 0%,rgba(255,253,247,.97) 40%,rgba(255,253,247,.4) 58%,rgba(255,253,247,.08) 80%)!important}
.search-ribbon{background:var(--ba-lemon-soft);border-color:#eadb78}
.search-ribbon__field{background:#fffdf7;border-color:#dfd39a}
.areas5 .area-grid .area-card{border-color:#d9ddcf}
.areas5 .area-grid .area-card:nth-child(odd){background:var(--ba-lemon-soft)}
.areas5 .area-grid .area-card:nth-child(even){background:var(--ba-sage-soft)}
.areas5 .area-card h3,.areas5 .area-card>span{color:var(--ba-forest)}
.areas5 .area-arrow{color:var(--ba-forest)}
.site-footer{background:var(--ba-sage-footer)}

/* Recursos — TIPO: código cromático fuerte */
.resources17-menu button[data-resource-type="guia"]{border-color:var(--ba-forest);color:var(--ba-forest)}
.resources17-menu button[data-resource-type="infografia"]{border-color:#d7bd20;background:var(--ba-lemon-soft);color:#514700}
.resources17-menu button[data-resource-type="documento"]{border-color:var(--ba-terracotta);color:#8f402c;background:#fff7f2}
.resources17-menu button[data-resource-type="guia"].is-active{background:var(--ba-forest);color:#fff}
.resources17-menu button[data-resource-type="infografia"].is-active{background:var(--ba-lemon);border-color:var(--ba-lemon);color:#342f00}
.resources17-menu button[data-resource-type="documento"].is-active{background:var(--ba-terracotta);border-color:var(--ba-terracotta);color:#fff}

/* Recursos — AUDIENCIA: tonos suaves y distintos */
.resources17-menu button[data-resource-audience="all"]{background:var(--ba-cream);border-color:#c8cec5;color:var(--ba-forest)}
.resources17-menu button[data-resource-audience="familias"]{background:var(--ba-lemon-soft);border-color:#e3d36d;color:#514700}
.resources17-menu button[data-resource-audience="profesionales"]{background:var(--ba-sage-soft);border-color:#aab9a4;color:var(--ba-forest)}
.resources17-menu button[data-resource-audience="all"].is-active{background:var(--ba-forest);color:#fff;border-color:var(--ba-forest)}
.resources17-menu button[data-resource-audience="familias"].is-active{background:var(--ba-lemon);color:#342f00;border-color:var(--ba-lemon)}
.resources17-menu button[data-resource-audience="profesionales"].is-active{background:#789071;color:#fff;border-color:#789071}

.resources17-badge--guia{background:var(--ba-forest);color:#fff}
.resources17-badge--infografia{background:var(--ba-lemon);color:#342f00}
.resources17-badge--documento{background:var(--ba-terracotta);color:#fff}
.resources17-badge--todos{background:var(--ba-cream);color:var(--ba-forest);box-shadow:inset 0 0 0 1px #c8cec5}
.resources17-badge--familias{background:var(--ba-lemon-soft);color:#514700}
.resources17-badge--profesionales{background:var(--ba-sage-soft);color:var(--ba-forest)}
.resources17-filterrow{background:#fafaf5;border-color:#dfe3d9}
.resources17-taxonomy-note{border-left-color:var(--ba-terracotta);background:#fff8f2}

/* Naranja B&A: identidad, no superficies de navegación. */
.orange,.brand__wordmark em,.hero223__copy em{color:var(--ba-orange)}

@media(max-width:767px){
  .hero223__inner::after{background:linear-gradient(90deg,var(--ba-cream) 0%,rgba(255,253,247,.97) 40%,rgba(255,253,247,.72) 59%,rgba(255,253,247,.08) 86%)!important}
}

/* v2.6.23 — corrección cromática Home / Nuestras áreas
   La Home activa usa .areas22; anulamos la antigua alternancia verde/terracota. */
.areas22 .area-grid .area-card{
  color:var(--ba-forest)!important;
  border:1px solid #d9ddcf!important;
  box-shadow:none!important;
}
.areas22 .area-grid .area-card:nth-child(odd){background:var(--ba-sage-soft)!important}
.areas22 .area-grid .area-card:nth-child(even){background:var(--ba-lemon-soft)!important}
.areas22 .area-grid .area-card .area-icon,
.areas22 .area-grid .area-card h3,
.areas22 .area-grid .area-card p,
.areas22 .area-grid .area-card .area-arrow{color:var(--ba-forest)!important}
.areas22 .area-grid .area-card .area-card__stroke{background:var(--ba-lemon)!important;opacity:1!important}
.areas22 .area-grid .area-card:nth-child(even) .area-card__stroke{background:var(--ba-forest)!important}
.areas22 .area-grid .area-card:hover{transform:translateY(-2px);filter:brightness(.985)}
.areas22 .area-grid .area-card:focus-visible{outline:3px solid var(--ba-lemon);outline-offset:3px}

/* v2.6.24 — depuración editorial: Recursos + trazo de Áreas */
/* La pequeña raya es firma gráfica: siempre verde bosque, independientemente del fondo. */
.areas22 .area-grid .area-card .area-card__stroke,
.areas22 .area-grid .area-card:nth-child(even) .area-card__stroke{
  background:var(--ba-forest)!important;
  opacity:1!important;
}

/* Recursos: el tipo se reconoce por texto + borde; el relleno queda reservado al estado activo. */
.resources17-menu button[data-resource-type="guia"],
.resources17-menu button[data-resource-type="infografia"],
.resources17-menu button[data-resource-type="documento"]{
  background:var(--ba-cream)!important;
}
.resources17-menu button[data-resource-type="guia"]{border-color:var(--ba-forest);color:var(--ba-forest)}
.resources17-menu button[data-resource-type="infografia"]{border-color:#c8ad16;color:#756400}
.resources17-menu button[data-resource-type="documento"]{border-color:var(--ba-terracotta);color:#8f402c}
.resources17-menu button[data-resource-type="guia"].is-active{background:var(--ba-forest)!important;color:#fff}
.resources17-menu button[data-resource-type="infografia"].is-active{background:var(--ba-lemon)!important;color:#342f00}
.resources17-menu button[data-resource-type="documento"].is-active{background:var(--ba-terracotta)!important;color:#fff}

/* Tarjetas: tipos sin masas de color; sólo contorno cromático. */
.resources17-badge--type{
  background:transparent!important;
  box-shadow:inset 0 0 0 1px currentColor;
}
.resources17-badge--guia{color:var(--ba-forest)!important}
.resources17-badge--infografia{color:#756400!important}
.resources17-badge--documento{color:#9b452f!important}

/* Audiencia: código secundario y deliberadamente discreto. */
.resources17-badge--audience,
.resources17-badge--todos,
.resources17-badge--familias,
.resources17-badge--profesionales{
  background:#f3f4ef!important;
  color:var(--ba-forest)!important;
  box-shadow:inset 0 0 0 1px #d5dbd1!important;
}

/* El área es taxonomía, no identidad de marca: verde bosque, no naranja. */
.resources12-area{color:var(--ba-forest)!important}


/* v2.6.25 — brand marks in Lecturas / Reflexiones + non-duplicated Lecturas visual */
.reads19-brandrow{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.reads19-site-logo{width:78px;height:78px;object-fit:contain;display:block}
.reads19-author-logo{width:62px;height:62px;object-fit:cover;border-radius:50%;display:block}
/* The source artwork already contains its own title on the left. Crop that area so the semantic H1 appears only once. */
.reads19-hero__visual{overflow:hidden}
.reads19-hero__visual img{width:132%!important;max-width:none!important;margin-left:-32%!important;object-position:right center!important}
.reflections-site-logo{display:block;width:78px;height:78px;object-fit:contain;margin:0 0 10px 0}
@media(max-width:767px){
 .reads19-brandrow{justify-content:center}
 .reads19-site-logo{width:68px;height:68px}
 .reads19-author-logo{width:56px;height:56px}
 .reads19-hero__visual img{width:132%!important;margin-left:-32%!important}
 .reflections-site-logo{width:68px;height:68px;margin:0 auto 10px}
}

/* v2.6.26 — cabeceras editoriales integradas */
.reads19-hero{background:#fffdf7!important;padding:0!important;border-bottom:1px solid #eee6da}
.reads19-hero__inner{position:relative!important;display:block!important;max-width:none!important;min-height:360px!important;border-radius:0!important;overflow:hidden!important;background:#fffdf7!important;box-shadow:none!important;padding:0!important}
.reads19-hero__visual{position:absolute!important;inset:0!important;min-height:360px!important;overflow:hidden!important;z-index:0}
.reads19-hero__visual img{width:100%!important;height:100%!important;max-width:none!important;margin:0!important;display:block!important;object-fit:cover!important;object-position:center center!important}
.reads19-hero__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fffdf7 0%,rgba(255,253,247,.98) 25%,rgba(255,253,247,.86) 39%,rgba(255,253,247,.32) 56%,rgba(255,253,247,0) 72%)}
.reads19-hero__copy{position:relative!important;z-index:1!important;box-sizing:border-box!important;width:min(48%,720px)!important;min-height:360px!important;margin-left:max(6vw,calc((100vw - 1280px)/2))!important;padding:58px 30px 48px 0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;text-align:left!important}
.reads19-brandrow{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;margin:0 0 14px!important}
.reads19-site-logo{width:78px!important;height:78px!important;object-fit:contain!important}
.reads19-author-logo{width:62px!important;height:62px!important;object-fit:cover!important;border-radius:50%!important}
.reads19-hero__copy h1{font-size:44px!important;margin:7px 0 12px!important}
.reads19-hero__copy p{max-width:590px!important}

/* Reflexiones: identidad alineada con cabeceras de Recursos */
.reflections-hero__copy--brush{position:relative}
.reflections-site-logo{width:92px!important;height:92px!important;margin:0 0 12px!important;object-fit:contain!important}

@media(max-width:767px){
 .reads19-hero__inner{min-height:430px!important}
 .reads19-hero__visual{inset:auto 0 0 0!important;height:205px!important;min-height:205px!important}
 .reads19-hero__visual:after{background:linear-gradient(180deg,#fffdf7 0%,rgba(255,253,247,.28) 30%,rgba(255,253,247,0) 62%)}
 .reads19-hero__copy{width:100%!important;min-height:225px!important;margin:0!important;padding:24px 22px 18px!important;align-items:flex-start!important;text-align:left!important}
 .reads19-brandrow{justify-content:flex-start!important;margin-bottom:8px!important}
 .reads19-site-logo{width:62px!important;height:62px!important}
 .reads19-author-logo{width:50px!important;height:50px!important}
 .reads19-hero__copy h1{font-size:34px!important}
 .reflections-site-logo{width:72px!important;height:72px!important;margin:0 0 10px!important}
}

/* v2.6.27 — depuración final de cabeceras Lecturas / Reflexiones */
/* Lecturas: degradado más corto, bloque de texto contenido y marcas limpias. */
.reads19-hero__visual:after{background:linear-gradient(90deg,#fffdf7 0%,rgba(255,253,247,.97) 20%,rgba(255,253,247,.78) 31%,rgba(255,253,247,.22) 42%,rgba(255,253,247,0) 52%)!important}
.reads19-hero__copy{width:min(43%,560px)!important;padding-right:18px!important}
.reads19-hero__copy p{max-width:520px!important}
.reads19-site-logo,.reads19-author-logo{background:transparent!important;box-shadow:none!important;border:0!important}
.reads19-site-logo{object-fit:contain!important}

/* Reflexiones: las dos marcas forman una sola firma; sin brochazo y sin Bilbi inferior. */
.reflections-brandrow{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.reflections-brandrow .reflections-site-logo{width:78px!important;height:78px!important;margin:0!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important}
.reflections-brandrow .reflections-author-logo{width:62px!important;height:62px!important;margin:0!important;object-fit:cover!important;border-radius:50%!important;background:transparent!important;border:0!important;box-shadow:none!important}
.reflections-hero__copy--brush{padding:34px 28px 30px 14px!important}
.reflections-hero__copy--brush:before{display:none!important;content:none!important}
.reflections-hero__copy h1{position:relative;margin-bottom:26px!important}
.reflections-hero__copy h1:after{content:"";position:absolute;left:0;bottom:-13px;width:58px;height:4px;border-radius:99px;background:#C96745}
@media(max-width:767px){
 .reads19-hero__copy{width:100%!important}
 .reads19-hero__copy p{max-width:520px!important}
 .reflections-brandrow{justify-content:flex-start;margin-bottom:12px}
 .reflections-brandrow .reflections-site-logo{width:68px!important;height:68px!important}
 .reflections-brandrow .reflections-author-logo{width:54px!important;height:54px!important}
}

/* v2.6.28 — Lecturas: hero compacto, título fuera de la fotografía */
@media (min-width:768px){
  .reads19-hero{background:#fffdf7!important;padding:18px 0!important;border-bottom:1px solid #eee6da}
  .reads19-hero__inner{display:grid!important;grid-template-columns:minmax(390px,42%) minmax(0,58%)!important;align-items:stretch!important;width:min(calc(100% - 40px),1280px)!important;max-width:1280px!important;margin-inline:auto!important;min-height:285px!important;height:285px!important;border-radius:16px!important;overflow:hidden!important;background:#fffdf7!important;box-shadow:none!important;position:relative!important}
  .reads19-hero__copy{position:relative!important;z-index:2!important;width:auto!important;min-height:0!important;height:285px!important;margin:0!important;padding:26px 30px 24px 34px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;text-align:left!important;background:#fffdf7!important}
  .reads19-brandrow{margin:0 0 8px!important;gap:10px!important}
  .reads19-site-logo{width:58px!important;height:58px!important;background:transparent!important}
  .reads19-author-logo{width:48px!important;height:48px!important;background:transparent!important}
  .reads19-hero__copy h1{font-size:38px!important;line-height:1.04!important;margin:5px 0 9px!important;white-space:nowrap}
  .reads19-hero__copy p{max-width:470px!important;font-size:14px!important;line-height:1.45!important;margin:0!important}
  .reads19-hero__visual{position:relative!important;inset:auto!important;height:285px!important;min-height:285px!important;overflow:hidden!important;z-index:1!important;background:#fffdf7}
  .reads19-hero__visual img{position:absolute!important;right:0!important;top:0!important;width:154%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:cover!important;object-position:right center!important}
  .reads19-hero__visual:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,#fffdf7 0%,rgba(255,253,247,.88) 7%,rgba(255,253,247,.30) 16%,rgba(255,253,247,0) 27%)!important;pointer-events:none}
}
@media (max-width:767px){
  .reads19-hero{padding:10px 0 16px!important}
  .reads19-hero__inner{display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;border-radius:12px!important;overflow:hidden!important}
  .reads19-hero__copy{order:1!important;width:100%!important;min-height:0!important;height:auto!important;padding:20px 20px 18px!important;background:#fffdf7!important}
  .reads19-hero__visual{order:2!important;position:relative!important;inset:auto!important;height:175px!important;min-height:175px!important}
  .reads19-hero__visual img{position:absolute!important;right:0!important;width:150%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:cover!important;object-position:right center!important}
  .reads19-hero__visual:after{background:linear-gradient(90deg,#fffdf7 0%,rgba(255,253,247,.40) 10%,rgba(255,253,247,0) 24%)!important}
  .reads19-hero__copy h1{font-size:31px!important;white-space:normal!important}
}