/* Tema de egresados. Se carga después del sistema de distribución de style.css. */
:root{--paper:#f7f5fc;--white:#fff;--ink:#271a42;--muted:#6c657b;--green:#7041cc;--green-dark:#51279f;--sage:#eee8fa;--line:#ded6ec;--blush:#ff8f76;--serif:'Segoe UI',Arial,sans-serif;--lime:#def778;--coral:#ff9b83;--night:#25163f}
::selection{background:var(--lime);color:var(--night)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#ac71eb}
h1,h2,h3{font-family:var(--sans);font-weight:800;letter-spacing:-1.5px}em{font-style:normal;font-weight:800}.brand-flower{color:var(--green)}.button{border-radius:9px;font-weight:700;box-shadow:0 4px 0 #4f2994;font-size:12px}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px);box-shadow:none}.button-outline{box-shadow:none;border-color:#b8a2da}.button-small{font-size:11px}.eyebrow,.small-label,.section-kicker{font-weight:750}.quiet-link{font-weight:600}.site-header{border-bottom-color:var(--line)}#main-nav>a:not(.button){color:var(--muted)}.demo-bar{background:#eae1fa;color:#655078}.status-dot{background:var(--green)}
.graduation-page{overflow-x:clip}.graduation-page .hero{gap:65px;padding-block:60px 80px;position:relative}.party-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;padding:7px 12px;background:var(--lime);color:var(--night);font-size:9px;letter-spacing:1.6px;font-weight:800;border-radius:5px;transform:rotate(-2deg)}.event-year{border-left:1px solid #a2b953;padding-left:10px;font-variant-numeric:tabular-nums}.graduation-page .hero .eyebrow{font-size:10px;margin-bottom:14px}.graduation-page .hero h1{font-family:var(--sans);font-size:clamp(43px,6.1vw,82px);font-weight:900;line-height:1.01;letter-spacing:-4px;text-transform:uppercase;overflow-wrap:anywhere;text-wrap:balance;margin-bottom:22px;max-width:600px}.graduation-page .hero-phrase{font:750 25px/1.35 var(--sans);letter-spacing:-.9px;margin-bottom:20px}.graduation-page .hero-phrase em{color:var(--green);font-weight:800}.graduation-page .hero-description{font-size:13px;line-height:1.8;max-width:370px}.graduation-page .hero-meta{color:#65547c;font-size:12px;gap:10px}.graduation-page .hero-footnote{font-size:10px;line-height:1.7;color:var(--muted);max-width:350px}.graduation-page .tiny-star{color:var(--green);font-size:23px}.graduation-page .hero-visual{padding:0 8px 0 18px;isolation:isolate;transform:rotate(2deg)}.graduation-page .hero-visual:before{content:'';position:absolute;inset:15px 0 -12px 5px;background:#9b7cda;transform:rotate(-5deg);border-radius:20px;z-index:-1}.graduation-page .image-frame{border-radius:20px;box-shadow:0 14px 35px #321e521c;border:5px solid white}.graduation-page .hero-photo{height:535px;object-position:center}.graduation-page .image-frame:after{inset:65% 0 0;background:linear-gradient(transparent,#160f36b3)}.graduation-page .photo-label{font:800 10px/1.8 var(--sans);letter-spacing:2px;bottom:23px;left:22px;right:22px;text-align:left;color:white}.graduation-page .date-seal{width:130px;height:136px;background:var(--lime);color:var(--night);border:1px dashed #799534;box-shadow:0 0 0 6px var(--lime),7px 8px 0 #271a4224;border-radius:9px;left:-20px;top:35px;transform:rotate(-11deg);line-height:1.5}.graduation-page .date-seal>span{font-size:7px;letter-spacing:1px;font-weight:800}.graduation-page .date-seal>strong{font:900 47px/1.1 var(--sans);letter-spacing:-2px}.graduation-page .date-seal>.seal-star{margin-top:7px;line-height:1}.graduation-page .photo-sparkle{color:var(--coral);font:110px/1 var(--sans);right:-24px;bottom:26px;transform:rotate(-10deg);z-index:2;text-shadow:2px 3px 0 var(--night);pointer-events:none}.party-sticker{position:absolute;right:-8px;top:-15px;padding:13px 15px;background:var(--green);color:white;font:900 14px/1.15 var(--sans);letter-spacing:1px;transform:rotate(8deg);border:2px solid var(--paper);border-radius:6px;box-shadow:4px 4px 0 #2c174b;z-index:3}
.party-ribbon{display:flex;align-items:center;justify-content:space-around;gap:35px;background:var(--lime);color:var(--night);padding:15px 30px;margin-bottom:50px;white-space:nowrap;overflow:hidden;font-size:12px;line-height:1.5;font-weight:900;letter-spacing:2px;border-block:1px solid #c4dd61}.party-ribbon span:nth-child(even){font-size:21px;line-height:1}.graduation-page .countdown-wrap{background:var(--night);border:0;border-radius:16px;color:white;padding:34px 40px}.graduation-page .countdown-intro .small-label{color:var(--lime);font-size:9px}.graduation-page .countdown-intro p{font:800 27px/1.25 var(--sans);letter-spacing:-1px;margin-top:9px}.graduation-page .countdown-intro em{color:var(--lime)}.graduation-page .countdown strong{font:900 46px/1.1 var(--sans);color:var(--lime);letter-spacing:-2px}.graduation-page .countdown>div>span{color:#d7cbe9;font-size:8px}.graduation-page .count-separator{color:#a28bbf}.graduation-page .countdown-flower{color:var(--coral);font-size:29px;right:16px;top:10px}.graduation-page .story{position:relative;padding-block:90px}.graduation-page .story h2{font-size:42px;line-height:1.14;font-weight:850;letter-spacing:-1.7px}.graduation-page .section-kicker{font-size:10px;letter-spacing:2px}.graduation-page .story-text{font-size:13px;line-height:1.9}.graduation-page .signature{display:inline-flex;align-items:center;gap:12px;background:var(--sage);color:var(--green-dark);border-radius:6px;padding:10px 18px;font:800 13px/1.6 var(--sans);letter-spacing:.6px;text-transform:uppercase}.graduation-page .signature span{color:var(--green);font-size:23px;margin:0}.graduation-page .celebration{background:var(--night);color:white;position:relative}.graduation-page .celebration .eyebrow{color:var(--lime)}.graduation-page .section-top h2{font-size:clamp(34px,3.7vw,49px);font-weight:850;line-height:1.08;letter-spacing:-2px}.graduation-page .celebration h2 em{color:var(--lime)}.graduation-page .celebration .section-top>p{color:#d5c9e8;font-size:13px}.graduation-page .venue-card{background:#35234f;border:1px solid #57416f;border-radius:14px;padding:40px 32px}.graduation-page .venue-icon{color:var(--lime)}.graduation-page .venue-card .small-label{color:#d2c0eb}.graduation-page .venue-card h3{font:800 30px/1.15 var(--sans);letter-spacing:-1px}.graduation-page .venue-card>p{color:#d5c9e8;font-size:13px}.graduation-page .venue-date{color:var(--lime);font-size:11px}.graduation-page .venue-card .button-outline{background:var(--lime);color:var(--night);border-color:var(--lime);font-weight:800}.graduation-page .venue-card .button-outline:hover{background:#cce865}.graduation-page .timeline-dot{border-color:#715194;background:#35234f;color:var(--lime);border-radius:12px}.graduation-page .timeline-item:not(:last-child):after{background:#58416c}.graduation-page .timeline-time{color:var(--coral);font-weight:800}.graduation-page .timeline-item h3{font:800 25px/1.2 var(--sans);letter-spacing:-.8px}.graduation-page .timeline-item p{color:#d4c7e6;font-size:13px}.graduation-page .gallery{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:23px;align-items:start}.graduation-page .gallery-photo{border-radius:12px;border:5px solid white;box-shadow:0 7px 20px #3c25521a}.graduation-page .gallery-photo:nth-child(3n+2){border-radius:12px;transform:rotate(2deg)}.graduation-page .gallery-photo:nth-child(3n+1){transform:rotate(-1deg)}.graduation-page .gallery-photo img{height:330px}.graduation-page .gallery-photo>span{background:#25163fb8;border-radius:4px;padding:4px 8px;left:12px;bottom:12px;font-weight:700}.graduation-page .gallery-note{font:700 13px/1.6 var(--sans);color:var(--green)}.graduation-page .video-wrap .section-kicker{color:var(--green)}.graduation-page .video-wrap video{border-radius:12px;background:var(--night);border:5px solid white;box-shadow:0 8px 25px #321e521a}.graduation-page .details-section{background:#ede7f9;border-color:#ded3ef}.graduation-page .details-grid article>svg{color:var(--green);background:white;border-radius:12px;padding:11px;box-sizing:content-box}.graduation-page .details-grid h3{font:800 27px/1.15 var(--sans);letter-spacing:-.9px}.graduation-page .details-grid p{font-size:13px;color:#625575}.graduation-page .details-divider{background:#d1c2e5}.graduation-page .rsvp-copy h2{font:850 43px/1.12 var(--sans);letter-spacing:-1.8px}.graduation-page .rsvp-copy>p{font-size:13px}.graduation-page .deadline-note{font-size:11px;color:var(--green-dark)}.graduation-page .rsvp-flower{color:var(--coral);font-size:105px;line-height:1.1;transform:rotate(15deg);width:max-content;margin-top:35px}.graduation-page .rsvp-form{border-radius:14px;border-color:#d8c8ee;box-shadow:7px 7px 0 #e5dbf6;padding:32px}.graduation-page .form-heading{font:800 23px/1.2 var(--sans);color:var(--night);letter-spacing:-.6px}.graduation-page .form-heading>svg{color:var(--green)}input:not([type=checkbox],[type=radio],[type=file]),select,textarea{background:#fcfaff;border-color:#dcd2e9;border-radius:7px}.radio-card:has(input:checked){border-color:#9d7bd1;background:#f1eafa;color:var(--green-dark)}.graduation-page .rsvp-success{background:var(--lime);color:var(--night);border-color:#bfd663;border-radius:15px}.graduation-page .rsvp-success>svg{color:var(--green-dark)}.graduation-page .rsvp-success h3{font:850 32px/1.15 var(--sans);letter-spacing:-1px}.graduation-page .rsvp-success p{color:#4f573a}.graduation-page .closing{background:var(--green);color:white;position:relative;padding-block:65px}.graduation-page .closing>span:first-child{color:var(--lime);font-weight:800;letter-spacing:2px;font-size:10px}.graduation-page .closing h2{font:850 clamp(27px,3.4vw,45px)/1.15 var(--sans);color:white;letter-spacing:-1.3px;max-width:850px;margin:21px auto 15px}.closing-mark{display:block;font-size:48px;line-height:1.1;color:var(--lime)}.graduation-page .site-footer .brand-flower{color:var(--green)}.graduation-page .site-footer p{color:var(--muted)}.photo-dialog::backdrop{background:#180c32ed}.toast{background:var(--night)}
/* El panel comparte la paleta de la fiesta y mantiene su distribución. */
.admin-body{background:#f0ebf8}.admin-body .admin-heading h1{font-weight:850}.admin-body .login-card h1{font-weight:850}.admin-body .editor-card h2{font-weight:800;letter-spacing:-.8px}.admin-body .admin-hero-preview{border-radius:12px}.admin-body .upload-label{border-color:#b29acc;background:#eee6fa;color:var(--green-dark)}.admin-body .save-card{background:#eee6fa}.admin-body .guest-stats strong{font-weight:850;letter-spacing:-2px}.admin-body .guest-stats span{color:var(--green-dark)}.admin-body .admin-tabs{border-color:var(--line)}.admin-body #guest-tab-count{background:#e3d6f6}.admin-body .login-icon{border-radius:14px}.admin-body .editor-card,.admin-body .login-card{border-radius:12px}
@media(min-width:801px){.party-sticker{animation:sticker-float 5s ease-in-out infinite}@keyframes sticker-float{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(6deg) translateY(-5px)}}}
@media(max-width:1100px){.graduation-page .hero{gap:40px}.graduation-page .hero h1{letter-spacing:-3px}.graduation-page .hero-photo{height:495px}.graduation-page .hero-visual{padding-left:13px}.graduation-page .date-seal{width:111px;height:120px;left:-18px}.graduation-page .date-seal>strong{font-size:41px}.graduation-page .countdown-wrap{padding:30px}.graduation-page .countdown-intro p{font-size:24px}.graduation-page .countdown strong{font-size:39px}.graduation-page .rsvp-copy h2{font-size:38px}.graduation-page .rsvp-form{padding:26px}.graduation-page .gallery-photo img{height:285px}}
@media(max-width:800px){.graduation-page .hero{gap:30px;padding-top:40px}.graduation-page .hero h1{font-size:clamp(36px,6vw,52px);letter-spacing:-2.3px}.party-kicker{font-size:8px;letter-spacing:1.1px;gap:7px;padding:7px 10px}.graduation-page .hero-phrase{font-size:22px}.graduation-page .hero-photo{height:450px}.graduation-page .hero-description{font-size:12px}.graduation-page .date-seal{width:95px;height:106px;left:-15px;top:34px}.graduation-page .date-seal>span{font-size:5.8px}.graduation-page .date-seal>strong{font-size:36px}.graduation-page .date-seal .seal-star svg{width:18px;height:18px}.graduation-page .photo-sparkle{font-size:84px;right:-12px}.party-sticker{font-size:11px;right:0;padding:11px}.graduation-page .photo-label{font-size:8px;letter-spacing:1px}.party-ribbon{gap:25px;padding:12px 20px;font-size:10px;justify-content:flex-start;margin-bottom:35px}.graduation-page .countdown-intro p{font-size:26px}.graduation-page .countdown strong{font-size:40px}.graduation-page .story h2{font-size:35px}.graduation-page .timeline-item h3{font-size:23px}.graduation-page .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.graduation-page .gallery-photo img{height:280px}.graduation-page .rsvp-copy h2{font-size:32px}.graduation-page .rsvp-form{padding:23px}.graduation-page .form-heading{font-size:21px}}
@media(max-width:600px){.graduation-page .hero{padding-block:35px 55px;gap:38px}.party-kicker{margin-bottom:22px;font-size:8px}.graduation-page .hero h1{font-size:clamp(40px,10.7vw,64px);letter-spacing:-2.6px;max-width:100%}.graduation-page .hero-phrase{font-size:25px}.graduation-page .hero-description{font-size:13px}.graduation-page .hero-footnote{font-size:9px;max-width:310px}.graduation-page .hero-visual{max-width:390px;width:calc(100% - 22px);padding-left:8px;transform:rotate(1deg)}.graduation-page .hero-photo{height:420px}.graduation-page .date-seal{left:-6px;top:30px;width:102px;height:113px}.graduation-page .date-seal>strong{font-size:40px}.graduation-page .date-seal>span{font-size:6px}.graduation-page .photo-label{font-size:8px;letter-spacing:1.2px;bottom:21px}.graduation-page .photo-sparkle{right:-8px;bottom:23px;font-size:90px}.party-sticker{right:-5px;top:-12px}.party-ribbon{margin-bottom:30px}.graduation-page .countdown-wrap{padding:28px 15px;border-radius:12px;gap:22px}.graduation-page .countdown-intro .small-label{font-size:7px;letter-spacing:1.5px}.graduation-page .countdown-intro p{font-size:24px}.graduation-page .countdown strong{font-size:36px;letter-spacing:-1.8px}.graduation-page .countdown>div>span{font-size:7px;letter-spacing:1px}.graduation-page .countdown-flower{font-size:23px;right:10px;top:8px}.graduation-page .story{padding-block:64px}.graduation-page .story h2{font-size:31px;line-height:1.16;letter-spacing:-1.3px}.graduation-page .section-kicker{font-size:8px;letter-spacing:1.5px}.graduation-page .section-top h2{font-size:34px;letter-spacing:-1.3px}.graduation-page .venue-card{padding:32px 20px}.graduation-page .venue-card h3{font-size:28px}.graduation-page .timeline-item h3{font-size:24px}.graduation-page .gallery{gap:14px}.graduation-page .gallery-photo{border-width:4px}.graduation-page .gallery-photo img{height:225px}.graduation-page .gallery-photo:first-child{grid-column:1/-1}.graduation-page .gallery-photo:first-child img{height:290px}.graduation-page .gallery-photo:nth-child(3n+2){border-radius:12px}.graduation-page .gallery-note{font-size:12px}.graduation-page .details-grid h3{font-size:25px}.graduation-page .rsvp-copy h2{font-size:34px;letter-spacing:-1.4px}.graduation-page .rsvp-copy>p{font-size:12px}.graduation-page .rsvp-form{padding:25px 21px;box-shadow:5px 5px 0 #e5dbf6}.graduation-page .form-heading{font-size:22px}.graduation-page .closing{padding:48px 20px}.graduation-page .closing h2{font-size:29px;letter-spacing:-1px}.graduation-page .closing>span:first-child{font-size:8px;letter-spacing:1.6px}.closing-mark{font-size:39px}}
@media(max-width:360px){.graduation-page .hero h1{font-size:36px;letter-spacing:-2.2px}.graduation-page .hero-photo{height:365px}.graduation-page .rsvp-copy h2{font-size:30px}.graduation-page .form-heading{font-size:20px}.graduation-page .rsvp-form{padding:23px 18px}.graduation-page .countdown strong{font-size:32px}.graduation-page .gallery-photo img{height:190px}}
@media(prefers-reduced-motion:reduce){.party-sticker{animation:none}.graduation-page .button{transition:none}}