:root{--forest:#2f4a37;--forest2:#405f48;--sage:#78906e;--sage3:#dfe8da;--cream:#f6f0e6;--paper:#fffaf2;--earth:#b88868;--ink:#2f362f;--muted:#6c746b;--line:rgba(55,75,57,.16);--shadow:0 18px 50px rgba(45,60,45,.13);--danger:#a54e48}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f8f4ec,var(--cream));color:var(--ink);font-family:Arial,sans-serif}a{color:inherit}.container{max-width:1180px;margin:auto;padding:0 22px}
.header{position:sticky;top:0;z-index:30;background:rgba(248,244,236,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:700 23px Georgia,serif;color:var(--forest);line-height:1}.brand small{display:block;font:11px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-top:5px}.links{display:flex;gap:20px;align-items:center;font-size:14px}.links a{text-decoration:none}
.btn{border:0;background:var(--sage);color:white;border-radius:999px;padding:11px 18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.btn.secondary{background:#ebe6dc;color:var(--forest)}.btn.danger{background:var(--danger)}.btn.small{padding:8px 12px;font-size:12px}
.hero{min-height:690px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(247,241,229,.96),rgba(247,241,229,.82) 33%,rgba(247,241,229,.2) 62%,transparent),url('images/hero.jpg') center/cover no-repeat}.hero-copy{max-width:590px}.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage);font-weight:800}h1,h2,h3{font-family:Georgia,serif;color:var(--forest)}h1{font-size:clamp(60px,8vw,100px);line-height:.9;margin:15px 0 24px}.tagline{font:italic clamp(21px,2.5vw,30px) Georgia,serif;line-height:1.45}.author{font:29px Georgia,serif;margin-top:22px}.hero-count{margin-top:20px;font-size:14px}.hero-count b{font-size:21px}
.progress-card{max-width:1040px;margin:-88px auto 0;position:relative;z-index:5;background:rgba(255,250,242,.97);box-shadow:var(--shadow);border-radius:26px;padding:30px 34px;display:grid;grid-template-columns:1.1fr 1fr;gap:38px}.progress-num{font:58px Georgia,serif;color:var(--sage)}.bar{height:12px;background:#e7e2d8;border-radius:999px;overflow:hidden;margin:12px 0}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--sage),var(--forest2))}.quote{border-left:1px solid var(--line);padding-left:30px;font:italic 22px Georgia,serif;line-height:1.55}
section{padding:66px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head h2{font-size:40px;margin:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fffaf2;border:1px solid var(--line);border-radius:19px;overflow:hidden}.card-img{aspect-ratio:16/9;background:linear-gradient(145deg,#cbd7c6,#e7d0b9);display:grid;place-items:center;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover}.card-body{padding:18px}.card h3{font-size:25px;margin:5px 0}.card p{color:var(--muted);line-height:1.55}
.cover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cover-wrap{text-align:center}.cover{aspect-ratio:2/3;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 14px 34px rgba(45,60,45,.14);position:relative}.cover img{width:100%;height:100%;object-fit:cover}.cover-overlay{position:absolute;inset:auto 12px 12px;background:rgba(255,250,242,.85);border-radius:10px;padding:9px;font:18px Georgia,serif}.vote-line{display:flex;justify-content:center;gap:8px;align-items:center;margin-top:11px}.vote-count{font-size:13px;color:var(--muted)}
.community{display:grid;grid-template-columns:1fr 1fr;gap:28px}.messages{display:grid;gap:12px}.message{background:#fffaf2;border:1px solid var(--line);border-radius:15px;padding:16px}.message p{font:italic 18px Georgia,serif;margin:0 0 8px}.formbox{background:linear-gradient(160deg,var(--sage3),#efe6d9);border-radius:22px;padding:24px}
input,textarea,select{width:100%;padding:12px 13px;border:1px solid #ccd4c8;border-radius:10px;background:#fffdf8;font:inherit;margin-top:8px}textarea{min-height:110px;resize:vertical}label{display:block;margin-top:12px;font-size:13px;font-weight:700;color:var(--forest)}.newsletter-band{background:linear-gradient(135deg,#d8e4d3,#eee4d7);border-radius:26px;padding:28px;display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center}.followers-stat{background:rgba(255,255,255,.55);border-radius:18px;padding:20px;text-align:center}.followers-stat strong{display:block;font:54px Georgia,serif}
footer{margin-top:60px;background:#d9e4d4;padding:36px 0}.notice{font-size:12px;color:var(--muted);margin-top:8px}.modal{position:fixed;inset:0;background:rgba(20,30,20,.76);display:none;align-items:center;justify-content:center;padding:20px;z-index:60}.modal.open{display:flex}.modalbox{max-width:820px;max-height:90vh;overflow:auto;background:var(--paper);border-radius:18px;padding:16px}.modalbox img{max-width:100%;max-height:76vh;display:block;margin:auto}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mobile-menu{display:none}
.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(150deg,#dbe7d7,#f3e9dd)}.login-card{width:min(430px,92vw);background:white;border-radius:22px;padding:28px;box-shadow:var(--shadow)}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--forest);color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh}.sidebar h2{color:#fff}.sidebar button,.sidebar a.side{width:100%;display:block;text-align:left;border:0;background:transparent;color:white;padding:11px 10px;border-radius:9px;cursor:pointer;margin:2px 0;text-decoration:none}.sidebar button.active,.sidebar button:hover,.sidebar a.side:hover{background:rgba(255,255,255,.12)}.admin-main{padding:28px}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel{display:none}.panel.active{display:block}.admin-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;margin-bottom:18px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.list-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;margin:10px 0}.thumb{width:92px;height:112px;object-fit:cover;border-radius:9px}.status{display:inline-block;font-size:12px;border-radius:999px;padding:4px 8px;background:#eee}.status.pending{background:#f2e4b8}.status.approved{background:#dcebdc}.counter-edit{font-size:42px;font-family:Georgia,serif}
@media(max-width:900px){.links{display:none}.mobile-menu{display:block}.progress-card,.community,.newsletter-band,.admin-grid{grid-template-columns:1fr}.grid3,.cover-grid{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}}@media(max-width:600px){.hero{min-height:600px;background-position:62% center}.progress-card{margin:-60px 15px 0;padding:22px}.grid3,.cover-grid{grid-template-columns:1fr}.admin-main{padding:16px}}


/* V2: nacimiento, blog, edición respetando formato y redes */
.preserve-text{white-space:pre-wrap;overflow-wrap:anywhere}
.story-section{padding-bottom:42px}
.story-shell{position:relative}
.story-track{
  display:flex;gap:20px;overflow-x:auto;padding:6px 4px 20px;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:thin;scrollbar-color:var(--sage) transparent;
}
.story-track::-webkit-scrollbar{height:8px}
.story-track::-webkit-scrollbar-thumb{background:var(--sage);border-radius:999px}
.story-card{
  flex:0 0 min(360px,82vw);scroll-snap-align:start;background:#fffaf2;border:1px solid var(--line);
  border-radius:19px;overflow:hidden;box-shadow:0 10px 30px rgba(48,64,48,.06)
}
.story-card .card-img{aspect-ratio:16/9}
.story-card .card-body{padding:20px}
.story-card h3{font-size:27px;margin:2px 0 12px}
.story-card p{color:var(--muted);line-height:1.62;margin:0;white-space:pre-wrap}
.story-arrows{display:flex;gap:8px}
.story-arrow{
  width:44px;height:44px;border-radius:50%;border:1px solid var(--line);
  background:#fffaf2;color:var(--forest);font-size:24px;cursor:pointer
}
.story-arrow:hover{background:var(--sage3)}
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.blog-card{background:#fffaf2;border:1px solid var(--line);border-radius:19px;overflow:hidden}
.blog-card .card-img{aspect-ratio:16/8}
.blog-card h3{font-size:28px;margin:5px 0 10px}
.blog-card p{white-space:pre-wrap;line-height:1.62;color:var(--muted)}
.blog-full{display:none;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.blog-card.open .blog-full{display:block}
.social-section{text-align:center;padding:22px 0 54px}
.social-section h2{font-size:34px;margin:0 0 14px}
.social-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.social-link{
  display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 16px;
  border-radius:999px;background:#fffaf2;border:1px solid var(--line);text-decoration:none;
  font-weight:700;color:var(--forest)
}
.social-link svg{width:24px;height:24px}
.social-link.disabled{opacity:.45;pointer-events:none}
.admin-text-preview{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.edit-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.hidden{display:none!important}
@media(max-width:800px){.blog-grid,.edit-grid{grid-template-columns:1fr}}
@media(max-width:600px){
  .story-card{flex-basis:86vw}
  .story-arrows{display:none}
  .blog-grid{grid-template-columns:1fr}
}

/* Personalización del panel */
.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.color-field{background:#faf8f3;border:1px solid var(--line);border-radius:12px;padding:12px}
.color-field input[type="color"]{height:48px;padding:3px;cursor:pointer}
.order-controls{display:flex;flex-direction:column;gap:6px}
.order-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#f2eee6;color:var(--forest);font-size:20px;cursor:pointer}
.order-number{font-size:12px;color:var(--muted);text-align:center}
.title-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:800px){.color-grid,.title-settings{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.color-grid,.title-settings{grid-template-columns:1fr}}


/* Sorpresa privada del panel */
.surprise-menu{
  margin-top:10px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04))!important;
  border:1px solid rgba(255,255,255,.15)!important;
}
.surprise-card{
  max-width:850px;
  margin:10px auto;
  background:linear-gradient(145deg,#fffaf4,#f4ece2);
  border:1px solid rgba(91,74,61,.12);
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 20px 55px rgba(57,49,43,.13);
}
.surprise-photo{
  width:100%;
  max-height:520px;
  object-fit:cover;
  display:block;
}
.surprise-content{
  padding:30px;
  text-align:center;
}
.surprise-content h2{
  font-size:38px;
  margin:0 0 10px;
}
.surprise-intro{
  font:italic 20px Georgia,serif;
  color:var(--muted);
  margin-bottom:24px;
}
.surprise-letter{
  max-width:680px;
  margin:auto;
  text-align:left;
  white-space:pre-wrap;
  font:18px/1.75 Georgia,serif;
  color:var(--ink);
}
.surprise-sign{
  margin-top:24px;
  font:italic 24px Georgia,serif;
  color:var(--forest);
  text-align:right;
}
.surprise-heart{
  font-size:36px;
  margin-bottom:8px;
}
@media(max-width:600px){
  .surprise-content{padding:22px 18px}
  .surprise-content h2{font-size:32px}
  .surprise-letter{font-size:17px}
}

/* Dedicatoria privada a pantalla completa */
#surprisePanel.surprise-fullscreen{
  position:fixed;
  inset:0;
  z-index:999;
  padding:0;
  margin:0;
  overflow:auto;
  background:
    linear-gradient(rgba(8,14,10,.54),rgba(8,14,10,.60)),
    url("images/nuestra-foto.jpg") center center/cover no-repeat;
}
#surprisePanel.surprise-fullscreen.active{display:block}
.surprise-overlay{
  min-height:100vh;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px 20px;
  box-sizing:border-box;
}
.surprise-inner{
  width:min(820px,94vw);
  text-align:center;
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.65);
}
.surprise-inner h2{
  color:#fff;
  font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive;
  font-size:clamp(34px,5vw,62px);
  font-weight:400;
  margin:12px 0 12px;
}
.surprise-message{
  white-space:pre-wrap;
  font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive;
  font-size:clamp(17px,2.15vw,27px);
  line-height:1.65;
  font-weight:400;
  color:#fff;
}
.surprise-symbol{
  font-size:48px;
  line-height:1;
}
.surprise-symbol.bottom{margin-top:18px}
.surprise-divider{
  margin:10px auto 26px;
  font-size:18px;
  opacity:.92;
}
@media(max-width:600px){
  .surprise-overlay{align-items:flex-start;padding-top:54px;padding-bottom:54px}
  .surprise-message{line-height:1.55}
}

.sales-section{padding:18px max(5vw,20px) 42px}
.sales-card{max-width:1100px;margin:auto;border:1px solid var(--sage3);background:linear-gradient(135deg,var(--paper),var(--cream));border-radius:24px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 12px 34px rgba(47,74,55,.08)}
.sales-card h2{margin:5px 0 8px}.sales-card p{margin:0;max-width:650px}.sales-price{font-weight:700;margin-top:10px;color:var(--forest)}
.sales-public-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.sales-buy-primary,.sales-buy-secondary,.buy-nav{display:inline-block;text-decoration:none;border-radius:999px;padding:12px 19px;font-weight:700}
.sales-buy-primary,.buy-nav{background:var(--forest);color:#fff!important}.sales-buy-secondary{border:1px solid var(--forest);color:var(--forest);background:transparent}
.sales-link-admin{display:grid;grid-template-columns:1fr 1.5fr auto auto;gap:10px;align-items:center;margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:12px}
.sales-toggle{display:block;padding:14px;background:#f7f3eb;border-radius:12px;margin:12px 0 18px}
@media(max-width:750px){.sales-card{display:block}.sales-public-links{justify-content:flex-start;margin-top:20px}.sales-link-admin{grid-template-columns:1fr}.buy-nav{padding:8px 12px}}

#securityPanel .admin-card{max-width:720px}
#securityPanel input{max-width:520px}

.sales-section[hidden]{display:none!important}
.sales-section{padding:24px clamp(18px,5vw,70px) 50px}
.sales-card{max-width:1100px;margin:0 auto;padding:28px;border-radius:24px;background:rgba(255,255,255,.72);box-shadow:0 12px 35px rgba(0,0,0,.08);text-align:center}
.sales-card h2{margin:6px 0 10px;font-size:clamp(30px,5vw,48px)}
.sales-card .sales-price{font-size:1.35rem;font-weight:700;margin:12px 0}
.sales-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.sales-buy-primary,.sales-buy-secondary{display:inline-block;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:700}
.sales-buy-primary{background:var(--forest,#243c32);color:white}
.sales-buy-secondary{border:1px solid var(--forest,#243c32);color:var(--forest,#243c32)}

.buy-nav{
  display:inline-block;
  text-decoration:none;
  border-radius:999px;
  padding:10px 16px;
  font-weight:700;
  background:var(--forest,#2f4a37);
  color:#fff!important;
}
.coming-soon-box{
  width:min(520px,92vw);
  text-align:center;
  padding:26px;
}
.coming-soon-box h2{font-size:36px;margin:8px 0 10px}
.coming-progress{margin:18px 0}
.coming-progress #comingProgressNum{
  display:block;
  font:48px Georgia,serif;
  color:var(--forest);
  margin-bottom:8px;
}
@media(max-width:900px){
  .buy-nav{padding:9px 13px;font-size:13px}
}

/* Corrección móvil + votación */
.header .nav{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.header-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
}
.mobile-menu-btn{
  display:none;
  width:44px;
  height:44px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--paper);
  color:var(--forest);
  font-size:22px;
  cursor:pointer;
}
.vote-btn:disabled,
.vote-btn.voted-disabled{
  opacity:.68;
  cursor:not-allowed;
}

@media(max-width:900px){
  .header .nav{
    min-height:68px;
    flex-wrap:wrap;
  }
  .brand{
    max-width:48%;
    font-size:18px;
  }
  .brand small{font-size:9px}
  .header-actions{
    max-width:52%;
  }
  .buy-nav{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    font-size:12px;
    padding:9px 12px;
  }
  .mobile-menu-btn{display:inline-grid;place-items:center}
  .links{
    display:none!important;
    position:absolute;
    left:0;
    right:0;
    top:100%;
    z-index:50;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:rgba(248,244,236,.98);
    backdrop-filter:blur(10px);
    border:1px solid var(--line);
    border-top:0;
    border-radius:0 0 16px 16px;
    padding:8px;
    box-shadow:0 14px 30px rgba(45,60,45,.12);
  }
  .links.mobile-open{display:flex!important}
  .links a{
    padding:12px 14px;
    border-radius:10px;
    text-decoration:none;
  }
  .links a:active{background:var(--sage3)}
}
@media(max-width:520px){
  .container.nav{padding-left:12px;padding-right:12px}
  .brand{max-width:44%;font-size:16px}
  .header-actions{gap:6px;max-width:56%}
  .buy-nav{font-size:11px;padding:8px 10px}
  .mobile-menu-btn{width:40px;height:40px}
}

/* Producción: mensajes, suscriptores, newsletter y seguridad */
#approvedMessages{max-height:460px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--sage) transparent}
#approvedMessages::-webkit-scrollbar,.scroll-list::-webkit-scrollbar{width:8px}
#approvedMessages::-webkit-scrollbar-thumb,.scroll-list::-webkit-scrollbar-thumb{background:var(--sage);border-radius:999px}
.scroll-list{max-height:520px;overflow-y:auto;padding-right:8px}
.panel-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}
.message-counters{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.pending{background:#f2e4b8;color:#685722}.badge.approved{background:#dcebdc;color:#355b3a}
.message-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.msg-filter.active{background:var(--forest);color:#fff}
.empty-state{padding:22px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center}
.subscriber-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px;border-bottom:1px solid var(--line)}
.newsletter-editor{min-height:260px}.newsletter-status{padding:12px 14px;border-radius:12px;margin:12px 0 18px;font-weight:700}.newsletter-status.configured{background:#dcebdc;color:#355b3a}.newsletter-status.pending{background:#f2e4b8;color:#685722}.newsletter-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex-wrap:wrap;height:100%}
.consent-line{font-weight:400;display:flex;gap:9px;align-items:flex-start;margin-top:12px}.consent-line input{width:auto;margin-top:3px}
.surprise-close{position:absolute;top:20px;right:20px;border:1px solid rgba(255,255,255,.55);background:rgba(20,20,20,.35);color:#fff;border-radius:999px;padding:10px 15px;cursor:pointer;font-weight:700}.surprise-inner{position:relative}
@media(max-width:700px){#approvedMessages{max-height:390px}.scroll-list{max-height:440px}.newsletter-actions{justify-content:flex-start}.subscriber-row{align-items:flex-start;flex-direction:column}.panel-heading-row{display:block}.message-counters{margin-top:10px}}

/* Newsletter: previsualización y opciones */
.newsletter-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;margin:8px 0 18px}.newsletter-checks{padding-top:10px}.newsletter-preview-modal{position:fixed;inset:0;background:rgba(20,30,20,.76);display:none;align-items:center;justify-content:center;padding:20px;z-index:120}.newsletter-preview-modal.open{display:flex}.newsletter-preview-shell{width:min(1050px,96vw);max-height:94vh;overflow:hidden;background:#f5f1e9;border-radius:18px;box-shadow:0 22px 65px rgba(0,0,0,.25);display:flex;flex-direction:column}.newsletter-preview-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;background:#fff;border-bottom:1px solid var(--line);flex-wrap:wrap}.newsletter-device-buttons{display:flex;gap:8px;flex-wrap:wrap}.preview-device.active{background:var(--forest);color:#fff}.newsletter-preview-stage{overflow:auto;padding:24px;display:flex;justify-content:center;background:linear-gradient(135deg,#e7e3db,#f7f4ee)}.newsletter-preview-frame{transition:width .2s ease;box-shadow:0 12px 38px rgba(0,0,0,.13);background:white}.newsletter-preview-frame.desktop{width:min(760px,100%)}.newsletter-preview-frame.mobile{width:390px;max-width:100%}.newsletter-preview-frame.mobile #newsletterPreviewContent>div{padding-left:6px!important;padding-right:6px!important}.newsletter-preview-frame.mobile #newsletterPreviewContent div[style*="padding:8px 30px 30px"]{padding-left:18px!important;padding-right:18px!important}.newsletter-preview-frame.mobile #newsletterPreviewContent h1{font-size:27px!important}
@media(max-width:700px){.newsletter-options-grid{grid-template-columns:1fr}.newsletter-preview-modal{padding:8px}.newsletter-preview-stage{padding:12px}.newsletter-preview-toolbar{align-items:flex-start}.newsletter-device-buttons{width:100%}}

/* Producción final: R2, legal, seguridad, sistema */
.small-counter{font-size:30px}.turnstile-slot{margin:14px 0;min-height:0}.footer-legal{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:12px}.footer-legal a{color:var(--forest)}
.login-recovery{margin-left:8px}.system-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.system-status{display:flex;justify-content:space-between;gap:12px;padding:14px;border-radius:12px;border:1px solid var(--line)}.system-status.ok{background:#edf6ec}.system-status.pending{background:#fbf2dc}.system-status.ok span{color:#355b3a;font-weight:700}.system-status.pending span{color:#765f25;font-weight:700}.system-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.launch-checklist{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fbfaf6}.newsletter-send-progress{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fbfaf6}.mini-progress{height:9px;background:#e7e2d8;border-radius:99px;overflow:hidden;margin:9px 0}.mini-progress span{display:block;height:100%;background:var(--sage);border-radius:inherit}.legal-page{max-width:850px;margin:auto;padding:48px 22px 80px;line-height:1.7}.legal-page h1{font-size:44px}.legal-page h2{margin-top:32px}.legal-warning{padding:14px;border-radius:12px;background:#f2e4b8;color:#685722;margin:16px 0}.reset-card{max-width:520px;margin:70px auto;padding:28px;background:#fffaf2;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
@media(max-width:700px){.system-status-grid{grid-template-columns:1fr}.login-recovery{margin:10px 0 0}.legal-page{padding-top:28px}.legal-page h1{font-size:36px}}
.subscriber-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:700px){.subscriber-actions{justify-content:flex-start}}

/* Ajustes de navegación de historias, diario y contador de visitas */
.story-guide{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px}
.story-dots{display:flex;align-items:center;justify-content:center;gap:9px;min-height:18px}
.story-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(47,74,55,.24);cursor:pointer;transition:transform .2s ease,background .2s ease}
.story-dot.active{background:var(--forest);transform:scale(1.35)}
.story-swipe-hint{font-size:13px;color:var(--muted);font-style:italic;transition:opacity .35s ease,transform .35s ease;opacity:1;transform:translateY(0)}
.story-swipe-hint.hidden-hint{opacity:0;transform:translateY(-4px);pointer-events:none}
#blogGrid{max-height:760px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--sage) transparent;align-content:start}
#blogGrid::-webkit-scrollbar{width:8px}
#blogGrid::-webkit-scrollbar-thumb{background:var(--sage);border-radius:999px}
.footer-visits{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.footer-visits strong{color:var(--forest)}
@media(min-width:601px){.story-swipe-hint{display:none}}
@media(max-width:600px){#blogGrid{max-height:620px}.story-guide{margin-top:12px}.story-swipe-hint{font-size:12px}}