#app .ht360-full-cover.hero{display:block!important;padding:0!important;min-height:0!important;background:#123b2c;overflow:hidden;border:0;margin:0}
.ht360-cover-stage{position:relative;container-type:inline-size;aspect-ratio:3/1;width:100%;min-width:0;overflow:hidden;background:#123b2c;color:#fffef9;isolation:isolate}
.cover-stage-image,.cover-stage-fallback,.cover-stage-shade{position:absolute;inset:0;width:100%;height:100%;margin:0;pointer-events:none}
.cover-stage-image{display:block;object-fit:cover}.cover-stage-fallback{background:radial-gradient(ellipse at 85% 30%,#507845,#143b2d 70%)}
.cover-stage-shade{background:linear-gradient(90deg,rgba(9,25,18,var(--cover-shade,.7)),rgba(9,25,18,calc(var(--cover-shade,.7)*.45)) 65%,rgba(9,25,18,calc(var(--cover-shade,.7)*.15)))}
.cover-stage-copy,.cover-stage-actions{position:absolute;z-index:1;min-width:0;box-sizing:border-box}
.cover-stage-copy p{margin:0}.cover-stage-copy .cover-stage-label{font:600 clamp(8px,.9cqw,11px)/1.35 'Exo 2',sans-serif;letter-spacing:.12em;margin-bottom:clamp(5px,1cqw,12px);color:inherit}
#app .cover-stage-copy h1,#app .cover-stage-copy h2,.cover-stage-copy h1,.cover-stage-copy h2{font-family:'Exo 2',sans-serif;font-style:italic;font-weight:800;font-size:clamp(20px,3.1cqw,36px);line-height:1.12;letter-spacing:-.025em;white-space:pre-line;margin:0 0 clamp(8px,1.3cqw,15px);color:inherit;max-width:none}
#app .cover-stage-copy .cover-stage-intro,.cover-stage-copy .cover-stage-intro{font:400 clamp(10px,1.3cqw,15px)/1.5 Barlow,Arial,sans-serif;color:inherit;max-width:65ch}
.cover-stage-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
#app .cover-stage-actions .button,.cover-stage-actions .button{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:34px;font:600 clamp(10px,1.1cqw,13px)/1.3 'Exo 2',sans-serif;text-decoration:none;border-radius:999px;padding:8px 14px;box-shadow:none;white-space:normal;background:#f1c433;color:#152d20;border:1px solid #f1c433}
#app .cover-stage-actions .button.secondary,.cover-stage-actions .button.secondary{background:#fffef9ed;color:#163d2a;border-color:#fffef9ed}
.ht360-cover-stage[data-theme=dark]{color:#102d20}.ht360-cover-stage[data-theme=dark] .cover-stage-shade{background:linear-gradient(90deg,rgba(255,254,249,var(--cover-shade,.7)),rgba(255,254,249,calc(var(--cover-shade,.7)*.45)) 65%,rgba(255,254,249,calc(var(--cover-shade,.7)*.15)))}
.ht360-cover-stage[data-size=mobile]{aspect-ratio:auto;min-height:400px}.ht360-cover-stage[data-size=mobile] .cover-stage-copy h1,.ht360-cover-stage[data-size=mobile] .cover-stage-copy h2{font-size:clamp(22px,6cqw,28px)}.ht360-cover-stage[data-size=mobile] .cover-stage-intro{font-size:14px;line-height:1.5}.ht360-cover-stage[data-size=mobile] .cover-stage-label{font-size:10px}.ht360-cover-stage[data-size=mobile] .button{font-size:12px;min-height:36px}
.cover-designer-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}.cover-preview-frame{position:sticky;top:20px;min-width:0}.cover-preview-frame.mobile{max-width:390px;margin-inline:auto}.cover-preview-frame .ht360-cover-stage{border:1px solid #17251d;border-radius:12px}
.is-design-preview .cover-stage-copy,.is-design-preview .cover-stage-actions{outline:1px dashed #f1c433;outline-offset:5px;cursor:grab;touch-action:none;user-select:none}.is-design-preview [data-cover-move]:focus{outline:2px solid #f1c433}.is-design-preview [data-cover-move]:active{cursor:grabbing}.is-design-preview [data-cover-move]::before{content:'Texto';position:absolute;top:-20px;left:0;background:#f1c433;color:#17251d;border-radius:5px;padding:2px 6px;font:600 10px/1.3 'Exo 2',sans-serif}.is-design-preview [data-cover-move=buttons]::before{content:'Botones'}.cover-design-fields fieldset{border:1px solid #c5d1bd;border-radius:10px;padding:10px 13px;margin:12px 0}.cover-design-fields legend{font:600 12px 'Exo 2',sans-serif}.cover-design-fields input[type=range]{padding:0;width:100%;min-height:24px}.cover-design-fields .field{font-size:12px}.cover-design-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-block:14px}.cover-design-toolbar label{font-size:13px}.cover-design-toolbar select{padding:8px;border-radius:9px;border:1px solid #a6b69b;font:14px Barlow,sans-serif}.cover-design-actions{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}.cover-preview-help{font-size:12px;color:#526b55;margin-top:14px}
@media(max-width:1000px){.cover-designer-grid{grid-template-columns:1fr}.cover-preview-frame{position:static}.cover-design-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cover-design-fields>label{grid-column:1/-1}}
@media(max-width:600px){.cover-design-fields{display:block}.cover-preview-frame .ht360-cover-stage{aspect-ratio:auto;min-height:400px}}

#app .ht360-full-cover.hero[hidden]{display:none!important}
