:root{--ink:#131614;--paper:#efeee8;--soft:#e3e2da;--coral:#ed624c;--blue:#247be2;--muted:#72766f;--line:rgba(19,22,20,.17);--display:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.page-width{width:min(1140px,calc(100% - 72px));margin:0 auto}.notice-bar{align-items:center;background:var(--coral);color:#fff;display:flex;font:500 9px var(--mono);gap:10px;justify-content:center;letter-spacing:.11em;padding:8px 15px;text-transform:uppercase}.pulse{background:#fff;border-radius:50%;height:6px;width:6px}.site-header{align-items:center;background:#efeee8f2;border-bottom:1px solid var(--line);display:flex;height:84px;justify-content:space-between;padding:0 4.4%;position:sticky;top:0;z-index:5}.identity{align-items:center;display:flex;gap:12px}.identity-mark{align-items:center;border:1px solid var(--coral);color:var(--coral);display:flex;font:700 17px var(--display);height:38px;justify-content:center;letter-spacing:-.08em;width:43px}.identity strong{display:block;font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}.identity small{color:var(--muted);display:block;font:9px var(--mono);letter-spacing:.1em;margin-top:5px;text-transform:uppercase}.main-nav{align-items:center;display:flex;gap:30px}.main-nav a{font:500 10px var(--mono);letter-spacing:.09em;text-transform:uppercase}.main-nav a:hover{color:var(--coral)}.main-nav .nav-link{border-left:1px solid var(--line);padding-left:30px}.main-nav span,.text-link span,.article-more span,.card-coral a{color:var(--coral)}.menu-toggle{background:none;border:0;display:none}.hero{background:var(--ink);color:var(--paper);min-height:650px;overflow:hidden;position:relative}.hero-visual{background:linear-gradient(90deg,#13161438,#13161417),url(/assets/los-f-portada.webp) center/cover;inset:0;opacity:.82;position:absolute}.hero-content{padding:112px 0 120px;position:relative;z-index:2}.hero-photo{bottom:0;filter:grayscale(.15) contrast(1.03);height:470px;position:absolute;right:10%;width:310px;z-index:1}.hero-photo img{height:100%;object-fit:cover;object-position:center top;width:100%}.hero-photo:after{border:1px solid rgba(239,238,232,.5);content:"";inset:13px;position:absolute}.hero-photo:before{background:var(--coral);bottom:34px;content:"José Vargas";color:#fff;font:9px var(--mono);letter-spacing:.12em;padding:10px 13px;position:absolute;right:-30px;text-transform:uppercase;transform:rotate(-5deg);z-index:2}.kicker,.eyebrow{color:#9ba098;font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase}.kicker{align-items:center;display:flex;gap:12px}.line{background:var(--coral);display:inline-block;height:1px;width:56px}.hero h1{font:600 clamp(64px,9vw,124px) var(--display);letter-spacing:-.08em;line-height:.87;margin:38px 0 31px;max-width:720px}.hero h1 em,.feature h2 em,.section-heading h2 em,.main-article h3 em,.post-card h3 em,.author h2 em,.contact h2 em{color:var(--coral);font-style:italic}.hero-intro{color:#c5c9c2;font-size:16px;line-height:1.6;max-width:400px}.hero-actions{align-items:center;display:flex;gap:24px;margin-top:35px}.button{align-items:center;display:inline-flex;font:500 10px var(--mono);gap:13px;letter-spacing:.08em;padding:15px 18px;text-transform:uppercase;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button-coral{background:var(--coral);color:#fff}.button-coral:hover{background:#ff765d}.button-dark{background:var(--ink);color:var(--paper)}.text-link{font:500 10px var(--mono);letter-spacing:.07em;text-transform:uppercase}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-index{background:#131614c7;bottom:42px;color:#fff;font:10px var(--mono);padding:9px 11px;position:absolute;right:4.4%;z-index:3}.hero-caption{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#131614c7;border-left:3px solid var(--coral);bottom:40px;display:flex;flex-direction:column;padding:12px 16px;position:absolute;right:17%;z-index:3}.hero-caption span{color:#939991;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.hero-caption strong{color:var(--coral);font:italic 21px var(--display);margin-top:5px}.section{padding:128px 0}.section-tag{align-items:center;color:var(--coral);display:flex;font:10px var(--mono);gap:14px;letter-spacing:.08em;text-transform:uppercase}.section-tag i{background:var(--coral);height:1px;width:30px}.feature-layout{align-items:center;display:grid;gap:100px;grid-template-columns:.9fr 1.1fr;margin-top:57px}.book-cover{background:#fff;box-shadow:19px 22px #c4b9a7;overflow:hidden;position:relative;transform:rotate(-3deg);width:min(100%,355px)}.book-cover img{display:block;height:auto;max-height:620px;object-fit:contain;width:100%}.book-cover span{background:var(--coral);bottom:0;color:#fff;display:block;font:10px var(--mono);letter-spacing:.1em;padding:12px 16px;text-transform:uppercase}.book-poster:after{border:1px solid rgba(239,238,232,.23);content:"";inset:15px;position:absolute}.poster-text{display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative;z-index:1}.poster-text small,.poster-text span{color:#a5aaa1;font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase}.poster-text strong{color:var(--paper);font:600 54px/.88 var(--display);letter-spacing:-.08em}.poster-signal{background:var(--blue);box-shadow:0 0 20px var(--blue);height:2px;left:-20px;position:absolute;right:-20px;top:58%;transform:rotate(-15deg)}.poster-signal:after{background:var(--coral);border-radius:50%;box-shadow:0 0 15px 4px var(--coral);content:"";height:9px;left:70%;position:absolute;top:-3px;width:9px}.feature-copy h2,.section-heading h2,.author h2,.contact h2{font:600 clamp(49px,6vw,78px)/.91 var(--display);letter-spacing:-.075em;margin:22px 0 32px}.feature-copy>p:not(.eyebrow){color:#5f645e;font-size:15px;line-height:1.75;max-width:465px}.feature-footer{align-items:center;border-top:1px solid var(--line);display:flex;gap:20px;margin-top:38px;padding-top:16px}.feature-footer>span{color:var(--muted);font:9px var(--mono);letter-spacing:.04em}.latest{background:#d9d9d1}.section-heading{align-items:end;display:flex;justify-content:space-between}.article-layout{border-top:1px solid var(--line);display:grid;gap:80px;grid-template-columns:1.2fr .55fr;margin-top:61px;padding-top:30px}.article-meta{align-items:center;display:flex;gap:19px}.article-meta span{background:var(--blue);color:#fff;font:9px var(--mono);padding:6px 8px;text-transform:uppercase}.article-meta time{color:var(--muted);font:9px var(--mono);letter-spacing:.1em}.main-article h3{font:600 clamp(37px,4vw,57px)/.95 var(--display);letter-spacing:-.06em;margin:27px 0}.main-article p{color:#5f645e;font-size:15px;line-height:1.75;max-width:610px}.main-article p strong{color:var(--ink)}.article-more{color:var(--coral);display:inline-block;font:500 10px var(--mono);letter-spacing:.08em;margin-top:15px;text-transform:uppercase}.side-rail{border-left:1px solid var(--line);padding-left:27px}.rail-label{color:var(--muted);font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase}.rail-line{background:var(--coral);height:2px;margin:20px 0;width:31px}.side-rail p{border-bottom:1px solid var(--line);font:italic 17px var(--display);padding-bottom:13px}.share-row{align-items:center;display:flex;gap:8px;margin-top:30px}.share-row span{color:var(--muted);font:9px var(--mono);letter-spacing:.09em;margin-right:auto;text-transform:uppercase}.share-row button{background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--ink);font-size:11px;height:26px;width:26px}.post-grid{display:grid;gap:13px;grid-template-columns:repeat(3,1fr);margin-top:94px}.post-card{min-height:310px;padding:22px;position:relative;transition:transform .2s ease}.post-card:hover{transform:translateY(-5px)}.card-blue{background:var(--blue);color:#fff}.card-paper{background:var(--paper)}.card-coral{background:var(--coral);color:#fff}.post-number{font:10px var(--mono);opacity:.7}.post-card>div{bottom:22px;left:22px;position:absolute;right:22px}.post-category{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.post-card h3{font:600 31px/.95 var(--display);letter-spacing:-.06em;margin:24px 0 15px}.card-blue h3 em,.card-coral h3 em{color:#fff}.post-card p{font-size:12px;line-height:1.5;max-width:210px}.post-card a{font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.card-paper a{color:var(--coral)}.author{background:var(--ink);color:var(--paper)}.author-layout{align-items:center;display:grid;gap:77px;grid-template-columns:.48fr .9fr .7fr}.author-mark{color:var(--coral);font:700 clamp(100px,13vw,178px)/.75 var(--display);letter-spacing:-.15em}.author-mark span{color:#727a71;display:block;font:9px var(--mono);letter-spacing:.1em;margin-left:25px;margin-top:28px}.author h2{color:var(--paper)}.author-copy{color:#a1a69e;font-size:15px;line-height:1.7;max-width:380px}.dark-link{color:var(--paper);display:inline-block;margin-top:23px}.author-note{border-top:1px solid rgba(239,238,232,.25);padding-top:16px}.author-note>span{color:#99a096;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.author-note p{font:italic 21px/1.35 var(--display);margin-top:24px}.contact{background:var(--coral);color:#fff;overflow:hidden;position:relative}.contact:before{border:1px solid rgba(255,255,255,.28);border-radius:50%;content:"";height:600px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.contact-inner{position:relative;text-align:center;z-index:1}.contact .eyebrow{color:#ffffffbf}.contact h2{color:#fff}.contact h2 em{color:var(--ink)}.contact-inner>p:not(.eyebrow){font-size:15px;margin:24px auto 31px}.contact-actions{align-items:center;display:flex;gap:25px;justify-content:center}.contact .button-coral{background:var(--ink)}.contact-mail{font:500 10px var(--mono);letter-spacing:.07em;text-transform:uppercase}.footer{background:var(--ink);color:#959b92;padding:25px 0}.footer-inner{align-items:center;display:flex;justify-content:space-between}.footer p,.footer-top{font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.footer-top{color:var(--paper)}@media (max-width:850px){.page-width{width:min(100% - 40px,650px)}.site-header{height:72px;padding:0 20px}.menu-toggle{display:flex;flex-direction:column;gap:5px}.menu-toggle span{background:var(--ink);display:block;height:1px;width:22px}.main-nav{background:var(--paper);border-bottom:1px solid var(--line);display:none;flex-direction:column;gap:22px;left:0;padding:26px 20px 30px;position:absolute;right:0;top:72px}.main-nav.open{display:flex}.main-nav .nav-link{border:0;padding-left:0}.hero{min-height:700px}.hero-content{padding-top:100px}.hero h1{font-size:clamp(60px,14vw,98px)}.hero-caption{bottom:39px;right:30px}.hero-index{bottom:42px;left:20px;right:auto}.feature-layout,.article-layout,.author-layout{gap:55px;grid-template-columns:1fr}.book-poster{width:300px}.side-rail{border-left:0;border-top:1px solid var(--line);padding:23px 0 0}.post-grid{grid-template-columns:1fr 1fr}.author-mark{font-size:120px}.author-note{margin-left:25%}.footer-inner{align-items:flex-start;flex-direction:column;gap:18px}}@media (max-width:530px){.section{padding:88px 0}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-intro{font-size:15px}.feature-footer{align-items:flex-start;flex-direction:column}.post-grid{grid-template-columns:1fr}.post-card{min-height:270px}.contact-actions{align-items:flex-start;flex-direction:column}.contact:before{height:430px;width:430px}.footer-inner{gap:14px}}.feature-copy blockquote{border-left:3px solid var(--coral);color:#7e274e;font:italic 21px/1.35 var(--display);margin:28px 0 0;padding-left:19px;max-width:480px}.synopsis-strip{background:#7e274e;color:#f7eee6;padding:28px 0}.synopsis-inner{align-items:center;display:flex;gap:30px}.synopsis-label{color:#efc1b2;font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase}.synopsis-inner p{font:italic 25px var(--display);margin:0}.synopsis-mark{border:1px solid rgba(247,238,230,.5);font:22px var(--display);margin-left:auto;padding:8px 14px}.author-portrait{position:relative}.author-portrait img{filter:grayscale(.18);height:340px;object-fit:cover;object-position:center top;width:280px}.author-portrait:after{border:1px solid var(--coral);content:"";height:100%;left:13px;position:absolute;top:13px;width:100%;z-index:0}.author-portrait img{position:relative;z-index:1}.author-portrait span{background:var(--coral);bottom:15px;color:#fff;font:9px var(--mono);left:20px;letter-spacing:.12em;padding:9px;position:absolute;z-index:2}.author-copy em{color:#ef8274;font-style:italic}@media (max-width:850px){.hero-photo{height:330px;opacity:1;right:-60px;width:220px}.synopsis-inner{align-items:flex-start;flex-direction:column;gap:10px}.synopsis-mark{margin-left:0}.author-portrait img{height:290px;width:230px}}@media (max-width:530px){.hero-photo{height:260px;opacity:1;right:-55px;width:180px}.synopsis-inner p{font-size:21px}.hero-caption{display:none}}.feed-status{align-items:center;color:var(--muted);display:flex;font:9px var(--mono);gap:8px;letter-spacing:.08em;text-transform:uppercase}.status-dot{background:#d19a37;border-radius:50%;height:7px;width:7px}.status-dot.is-live{background:#38a878}.status-dot.is-error{background:var(--coral)}.feed-toolbar{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:53px;padding:14px 0}.feed-toolbar span,.feed-toolbar a{font:9px var(--mono);letter-spacing:.09em;text-transform:uppercase}.feed-toolbar span{color:var(--muted)}.feed-toolbar a{color:var(--coral)}.feed-grid{display:grid;gap:13px;grid-template-columns:repeat(3,1fr);margin-top:13px}.feed-card{background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;min-height:350px;padding:0;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.feed-card:hover{box-shadow:8px 9px #1316141f;transform:translateY(-5px)}.feed-card-featured{grid-column:span 2}.feed-card-image{background:#d3d1c8;display:block;height:145px;overflow:hidden;position:relative}.feed-card-featured .feed-card-image{height:195px}.feed-card-image img{height:100%;object-fit:cover;width:100%}.feed-card-art{align-items:center;background:linear-gradient(135deg,var(--blue),#62c9bd);color:#fff;display:flex;font:600 62px var(--display);height:100%;justify-content:center}.feed-card-content{display:flex;flex:1;flex-direction:column;padding:17px}.feed-card-meta{color:var(--coral);font:9px var(--mono);letter-spacing:.09em;text-transform:uppercase}.feed-card strong{font:600 24px/.98 var(--display);letter-spacing:-.05em;margin-top:17px}.feed-card-featured strong{font-size:32px}.feed-card-summary{color:#666b64;font-size:12px;line-height:1.5;margin-top:10px}.feed-card-more{color:var(--coral);font:500 9px var(--mono);letter-spacing:.08em;margin-top:auto;padding-top:17px;text-transform:uppercase}.feed-card-more span{font-size:13px}.feed-loading{align-items:center;border:1px dashed var(--line);display:flex;gap:14px;grid-column:1/-1;min-height:180px;padding:25px}.feed-loading span{border:2px solid var(--line);border-top-color:var(--coral);border-radius:50%;height:20px;width:20px}.feed-loading p,.feed-empty{color:var(--muted);font:12px var(--mono)}.feed-empty{border:1px dashed var(--line);margin-top:13px;padding:22px}.feed-empty a{color:var(--coral);text-decoration:underline}.post-modal[hidden]{display:none}.post-modal{inset:0;position:fixed;z-index:20}.modal-backdrop{background:#131614bf;inset:0;position:absolute}.modal-panel{background:var(--paper);height:min(86vh,800px);left:50%;max-width:780px;overflow:auto;padding:54px 62px;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px)}.modal-close{background:var(--ink);border:0;color:#fff;font-size:24px;height:36px;position:absolute;right:18px;top:18px;width:36px}.modal-meta{color:var(--coral);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.modal-panel h2{font-size:clamp(42px,6vw,70px);margin:23px 0 32px}.modal-body{color:#535952;font-size:15px;line-height:1.75}.modal-body img{height:auto;max-width:100%}.modal-body a{color:var(--coral);text-decoration:underline}.modal-original{border-top:1px solid var(--line);color:var(--coral);display:inline-block;font:500 10px var(--mono);letter-spacing:.08em;margin-top:32px;padding-top:15px;text-transform:uppercase}.modal-open{overflow:hidden}@media (max-width:850px){.feed-grid{grid-template-columns:repeat(2,1fr)}.feed-card-featured{grid-column:span 2}.modal-panel{padding:45px 28px}}@media (max-width:530px){.feed-status{margin-top:10px}.feed-toolbar{gap:12px;flex-direction:column}.feed-grid{grid-template-columns:1fr}.feed-card-featured{grid-column:auto}.feed-card-featured .feed-card-image{height:170px}.modal-panel{height:90vh;padding:42px 20px 25px;width:calc(100% - 24px)}}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:32px}.pagination button{align-items:center;background:transparent;border:1px solid var(--line);color:var(--ink);display:flex;font:500 10px var(--mono);height:34px;justify-content:center;min-width:34px;padding:0 10px}.pagination button:hover:not(:disabled),.pagination button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.pagination button:disabled{color:#b5b7b0;cursor:not-allowed}.pagination .page-arrow{font-size:15px}.pagination .page-number{font-size:10px}.feed-card>button{background:transparent;border:0;color:inherit;display:flex;flex:1;flex-direction:column;padding:0;text-align:left;width:100%}.feed-card-instagram{background:#f6f2eb}.feed-card-instagram a{display:flex;flex:1;flex-direction:column}.feed-card-instagram .feed-card-image{background:#d8d4ca}.feed-card-instagram .feed-card-meta{color:#7e274e}

@media (max-width: 850px) {
  .hero-caption {
    display: flex !important;
    left: 20px !important;
    right: auto !important;
    bottom: 24px !important;
    max-width: 230px;
    z-index: 5;
  }
}

@media (max-width: 530px) {
  .hero-caption {
    display: flex !important;
    left: 20px !important;
    right: auto !important;
    bottom: 24px !important;
    max-width: 220px;
    padding: 10px 12px;
  }

  .hero-caption strong {
    font-size: 18px;
  }
}

@media (max-width: 850px) {
  .hero-caption {
    display: flex !important;
    left: auto !important;
    right: 30px !important;
    bottom: 24px !important;
    max-width: 220px;
    z-index: 5;
  }
}

@media (max-width: 530px) {
  .hero-caption {
    display: flex !important;
    left: auto !important;
    right: 30px !important;
    bottom: 24px !important;
    max-width: 200px;
    padding: 10px 12px;
  }

  .hero-caption strong {
    font-size: 18px;
  }
}

/* Ajuste móvil de la leyenda junto a la fotografía */
@media (max-width: 850px) {
  .hero-caption {
    display: flex !important;
    left: auto !important;
    right: 8px !important;
    bottom: 24px !important;
    max-width: 220px;
    z-index: 5;
  }
}

@media (max-width: 530px) {
  .hero-caption {
    display: flex !important;
    left: auto !important;
    right: 8px !important;
    bottom: 24px !important;
    max-width: 200px;
    padding: 10px 12px;
  }

  .hero-caption strong {
    font-size: 18px;
  }
}

/* Nuevo fondo de la cabecera */
.hero-visual {
  background-image: url('/cabecera.png') !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Mejorar la visibilidad de "Diario de un escritor" */
.hero .kicker {
  font-size: 14px !important;
  letter-spacing: 0.18em !important;
  font-weight: 600 !important;
}

@media (max-width: 530px) {
  .hero .kicker {
    font-size: 12px !important;
    letter-spacing: 0.14em !important;
  }
}

/* Diario de un escritor: tamaño ampliado */
.hero .kicker {
  font-size: 17px !important;
  letter-spacing: 0.18em !important;
  font-weight: 600 !important;
}

@media (max-width: 530px) {
  .hero .kicker {
    font-size: 14px !important;
    letter-spacing: 0.14em !important;
  }
}

/* Menú principal ligeramente ampliado */
.main-nav a {
  font-size: 13px !important;
  letter-spacing: 0.12em !important;
}

@media (max-width: 850px) {
  .main-nav a {
    font-size: 14px !important;
    letter-spacing: 0.1em !important;
  }
}

/* Ajuste general de textos de identidad, navegación y pie */
.site-header .identity strong,
.footer .identity strong {
  font-size: 16px !important;
  letter-spacing: 0.08em !important;
}

.site-header .identity small,
.footer .identity small {
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
}

.main-nav a {
  font-size: 14px !important;
  letter-spacing: 0.12em !important;
}

.footer p,
.footer-top {
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
}

@media (max-width: 850px) {
  .site-header .identity strong,
  .footer .identity strong {
    font-size: 15px !important;
  }

  .site-header .identity small,
  .footer .identity small {
    font-size: 10px !important;
  }

  .main-nav a {
    font-size: 14px !important;
  }

  .footer p,
  .footer-top {
    font-size: 11px !important;
  }
}

/* Textos ampliados de cabecera, navegación y pie */
.site-header .identity strong,
.footer .identity strong {
  font-size: 18px !important;
  letter-spacing: 0.08em !important;
}

.site-header .identity small,
.footer .identity small {
  font-size: 13px !important;
  letter-spacing: 0.14em !important;
}

.main-nav a {
  font-size: 16px !important;
  letter-spacing: 0.12em !important;
}

.footer p,
.footer-top {
  font-size: 14px !important;
  letter-spacing: 0.1em !important;
}

@media (max-width: 850px) {
  .site-header .identity strong,
  .footer .identity strong {
    font-size: 17px !important;
  }

  .site-header .identity small,
  .footer .identity small {
    font-size: 12px !important;
  }

  .main-nav a {
    font-size: 16px !important;
  }

  .footer p,
  .footer-top {
    font-size: 13px !important;
  }
}