/* Cinco apariencias coordinadas, sin modificar las tarjetas originales. */
body:not([data-web-style=eucalipto]) .envelope-back{background:var(--envelope-dark)}
body:not([data-web-style=eucalipto]) .envelope-front{background:var(--envelope)}
body:not([data-web-style=eucalipto]) .envelope-front:before{background:var(--envelope)}
body:not([data-web-style=eucalipto]) .envelope-front:after,
body:not([data-web-style=eucalipto]) .envelope-fold{background:var(--envelope-light)}
body:not([data-web-style=eucalipto]) .envelope-flap-face{background:var(--envelope)}
body:not([data-web-style=eucalipto]) .envelope-lining{background:var(--envelope-dark)}
body:not([data-web-style=eucalipto]) .recipient p,
body:not([data-web-style=eucalipto]) .recipient>span{color:var(--ink)}
body:not([data-web-style=eucalipto]) .opening-stage:before{background:radial-gradient(ellipse at 64% 50%,var(--envelope-light),transparent 65%);opacity:calc(var(--atmosphere,.45)*.65)}
body:not([data-web-style=eucalipto]) .our-day{background:var(--paper)}
body:not([data-web-style=eucalipto]) .paper-section{background:linear-gradient(135deg,var(--envelope-light),var(--paper))}
body:not([data-web-style=eucalipto]) .button-gold{background:var(--gold);border-color:var(--gold)}
body:not([data-web-style=eucalipto]) .botanical,
body:not([data-web-style=eucalipto]) .botanical-page-left,
body:not([data-web-style=eucalipto]) .botanical-page-right,
body:not([data-web-style=eucalipto]) .botanical-closing-left,
body:not([data-web-style=eucalipto]) .botanical-closing-right{filter:saturate(1.14) contrast(1.04)}

/* Coral: cabecera cursiva y detalles en cartelas curvas, sin tocar la tarjeta. */
body[data-web-style=coral] .opening-heading h1 em{color:var(--gold);font-style:italic}
body[data-web-style=coral] .opening-stage{background:radial-gradient(ellipse at 0 100%,#E7A88A3B,transparent 60%)}
body[data-web-style=coral] .our-day .couple{font-style:italic}
body[data-web-style=coral] .day-details>div{padding:26px 32px;border:1px solid var(--line);border-radius:80px 80px 10px 10px;background:#FFFFFF50}
body[data-web-style=coral] .paper-preview{transform:rotate(-3deg)}
body[data-web-style=coral] .counter-number{background:linear-gradient(180deg,#FFFAF7 0 49.7%,#CFA88D45 49.8% 50.2%,#F5E3D9 50.3%);border-color:#CCA28C80}
body[data-web-style=coral] .wedding-logo-aura{background:radial-gradient(ellipse,#F0B5A066,transparent 70%)}

/* Jardín: dos ramos coordinados nacen del borde inferior, sin flores aisladas. */
body[data-web-style=jardin] .opening-stage{background:radial-gradient(ellipse at 50% 100%,#C6AB6C24,transparent 68%),linear-gradient(150deg,#FFFCF4,#F3ECD9)}
body[data-web-style=jardin] .opening-heading h1{font-style:italic}
body[data-web-style=jardin] .our-day{border-block:1px solid #B9AA7E50}
body[data-web-style=jardin] .day-details>div{padding:18px 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body[data-web-style=jardin] .paper-preview{transform:rotate(0deg)}
body[data-web-style=jardin] .counter-number{background:linear-gradient(180deg,#FFFFFF 0 49.7%,#C4B58D35 49.8% 50.2%,#F8F1DE 50.3%)}
body[data-web-style=jardin] .botanical-branch-left,
body[data-web-style=jardin] .botanical-branch-right{display:none}
body[data-web-style=jardin] .botanical,
body[data-web-style=jardin] .botanical-page-left,
body[data-web-style=jardin] .botanical-page-right,
body[data-web-style=jardin] .botanical-closing-left,
body[data-web-style=jardin] .botanical-closing-right{height:auto;max-height:none;max-width:none;--breeze-turn:2deg;--breeze-rise:8px;--breeze-sway:4px;mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 88%,transparent)}
body[data-web-style=jardin] .botanical-left,
body[data-web-style=jardin] .botanical-right{width:min(17vw,250px,36svh);top:auto;bottom:-12px;opacity:.82}
body[data-web-style=jardin] .botanical-left{left:26px;transform:rotate(4deg)}
body[data-web-style=jardin] .botanical-right{right:26px;transform:rotate(-4deg) scaleX(-1);animation-duration:7.1s;animation-delay:-1.8s}
body[data-web-style=jardin] .botanical-page-left,
body[data-web-style=jardin] .botanical-page-right,
body[data-web-style=jardin] .botanical-closing-left,
body[data-web-style=jardin] .botanical-closing-right{width:min(17vw,240px);top:auto;bottom:-10px;opacity:.56}
body[data-web-style=jardin] .botanical-page-left,
body[data-web-style=jardin] .botanical-closing-left{left:20px;transform:rotate(6deg)}
body[data-web-style=jardin] .botanical-page-right,
body[data-web-style=jardin] .botanical-closing-right{right:20px;transform:rotate(-6deg) scaleX(-1)}
@media(min-width:851px){
  body[data-web-style=jardin] .opening-heading{left:19%}
  body[data-web-style=jardin] .opening-heading h1{font-size:clamp(64px,5.7vw,108px)}
  body[data-web-style=jardin] .scroll-cue{left:19%}
}
@media(min-width:851px) and (max-width:1100px){
  body[data-web-style=jardin] .opening-heading{left:15%}
  body[data-web-style=jardin] .opening-heading h1{font-size:58px}
  body[data-web-style=jardin] .botanical-left,
  body[data-web-style=jardin] .botanical-right{width:12vw;bottom:-8px}
}

/* Olivo editorial: iniciales horizontales y estructura de carta clásica. */
body[data-web-style=editorial] .opening-heading h1 em{font-style:normal}
body[data-web-style=editorial] .section-ornament{gap:38px}
body[data-web-style=editorial] .our-day .couple{letter-spacing:-1px}
body[data-web-style=editorial] .day-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:fit-content;max-width:100%;margin-inline:auto;padding:24px 36px}
body[data-web-style=editorial] .paper-section{grid-template-columns:1fr 1fr;background:linear-gradient(135deg,#F9F6ED,#E9EAD9);color:var(--ink)}
body[data-web-style=editorial] .paper-intro>.eyebrow{color:var(--gold)}
body[data-web-style=editorial] .paper-intro>p:last-child{color:var(--muted)}
body[data-web-style=editorial] .paper-preview{transform:rotate(0deg)}
body[data-web-style=editorial] .counter-number{border-radius:3px;background:linear-gradient(180deg,#FCF8ED 0 49.7%,#A2946940 49.8% 50.2%,#E9E4D2 50.3%)}

/* Eucalipto: una rama vertical al borde izquierdo, no una esquina aislada. */
@media(min-width:851px){
  body[data-web-style=eucalipto] .botanical-branch-left{width:clamp(72px,9vw,148px);height:calc(100% - 98px);max-width:none;max-height:none;left:-8px;top:88px;bottom:auto;object-fit:cover;object-position:left top;transform:none;opacity:.82;mask-image:linear-gradient(to right,#000 45%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 72%,transparent 96%);mask-composite:intersect;--breeze-turn:1deg;--breeze-rise:5px;--breeze-sway:2px}
  body[data-web-style=eucalipto] .botanical-left{display:none}
  body[data-web-style=eucalipto] .botanical-right{width:min(15vw,240px);right:16px;top:17%;--breeze-turn:2deg;--breeze-rise:8px;--breeze-sway:4px}
}

/* Seda: gris perla, follaje abierto y una lectura más limpia. */
body[data-web-style=seda] .opening-stage{background:radial-gradient(ellipse at 5% 84%,#B9CBA5A6,transparent 47%),radial-gradient(ellipse at 91% 14%,#CEDBC8B3,transparent 48%),linear-gradient(125deg,#F8F7EF 15%,#ECF0E5 44%,#FFFDF4 66%,#DDE5D6 100%)}
body[data-web-style=seda] .opening-heading:after{content:'✧';display:block;width:100px;margin-top:30px;color:var(--gold);font-size:23px;letter-spacing:0;border-bottom:1px solid #91A17B80;padding-bottom:12px}
body[data-web-style=seda] .opening-heading h1{font-weight:400}
body[data-web-style=seda] .opening-heading h1 em{font-style:normal}
body[data-web-style=seda] .our-day{background:radial-gradient(ellipse at 50% 20%,#FFFFFFD9,transparent 65%),linear-gradient(125deg,#E0E8D7,#FBF9EE 48%,#DAE4D2)}
body[data-web-style=seda] .section-ornament{width:fit-content;margin-inline:auto;padding:18px 25px;border:1px solid #A8B29480;border-radius:60px;background:#FFFEF699;box-shadow:0 5px 18px #4E674810,inset 0 0 0 5px #FFFFFF60}
body[data-web-style=seda] .our-day .couple{font-weight:400}
body[data-web-style=seda] .day-details>div{padding:24px 32px;border:1px solid #AFB99D99;border-radius:28px 28px 6px 6px;background:#FFFDF5B3;box-shadow:0 8px 22px #40513C0A,inset 0 1px #FFFFFF}
body[data-web-style=seda] .details-star{display:none}
body[data-web-style=seda] .paper-section{background:radial-gradient(ellipse at 80% 20%,#F3E8D47D,transparent 60%),linear-gradient(130deg,#BACAB0,#E4EADB 50%,#C7D5BE)}
body[data-web-style=seda] .paper-preview{transform:rotate(0deg);padding:12px;background:#FFFDF5;border:1px solid #B6C09F;border-radius:6px;box-shadow:0 22px 48px #3F53362B,0 0 0 6px #F8F5E773}
body[data-web-style=seda] .paper-preview>span{margin:20px 0 8px}
body[data-web-style=seda] .closing{background:radial-gradient(ellipse at 50% 32%,#FCF9EFD9,transparent 62%),linear-gradient(145deg,#E2E9DA,#F6F5E9 50%,#DDE6D4)}
body[data-web-style=seda] .countdown{padding:22px 26px;border-radius:32px;background:#FDFBF173;border:1px solid #AAB69C6B;box-shadow:0 12px 34px #3F53360C}
body[data-web-style=seda] .counter-number{border-radius:22px;background:linear-gradient(180deg,#FEFEFC 0 49.7%,#AEB3AA30 49.8% 50.2%,#E6E9E3 50.3%);box-shadow:0 5px 0 #BEC4BC40,0 12px 26px #333C3212}
body[data-web-style=seda] .wedding-logo-aura{background:radial-gradient(ellipse,#BECBC350,transparent 70%)}
/* Las ramas completas tienen margen para el vaivén, no sólo para su caja fija. */
body[data-web-style=seda] .botanical-branch-left,
body[data-web-style=seda] .botanical-branch-right{display:none}
/* Una misma pareja de esquinas, no dos ramas flotantes a alturas distintas.
   El follaje acompaña al sobre cerrado y se retira antes de leer la tarjeta. */
body[data-web-style=seda] .botanical{height:auto;max-height:none;max-width:none;--breeze-turn:1.4deg;--breeze-rise:5px;--breeze-sway:3px}
body[data-web-style=seda] .botanical-left,
body[data-web-style=seda] .botanical-right{width:min(15vw,220px,32svh);top:auto;bottom:18px;z-index:2;opacity:calc(.78 * var(--heading-alpha));mask-image:linear-gradient(to bottom,transparent 11%,#000 21%,#000 91%,transparent),linear-gradient(to right,#000 78%,transparent 93%);mask-composite:intersect}
body[data-web-style=seda] .botanical-left{left:22px;transform:rotate(0deg)}
body[data-web-style=seda] .botanical-right{right:22px;transform:scaleX(-1);animation-duration:8.1s;animation-delay:-3.6s}
body[data-web-style=seda] .edition{display:none}
@media(min-width:851px) and (max-width:1100px){
  body[data-web-style=seda] .opening-heading{left:8%;right:auto;width:32%}
  body[data-web-style=seda] .opening-heading h1{font-size:clamp(52px,6vw,66px);letter-spacing:-2px}
  body[data-web-style=seda] .opening-subtitle{font-size:16px;line-height:1.5;max-width:28ch}
  body[data-web-style=seda] .scroll-cue{left:22%}
}
body[data-web-style=seda] .botanical-page-left,
body[data-web-style=seda] .botanical-page-right,
body[data-web-style=seda] .botanical-closing-left,
body[data-web-style=seda] .botanical-closing-right{width:min(13vw,180px);max-width:none;--breeze-turn:3deg;--breeze-rise:10px;--breeze-sway:6px}
body[data-web-style=seda] .botanical-page-left,
body[data-web-style=seda] .botanical-closing-left{left:36px;bottom:6%;transform:rotate(8deg)}
body[data-web-style=seda] .botanical-page-right,
body[data-web-style=seda] .botanical-closing-right{right:36px;top:7%;transform:rotate(175deg)}

/* El modo nocturno conserva legibilidad en las cinco apariencias. */
body[data-theme=noche] .day-details>div{background:transparent}
body[data-theme=noche]:not([data-web-style=eucalipto]) .recipient p,
body[data-theme=noche]:not([data-web-style=eucalipto]) .recipient>span{color:#243D2F}
body[data-theme=noche] .paper-section{background:linear-gradient(135deg,#304E3D,#1D392B);color:var(--ink)}
body[data-theme=noche] .counter-number{background:linear-gradient(180deg,#2F4538 0 49.7%,#101E163D 49.8% 50.2%,#283E31 50.3%);border-color:#8E82574D}
body[data-theme=noche] .button-gold{background:#E7BF6D;border-color:#E7BF6D;color:#193C2B}
body[data-theme=noche] .wedding-logo-aura{inset:-18%;background:radial-gradient(ellipse at 48% 47%,#FFF7D9F5 0%,#E9D3AACC 30%,#ADC59C80 48%,transparent 72%);filter:blur(22px);animation-name:wedding-logo-aura-night}
body[data-theme=noche] .closing-logo img{filter:drop-shadow(0 5px 12px #09170F70) brightness(1.08) saturate(1.08)}
body[data-theme=noche][data-web-style=jardin] .opening-stage{background:radial-gradient(ellipse at 50% 100%,#BFA05B24,transparent 68%),linear-gradient(150deg,#273D30,#23362B)}
body[data-theme=noche][data-web-style=seda] .opening-stage,
body[data-theme=noche][data-web-style=seda] .our-day,
body[data-theme=noche][data-web-style=seda] .closing{background:radial-gradient(ellipse at 14% 80%,#72906445,transparent 56%),linear-gradient(125deg,#263F32,#304D3A 55%,#233A2B)}
body[data-theme=noche][data-web-style=seda] .day-details>div,
body[data-theme=noche][data-web-style=seda] .section-ornament,
body[data-theme=noche][data-web-style=seda] .countdown{background:#132D2090;border-color:#B0B99555;box-shadow:0 10px 25px #091A1433}
@keyframes wedding-logo-aura-night{0%,100%{scale:.98;opacity:.88}50%{scale:1.08;opacity:1}}
@media(max-width:560px){
  body:not([data-web-style=eucalipto]) .botanical-right{max-width:60vw;right:-40%;opacity:.65}
  body:not([data-web-style=eucalipto]) .botanical-left{max-width:60vw;left:-38%}
  body:not([data-web-style=eucalipto]) .botanical-branch-left{max-width:50vw;left:-40%}
  body:not([data-web-style=eucalipto]) .botanical-branch-right{max-width:50vw;right:-40%}
  body[data-web-style=coral] .day-details>div{padding:22px 24px;width:100%}
  body[data-web-style=jardin] .day-details>div{padding:18px 10px;width:100%}
  body[data-web-style=editorial] .day-details{padding:24px 18px;width:100%}
  body[data-web-style=editorial] .paper-section{grid-template-columns:1fr}
  body[data-web-style=seda] .day-details>div,
  body[data-web-style=seda] .day-details>div:last-child{padding:18px 16px;width:100%}
  body[data-web-style=seda] .opening-heading:after{margin:16px auto 0;padding-bottom:6px;font-size:18px;width:70px}
  body[data-web-style=seda] .countdown{padding:16px 10px;border-radius:24px}
}
@media(min-width:1100px){
  body[data-web-style=seda] .opening-heading{left:16%}
  body[data-web-style=seda] .scroll-cue{left:16%}
}
@media(max-width:850px){
  body[data-web-style=jardin] .botanical-left,
  body[data-web-style=jardin] .botanical-right{width:clamp(86px,25vw,148px);max-width:none;top:auto;bottom:calc(68px + env(safe-area-inset-bottom,0px));opacity:.72;--breeze-turn:1.5deg;--breeze-rise:6px;--breeze-sway:3px}
  body[data-web-style=jardin] .botanical-left{left:-10px;transform:rotate(12deg)}
  body[data-web-style=jardin] .botanical-right{right:-10px;transform:rotate(-12deg) scaleX(-1)}
  body[data-web-style=jardin] .botanical-page-left,
  body[data-web-style=jardin] .botanical-page-right{width:clamp(76px,21vw,110px);bottom:-8px;opacity:.46}
  body[data-web-style=jardin] .botanical-closing-left,
  body[data-web-style=jardin] .botanical-closing-right{width:clamp(70px,19vw,100px);bottom:-8px;opacity:.4}
  body[data-web-style=jardin] .botanical-page-left,
  body[data-web-style=jardin] .botanical-closing-left{left:-4px}
  body[data-web-style=jardin] .botanical-page-right,
  body[data-web-style=jardin] .botanical-closing-right{right:-4px}
  body[data-web-style=seda] .botanical-page-left,
  body[data-web-style=seda] .botanical-page-right,
  body[data-web-style=seda] .botanical-closing-left,
  body[data-web-style=seda] .botanical-closing-right{width:clamp(48px,16vw,90px);max-width:none;--breeze-turn:2deg;--breeze-rise:7px;--breeze-sway:4px}
  body[data-web-style=seda] .botanical-page-left,
  body[data-web-style=seda] .botanical-closing-left{left:24px}
  body[data-web-style=seda] .botanical-page-right,
  body[data-web-style=seda] .botanical-closing-right{right:24px}
}
@media(max-width:560px) and (max-height:640px){.scroll-cue{display:none}}
@media(max-width:850px) and (max-height:760px){
  /* En móviles bajos el adorno no debe caer sobre la solapa. */
  body[data-web-style=seda] .opening-heading:after{display:none}
}