:root{--brown:#542714;--brown2:#853e21;--cream:#f8ece4;--border:#d7b4a3;--shadow:0 12px 36px #633a271c}*{box-sizing:border-box}html{background:#f5e6de}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--brown);background:radial-gradient(circle at 95% 10%,#fff4ee,#efd8cd 65%,#e9cbbf)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a16a46;outline-offset:3px}.landing{display:grid;grid-template-columns:minmax(310px,37%) 1fr;min-height:100svh;max-width:1900px;margin:auto}.photo{min-height:100%;background-image:linear-gradient(90deg,transparent 78%,#f2dfd5d9),url('/assets/experiencia-ser-foto.jpg');background-size:cover;background-position:center center;position:relative}.photo:after{content:"";position:absolute;inset:auto -1px 0 0;height:10%;background:linear-gradient(transparent,#f2dfd5)}.content{padding:clamp(22px,2.5vw,48px) clamp(20px,3vw,60px) 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2vh,24px);text-align:center}.hero{width:100%}.eyebrow{letter-spacing:.45em;font-size:clamp(16px,2.2vw,29px);padding-left:.45em}.ser{font-family:'URW Chancery L','Apple Chancery','Brush Script MT','Segoe Script',cursive;font-weight:400;font-size:clamp(105px,12vw,178px);font-style:normal;line-height:.9;margin:4px 0 10px;letter-spacing:-.07em}.subtitle{font-size:clamp(15px,1.7vw,23px);margin:12px 0 22px}.reason-button{border:2px solid white;background:#fbe7d9b9;color:var(--brown);border-radius:40px;padding:14px 28px;font-size:clamp(16px,1.6vw,23px);font-weight:700;box-shadow:var(--shadow);animation:pulse 3.5s infinite}.reason-button span{margin-left:15px;font-size:27px;font-weight:400}@keyframes pulse{50%{box-shadow:0 5px 24px #ae7d6070}}.event{width:100%;display:grid;grid-template-columns:1.35fr .8fr .85fr 1.2fr .85fr;align-items:stretch;padding:20px 8px;border:1px solid #fff;background:#fff7f194;backdrop-filter:blur(12px);border-radius:26px;box-shadow:var(--shadow)}.event-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:3px 9px;border-right:1px solid var(--border);font-weight:700;font-size:clamp(13px,1.2vw,18px)}.event-item:last-child{border:0}.event-item svg{width:30px;height:30px;fill:none;stroke:var(--brown);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.maps{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.maps a{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:25px;padding:6px 9px;color:var(--brown);text-decoration:none;background:#fff8f5;font-size:12px;white-space:nowrap;box-shadow:0 4px 8px #63402b17}.maps img{width:20px;height:20px}.purchase{width:100%}.investment{letter-spacing:.28em;font-size:clamp(12px,1.2vw,18px)}.price{font-family:Georgia,serif;font-size:clamp(46px,5.6vw,80px);line-height:1.15;margin:4px 0}.price small{font:normal clamp(15px,1.5vw,22px) Arial,sans-serif}.offer{font-size:clamp(13px,1.3vw,18px);margin:3px 0 15px}.checkout{background:#fff7f19c;border:1px solid white;border-radius:26px;padding:18px 22px;box-shadow:var(--shadow)}.checkout h2{font:600 clamp(20px,2vw,28px) Georgia,serif;margin:0 0 14px}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pay-option{display:flex;align-items:center;gap:12px;position:relative;border:1px solid #d5aa96;border-radius:16px;padding:12px;background:#fff7f0a6;text-align:left;cursor:pointer;min-width:0}.pay-option:has(input:checked){border:2px solid var(--brown2);background:#fff0e4}.pay-option input{position:absolute;right:10px;top:calc(50% - 7px);accent-color:var(--brown);width:15px;height:15px}.pay-option>span:nth-of-type(2){padding-right:16px}.pay-option strong{display:block;font-size:clamp(13px,1.2vw,17px)}.pay-option small{display:block;margin-top:3px;font-size:clamp(11px,.95vw,14px)}.pay-icon svg{width:38px;height:38px;fill:none;stroke:var(--brown);stroke-width:1.6}.main-button{display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:45px;background:linear-gradient(120deg,#99502c,#54260e);color:white;text-decoration:none;font-weight:700;font-size:clamp(17px,1.9vw,25px);padding:15px 26px;width:min(100%,530px);margin:18px auto 10px;box-shadow:0 9px 20px #63372040}.main-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6}.main-button span{font-size:28px}.main-button:disabled{opacity:.6;cursor:wait}.secure{font-size:13px;margin:0;display:flex;align-items:center;justify-content:center;gap:7px}.secure svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}footer{font-size:clamp(12px,1.1vw,16px);margin-top:0}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:15px}.overlay{position:absolute;inset:0;background:#24140dc9;backdrop-filter:blur(6px)}.dialog{position:relative;background:#f9eae1;color:var(--brown);border-radius:25px;width:min(100%,540px);max-height:88svh;overflow:auto;padding:30px;box-shadow:0 20px 80px #0006;text-align:left}.dialog.letter{width:min(100%,660px);line-height:1.7}.dialog .eyebrow{font-size:12px}.dialog h2{font:normal 34px Georgia,serif;margin:10px 0 20px}.close{position:absolute;right:14px;top:8px;background:none;border:0;font-size:35px;color:var(--brown)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;background:#e8d3c7;border-radius:12px;padding:5px}.tabs button{border:0;border-radius:10px;background:transparent;color:var(--brown);padding:12px;font-weight:700}.tabs button.selected{background:white}.dialog h3{font-size:13px;margin:20px 0 10px}.dialog label{display:block;font-weight:700;font-size:14px;margin:10px 0}.dialog input{display:block;width:100%;border:1px solid #d6b6a5;border-radius:11px;padding:13px;background:#fffcf9;margin-top:7px;font-size:16px}.note,.fineprint{font-size:13px;line-height:1.5}.fineprint{color:#816456}.form-error{color:#a52222;font-size:14px}.modal-open{overflow:hidden}.result-page{display:grid;place-items:center;min-height:100svh;padding:20px}.result-card{max-width:540px;width:100%;background:#fff7f1;padding:35px;border-radius:25px;text-align:center;box-shadow:var(--shadow)}.result-card .ser{font-size:100px}.result-card .main-button{font-size:17px}.reference{overflow-wrap:anywhere;font-size:13px}@media(max-width:1100px){.landing{grid-template-columns:33% 1fr}.content{padding:22px 18px;gap:14px}.event{padding:12px 5px}.event-item{padding:4px}.maps a{font-size:10px;padding:5px}.pay-icon svg{width:30px;height:30px}}@media(max-width:760px){.landing{display:block}.photo{height:clamp(210px,37svh,340px);min-height:0;background-image:url('/assets/experiencia-ser-foto.jpg');background-position:center 69%}.photo:after{height:18%;background:linear-gradient(transparent,#f2dfd5)}.content{padding:0 14px 26px;gap:16px;margin-top:-8px;position:relative}.eyebrow{font-size:17px;letter-spacing:.38em}.ser{font-size:clamp(94px,23vw,132px);margin:2px 0 0}.subtitle{font-size:15px;margin:5px 0 15px}.reason-button{font-size:17px;padding:12px 22px}.event{display:grid;grid-template-columns:1fr auto;gap:0;padding:12px 14px;border-radius:23px}.event-item{grid-column:1;flex-direction:row;justify-content:flex-start;text-align:left;border-right:0;border-bottom:1px solid var(--border);gap:15px;font-size:14px;padding:8px 3px}.event-item svg{width:23px;height:23px;flex:none}.event-item.place{display:grid;grid-template-columns:23px 1fr;gap:7px 15px}.event-item.place svg{grid-row:1}.maps{grid-column:2;justify-content:flex-start}.maps a{font-size:12px;padding:5px 9px}.event-item.seats{grid-column:2;grid-row:1/5;border-left:1px solid var(--border);border-bottom:0;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:10px;font-size:14px}.event-item:nth-child(3){border-bottom:1px solid var(--border)}.investment{font-size:12px}.price{font-size:clamp(49px,12vw,69px)}.offer{font-size:13px}.checkout{padding:16px 12px}.checkout h2{font-size:21px}.payment-options{grid-template-columns:1fr;gap:8px}.pay-option{padding:10px 14px}.pay-option strong{font-size:14px}.pay-option small{font-size:12px}.main-button{font-size:19px;padding:13px 15px}.secure{font-size:12px}footer{font-size:12px}.dialog{padding:27px 19px}}@media(prefers-reduced-motion:reduce){.reason-button{animation:none}}
