@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Lato:wght@300;400&display=swap');

@font-face {
  font-family: 'Lato Local';
  src: url('/assets/Lato-Light.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

:root {
  --navy: #040b10;
  --navy-lower: #040b10;
  --gold: #eac68f;
  --ivory: #eee7dc;
  --ink: #0b2940;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: var(--navy-lower); font-family: Lato, 'Lato Local', Avenir, "Avenir Next", Helvetica, Arial, sans-serif; }
button { font: inherit; }

.site-shell {
  --nav-height: 112px;
  min-height: 100svh;
  display: grid;
  grid-template-rows: var(--nav-height) minmax(0, 1fr) 0;
  overflow-x: hidden;
  background: var(--navy-lower);
}
.view-inicio { grid-template-rows: var(--nav-height) minmax(0, 1fr) 0; }
.view-textos,
.view-text-detail,
.view-encuentros { grid-template-rows: var(--nav-height) minmax(0, 1fr) clamp(58px, 7vh, 76px); }

.site-header {
  position: relative;
  z-index: 10;
  background:
    #041725;
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  border-bottom: 1px solid rgba(234,198,143,.075);
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 clamp(54px, 5.25vw, 94px);
}
.view-inicio .site-header {
  position: relative;
  inset: auto;
  width: auto;
  min-height: 0;
  background: linear-gradient(100deg, #020b12 0%, #03111b 48%, #041725 100%);
  border-bottom: 1px solid rgba(234,198,143,.075);
  box-shadow: none;
}
.view-textos .site-header,
.view-text-detail .site-header {
  background:
    #041725;
}
.view-encuentros .site-header {
  min-height: 0;
  background:
    #041725;
}
.view-inicio .site-header,
.view-textos .site-header,
.view-text-detail .site-header,
.view-encuentros .site-header {
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.brand {
  width: 195px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--gold);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  cursor: pointer;
}
.brand:focus { outline: none; }

.brand-name { display: block; color: var(--gold); font-family: 'Lato Local', Lato, sans-serif; font-size: 32px; font-weight: 300; line-height: 1.08; letter-spacing: 8px; white-space: nowrap; }
.brand img { width: 192px; height: 27px; object-fit: contain; object-position: left center; transform: translate(-2px, 2px); }

.site-header nav { display: flex; align-items: center; gap: clamp(52px, 6vw, 103px); transform: translateY(clamp(7px, .9vh, 10px)); }
.view-inicio .site-header nav { transform: translateY(clamp(7px, .9vh, 10px)); }
.site-header nav a {
  padding: 10px 0;
  border: 0;
  background: transparent;
  color: #eee4d5;
  font-family: 'Cormorant Garamond', Garamond, Georgia, serif;
  font-size: clamp(13px, .9vw, 16px);
  font-weight: 400;
  letter-spacing: .22em;
  line-height: 1;
  opacity: .92;
  cursor: pointer;
  text-shadow: none;
  transition: color .2s ease, opacity .2s ease;
}
.site-header nav a.active { color: var(--gold); }
.site-header nav a:hover { color: var(--gold); opacity: 1; }
.site-header nav a:focus { outline: none; }

.home-hero {
  min-height: 0;
  position: relative;
  background-image: url('/assets/textos-water-optimized.jpg');
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}
.view-inicio .home-hero { grid-row: 2; }

.home-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 91% 8%, rgba(234,164,86,.09), transparent 31%),
    linear-gradient(90deg, rgba(4,19,32,.82) 0%, rgba(4,19,32,.61) 28%, rgba(4,19,32,.22) 51%, transparent 76%);
  pointer-events: none;
}

.home-copy {
  position: absolute;
  z-index: 2;
  top: auto;
  bottom: clamp(94px, calc(13vh + 12px), 144px);
  left: clamp(64px, 8vw, 142px);
  transform: none;
  color: var(--gold);
}

.home-copy h1 {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--headline-gap, clamp(21px, 3vh, 31px));
  color: var(--headline-color, #d8c5a6);
  font-family: 'Cormorant Garamond', Garamond, Georgia, serif;
  font-size: clamp(36px, 3.15vw, var(--headline-size, 54px));
  line-height: 1.12;
  font-weight: 300;
  letter-spacing: var(--headline-spacing, .035em);
  text-shadow: 0 2px 24px rgba(3,16,28,.3);
}

.gold-rule { width: 44px; height: 1px; margin: clamp(42px, 6vh, 60px) 0 29px; background: var(--gold); }
.home-copy p { margin: 0; color: var(--intro-color, #e4ddd3); font-size: clamp(14px, 1.2vw, var(--intro-size, 21px)); font-weight: 300; line-height: var(--intro-line-height, 1.6); letter-spacing: .035em; white-space: pre-line; }

footer { display: none; background: var(--navy-lower); }
.view-textos footer,
.view-text-detail footer,
.view-encuentros footer {
  display: block;
  position: relative;
  border-top: 1px solid rgba(238,231,220,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.view-textos footer {
  border-top-color: rgba(146,184,196,.19);
  background: linear-gradient(90deg, #174554 0%, #103744 38%, #092832 70%, #041820 100%);
}
.view-inicio footer { display: none; }
.view-encuentros footer {
  background: linear-gradient(90deg, #8f9695 0%, #65777d 42%, #294754 72%, #0a202d 100%);
}
.view-text-detail footer {
  border-top-color: rgba(172,207,218,.22);
  background: linear-gradient(90deg, #1a4b5b 0%, #123a48 42%, #0a2935 72%, #051923 100%);
}

.textos-page {
  min-height: 0;
  position: relative;
  background-image: url('/assets/textos-lichtfuge-optimized.jpg');
  background-size: cover;
  background-position: center 52%;
  overflow: hidden;
}

.textos-page::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 73% 24%, rgba(234,198,143,.07), transparent 32%),
    linear-gradient(90deg, rgba(5,25,38,.52) 0%, rgba(7,32,47,.38) 37%, rgba(11,43,59,.14) 62%, transparent 82%);
}

.textos-panel {
  position: relative;
  z-index: 2;
  width: min(610px, 37vw);
  height: 100%;
  padding: clamp(42px, 5vh, 60px) 0 38px clamp(54px, 5.25vw, 94px);
  color: var(--ivory);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-label { margin: 0 0 13px; color: var(--gold); font-size: 10px; font-weight: 500; letter-spacing: .32em; }
.textos-literary-title { margin: 0; color: #eee9e2; font-family: 'Cormorant Garamond', Garamond, Georgia, serif; font-size: clamp(38px, 3.25vw, 56px); font-weight: 300; line-height: 1.12; letter-spacing: .025em; text-shadow: 0 2px 24px rgba(3,16,28,.24); }
.textos-mark { height: clamp(28px, 4.2vh, 42px); margin: 17px 0 11px; display: flex; align-items: center; }
.textos-mark span { display: block; width: 42px; height: 1px; background: var(--gold); }

.title-list { display: flex; flex-direction: column; align-items: flex-start; gap: clamp(9px, 1.25vh, 13px); width: min(485px, 94%); }
.title-list a {
  display: block;
  width: auto;
  padding: 2px 0 4px;
  border: 0;
  border-bottom: 1px solid transparent;
  background: transparent;
  color: #eee9e2;
  text-align: left;
  font-family: Lato, 'Lato Local', Avenir, sans-serif;
  font-size: clamp(17px, 1.28vw, 22px);
  line-height: 1.18;
  cursor: pointer;
  transition: color .2s ease, border-color .2s ease, transform .2s ease;
}
.title-list a:hover { color: var(--gold); border-bottom-color: rgba(234,198,143,.52); transform: translateX(4px); }

.text-detail-page {
  min-height: 0;
  position: relative;
  overflow-y: auto;
  color: var(--ivory);
  background:
    radial-gradient(ellipse at 76% 13%, rgba(89,135,157,.2), transparent 34%),
    radial-gradient(ellipse at 8% 78%, rgba(19,65,86,.38), transparent 46%),
    radial-gradient(ellipse at 54% 52%, rgba(27,69,88,.12), transparent 48%),
    linear-gradient(135deg, #061821 0%, #09222e 52%, #0b2b39 100%);
}
.text-detail-page::after {
  content: '';
  position: fixed;
  top: 12vh;
  right: -8vw;
  width: 38vw;
  height: 52vh;
  pointer-events: none;
  background: radial-gradient(rgba(234,198,143,.08), transparent 68%);
}
.text-detail-inner { position: relative; z-index: 2; width: min(760px, calc(100% - 56px)); margin: 0 auto; padding: clamp(58px, 8vh, 90px) 0 100px; }
.text-back { margin: 0 0 52px; padding: 0 0 5px; border: 0; border-bottom: 1px solid rgba(234,198,143,.28); background: transparent; color: var(--gold); font-size: 9px; letter-spacing: .22em; cursor: pointer; }
.text-back-bottom { margin: 36px 0 0; }
.text-detail-label { margin: 0 0 18px; color: var(--gold); font-size: 9px; letter-spacing: .28em; }
.text-detail-inner h1 { margin: 0; color: #f1ece3; font-family: 'Cormorant Garamond', Garamond, Georgia, serif; font-size: clamp(44px, 4.25vw, 66px); font-weight: 300; line-height: 1.08; letter-spacing: .025em; }
.text-detail-rule { width: 44px; height: 1px; margin: 35px 0 42px; background: var(--gold); }
.text-body { width: min(650px, 100%); color: #ddd9d2; font-family: Lato, 'Lato Local', Avenir, sans-serif; font-size: clamp(17px, 1.2vw, 19px); font-weight: 300; line-height: 1.72; letter-spacing: .012em; }
.text-body p { margin: 0 0 1.45em; }
.text-body p:last-child { color: #f1dfbd; font-size: 1.08em; }
.extra-page .text-detail-inner { width: min(820px, calc(100% - 56px)); }
.extra-page .text-detail-inner h1 { max-width: 800px; font-size: clamp(38px, 3.55vw, 56px); }
.extra-body h2 { margin: 2.2em 0 .75em; color: #f1ece3; font-family: 'Cormorant Garamond', Garamond, Georgia, serif; font-size: clamp(27px, 2vw, 32px); font-weight: 300; line-height: 1.24; letter-spacing: .025em; }
.extra-body a { color: var(--gold); text-decoration: none; border-bottom: 1px solid rgba(234,198,143,.26); }
.extra-body p:last-child { color: #ddd9d2; font-size: 1em; }

.quiet-page { min-height: 0; position: relative; overflow: hidden; color: var(--ink); background: linear-gradient(108deg, #c4c0b8 0%, #b7b6b1 22%, #8f9fa3 38%, #416371 54%, #15394b 72%, #061d2b 88%, #030c12 100%); }
.quiet-page::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse at 82% 11%, rgba(245,211,157,.32) 0%, rgba(234,198,143,.09) 31%, transparent 57%), linear-gradient(180deg, rgba(255,255,255,.045), transparent 46%); }
.quiet-copy { position: relative; z-index: 2; width: min(760px, 62vw); padding: clamp(55px, 6.5vh, 82px) 6vw 70px; }
.quiet-label { margin: 0 0 22px; color: var(--ink); font-size: 12px; font-weight: 600; letter-spacing: .27em; }
.quiet-copy h1 { margin: 0; font-family: 'Cormorant Garamond', Garamond, Georgia, serif; font-size: clamp(58px, 5.8vw, 94px); line-height: 1; font-weight: 300; letter-spacing: .025em; }
.encuentros-reading { width: min(1240px, 92vw); padding: clamp(40px, 4.8vh, 60px) 2vw 70px clamp(82px, 8.5vw, 150px); }
.encuentros-reading h1 { max-width: 780px; font-size: clamp(44px, 3.9vw, 64px); letter-spacing: .025em; }
.encuentros-reading .quiet-lead { margin-top: 20px; font-size: clamp(19px, 1.45vw, 24px); }
.encuentros-reading .quiet-rule { margin: 22px 0; }
.quiet-lead { margin: 28px 0 0; width: min(590px, 96%); color: var(--ink); font-family: Lato, 'Lato Local', Avenir, sans-serif; font-size: clamp(18px, 1.4vw, 23px); font-weight: 300; line-height: 1.55; }
.quiet-rule { width: 44px; height: 1px; margin: 31px 0; background: rgba(11,41,64,.62); }
.quiet-body { width: min(500px, 90%); margin: 0; font-family: Lato, 'Lato Local', Avenir, sans-serif; font-size: 18px; font-weight: 300; line-height: 1.7; }
.quiet-details { width: min(620px, 94%); display: grid; gap: 16px; color: #102f43; font-family: Lato, 'Lato Local', Avenir, sans-serif; font-size: clamp(17px, 1.2vw, 20px); font-weight: 400; line-height: 1.62; }
.quiet-details p { margin: 0; }
.encuentros-content { width: min(1100px, 100%); display: grid; grid-template-columns: minmax(320px, 1fr) minmax(300px, .9fr); gap: clamp(68px, 7vw, 112px); align-items: start; }
.encuentros-contact { position: relative; transform: translateX(clamp(14px, 3vw, 50px)); padding: 18px 0 24px; border: 0; display: flex; flex-direction: column; align-items: flex-end; gap: 11px; text-align: right; background: transparent; box-shadow: none; backdrop-filter: none; }
.encuentros-contact::before { content: ''; position: absolute; z-index: -1; right: -90px; top: -80px; width: 330px; height: 330px; pointer-events: none; background: radial-gradient(circle, rgba(234,198,143,.26) 0%, rgba(234,198,143,.08) 38%, transparent 70%); }
.contact-kicker { margin: 0 0 3px !important; color: #d7c8ad !important; font-family: Avenir, "Avenir Next", sans-serif !important; font-size: 12px !important; letter-spacing: .2em; }
.encuentros-contact h2 { margin: 0 0 6px; color: #f1e9dc; font-family: 'Cormorant Garamond', Garamond, Georgia, serif; font-size: 31px; font-weight: 300; letter-spacing: .03em; }
.encuentros-contact > a { color: #f0e9df; text-decoration: none; font-size: 18px; line-height: 1.45; letter-spacing: .035em; }
.encuentros-contact > a { padding-bottom: 3px; border-bottom: 1px solid rgba(234,198,143,.38); }
.encuentros-contact p { margin: 7px 0 0; color: #e8e1d7; font-family: Lato, 'Lato Local', Avenir, sans-serif; font-size: 17px; font-weight: 400; line-height: 1.58; }
.encuentros-contact p span { display: block; margin-bottom: 8px; color: #d4d0c7; font-family: Avenir, "Avenir Next", sans-serif; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; }
.encuentros-phone { color: #f0c982; text-decoration: none; font-size: 19px; font-weight: 400; }
.encuentros-links { margin-top: 17px; display: grid; justify-items: end; gap: 13px; }
.encuentros-links a { width: fit-content; padding: 2px 0 5px; border-bottom: 1px solid rgba(234,198,143,.38); color: #f0e9df; text-decoration: none; font-family: Lato, 'Lato Local', Avenir, sans-serif; font-size: clamp(19px, 1.4vw, 23px); font-weight: 400; line-height: 1.45; letter-spacing: .01em; transition: color .2s ease, border-color .2s ease; }
.encuentros-links a:hover { color: #765628; border-color: #765628; }
.contact-list { width: min(560px, 94%); display: grid; gap: 18px; }
.contact-list a { width: fit-content; padding-bottom: 5px; border-bottom: 1px solid rgba(234,198,143,.28); color: var(--ivory); text-decoration: none; font-size: 13px; letter-spacing: .07em; }
.contact-list div { margin-top: 10px; display: flex; flex-direction: column; gap: 7px; }
.contact-list span { color: #a9b5bd; font-size: 11px; letter-spacing: .09em; text-transform: uppercase; }
.contact-list strong { font-family: Charter, "Iowan Old Style", Baskerville, Georgia, serif; font-size: 20px; font-weight: 400; }
.contact-list .phone-link { margin-top: -3px; color: var(--gold); font-family: Charter, "Iowan Old Style", Baskerville, Georgia, serif; font-size: 18px; letter-spacing: .035em; }
.quiet-action { display: inline-block; margin-top: 39px; padding: 0 0 7px; border: 0; border-bottom: 1px solid rgba(11,41,64,.28); background: transparent; color: var(--ink); text-decoration: none; font-size: 11px; font-weight: 600; letter-spacing: .18em; }
.quiet-action span { margin-left: 9px; }
.encuentros-strip { display: none; }

.contacto .quiet-copy { width: min(760px, 62vw); padding-left: 8vw; }
.contacto .quiet-copy h1 { font-size: clamp(48px, 4.6vw, 72px); }
.contacto .quiet-lead { font-size: clamp(20px, 1.55vw, 26px); }

.demo-editor-button { position: fixed; z-index: 30; right: 22px; bottom: 20px; border: 1px solid rgba(234,198,143,.48); background: rgba(6,26,42,.92); color: var(--gold); padding: 11px 15px; font-size: 9px; letter-spacing: .15em; cursor: pointer; }

.editor-shell { min-height: 100vh; display: grid; grid-template-columns: 220px minmax(380px, 520px) 1fr; background: #e9e6df; color: var(--ink); }
.editor-sidebar { background: var(--navy); color: var(--ivory); padding: 35px 24px; display: flex; flex-direction: column; }
.editor-brand { color: var(--gold); font-size: 13px; letter-spacing: .2em; margin-bottom: 55px; }
.editor-sidebar nav { display: flex; flex-direction: column; gap: 7px; }
.editor-sidebar nav button, .editor-close { text-align: left; border: 0; background: transparent; color: inherit; padding: 12px 14px; font-size: 13px; cursor: pointer; }
.editor-sidebar nav button.selected { background: rgba(234,198,143,.12); color: var(--gold); }
.editor-close { margin-top: auto; opacity: .7; }
.editor-form { padding: 52px 48px; background: #f6f3ed; border-right: 1px solid #d7d1c7; }
.editor-heading { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 45px; }
.editor-heading span, .preview-label { font-size: 9px; letter-spacing: .2em; opacity: .55; }
.editor-heading h1 { font-family: Charter, Georgia, serif; font-size: 48px; font-weight: 400; margin: 7px 0 0; }
.save-button { border: 0; background: var(--navy); color: white; padding: 12px 18px; font-size: 11px; letter-spacing: .08em; }
.field-group { margin-bottom: 32px; }
.field-group label { display: block; margin-bottom: 10px; font-size: 11px; font-weight: 600; letter-spacing: .08em; }
.field-group input, .field-group textarea { display: block; width: 100%; border: 1px solid #cbc5bb; background: white; color: var(--ink); padding: 13px 14px; margin-bottom: 8px; font-family: Avenir, "Avenir Next", sans-serif; font-size: 15px; outline: none; }
.field-group textarea { resize: vertical; line-height: 1.5; }
.field-group input:focus, .field-group textarea:focus { border-color: var(--gold); }
.field-hint { display: block; margin-top: 8px; color: #756d63; font-size: 11px; line-height: 1.45; }
.style-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; padding-top: 8px; }
.style-grid label { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; color: #30485a; font-size: 10px; font-weight: 600; letter-spacing: .04em; }
.style-grid output { color: #766d62; font-weight: 400; }
.style-grid input[type="range"] { grid-column: 1 / -1; width: 100%; accent-color: var(--navy); }
.style-grid input[type="color"] { width: 34px; height: 28px; padding: 2px; border: 1px solid #cbc5bb; background: white; }
.editor-note { margin-top: 50px; color: #665f56; font-size: 12px; line-height: 1.5; }
.editor-preview { padding: 52px 4vw; overflow: hidden; }
.preview-card { width: 100%; max-width: 730px; aspect-ratio: 1.45; margin-top: 18px; position: relative; background: url('/assets/berge-hero.png') center/cover no-repeat; box-shadow: 0 18px 55px rgba(7,26,42,.17); }
.preview-copy { position: absolute; left: 7%; top: 48%; transform: translateY(-50%); display: flex; flex-direction: column; color: var(--gold); }
.preview-copy strong { font-size: var(--preview-headline-size, clamp(15px, 1.5vw, 25px)); font-weight: 300; letter-spacing: var(--preview-headline-spacing, .2em); margin-bottom: var(--preview-headline-gap, 12px); }
.preview-copy i { width: 28px; height: 1px; background: var(--gold); margin: 17px 0 14px; }
.preview-copy p { color: var(--ivory); white-space: pre-line; font-size: var(--preview-intro-size, clamp(8px, .8vw, 13px)); line-height: var(--preview-intro-line-height, 1.55); margin: 0; }

@media (max-width: 800px) {
  .site-shell { --nav-height: 144px; grid-template-rows: var(--nav-height) minmax(620px, 1fr) 0; }
  .site-shell.view-inicio { grid-template-rows: var(--nav-height) minmax(620px, 1fr) 0; }
  .view-inicio .site-header { min-height: 144px; padding-top: 25px; }
  .site-shell.view-textos,
  .site-shell.view-text-detail,
  .site-shell.view-encuentros { grid-template-rows: auto minmax(720px, 1fr) 48px; }
  .view-encuentros .site-header { min-height: 144px; }
  .site-header { min-height: 144px; padding: 25px 24px 20px; align-items: flex-start; }
  .brand { width: 150px; }
  .brand-name { font-size: 25px; letter-spacing: 6.4px; }
  .brand img { width: 148px; height: 25px; transform: translate(-2px, 2px); }
  .site-header nav { align-self: flex-end; gap: 18px; margin-left: -22px; }
  .site-header nav a { font-size: 9px; letter-spacing: .18em; }
  .home-hero { background-position: 61% center; }
  .home-copy { top: auto; bottom: 74px; left: 28px; transform: none; }
  .home-copy h1 { max-width: calc(100vw - 56px); font-size: 34px; gap: 0; letter-spacing: .025em; }
  .home-copy p { font-size: 15px; }
  .gold-rule { margin: 35px 0 22px; }
  .textos-page {
    background-color: var(--navy);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 59% center;
  }
  .textos-page::after { background: linear-gradient(90deg, rgba(4,19,32,.9) 0%, rgba(4,19,32,.72) 58%, rgba(4,19,32,.24) 100%); }
  .textos-panel { width: 100%; padding: 48px 27px 54px; justify-content: center; }
  .textos-literary-title { font-size: 29px; }
  .title-list { width: 100%; }
  .title-list a { font-size: 20px; }
  .text-detail-page {
    background:
      radial-gradient(ellipse at 86% 8%, rgba(89,135,157,.19), transparent 34%),
      radial-gradient(ellipse at 4% 72%, rgba(19,65,86,.36), transparent 44%),
      linear-gradient(155deg, #061821 0%, #09222e 58%, #0b2b39 100%);
  }
  .text-detail-inner { width: calc(100% - 52px); padding-top: 48px; }
  .text-back { margin-bottom: 38px; }
  .text-body { font-size: 18px; line-height: 1.66; }
  .quiet-page { background: linear-gradient(160deg, #bbb8b1 0%, #b5b4af 58%, #87989d 74%, #496775 87%, #153648 100%); }
  .quiet-copy { width: 100%; padding: 52px 28px 210px; }
  .contacto .quiet-copy { padding: 52px 28px 190px; }
  .quiet-copy h1 { font-size: 51px; }
  .quiet-lead { font-size: 24px; }
  .quiet-body { font-size: 18px; }
  .quiet-details { font-size: 17px; }
  .encuentros-reading { width: 100%; padding: 52px 28px 190px; }
  .encuentros-content { grid-template-columns: 1fr; gap: 34px; }
  .encuentros-contact { transform: none; margin-left: 0; padding: 24px 0; align-items: flex-start; text-align: left; }
  .encuentros-links { justify-items: start; }
  .encuentros-contact::before { right: -120px; top: -90px; width: 300px; height: 300px; opacity: .72; }
  
  .editor-shell { grid-template-columns: 1fr; }
  .editor-sidebar { min-height: auto; padding: 20px; }
  .editor-sidebar nav { flex-direction: row; flex-wrap: wrap; }
  .editor-close { margin-top: 20px; }
  .editor-form { padding: 35px 24px; border-right: 0; }
  .editor-preview { padding: 35px 24px 60px; }
}