.info-page{min-height:100vh;padding:calc(var(--nav-h) + 40px) var(--gutter) var(--sp-16);background:var(--off);display:flex;flex-direction:column;align-items:center}.info-page__inner{width:100%;max-width:600px;margin:0 auto}.info-hero{text-align:center;margin-bottom:var(--sp-10)}.info-hero h1{font-size:clamp(28px,5vw,36px);color:var(--navy);font-weight:800;line-height:1.2;margin-bottom:var(--sp-3);letter-spacing:-.5px}.info-hero p{color:var(--muted);font-size:15px;max-width:480px;margin:0 auto}.info-search-card{background:var(--white);border-radius:var(--r-xl);padding:var(--sp-6) var(--sp-8);box-shadow:var(--shadow-md);border:1px solid var(--border);margin-bottom:var(--sp-8);transition:box-shadow var(--duration) var(--ease),transform var(--duration) var(--ease)}.info-search-card:focus-within{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.info-search-form{display:flex;gap:var(--sp-3);margin-top:var(--sp-3)}@media (max-width: 480px){.info-search-form{flex-direction:column}}.info-search-input{flex:1;padding:14px 20px;border-radius:var(--r-md);border:2px solid var(--border);font-weight:600;font-size:16px;color:var(--navy);background:var(--off);transition:all var(--duration) var(--ease)}.info-search-input:focus{outline:none;border-color:var(--orange);background:var(--white);box-shadow:0 0 0 4px var(--orange-light)}.info-search-btn{padding:14px 28px;border-radius:var(--r-md);background:var(--navy);color:var(--white);font-weight:700;font-size:15px;border:none;transition:all var(--duration) var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:8px}.info-search-btn:hover{background:var(--orange);transform:translateY(-1px)}.info-search-btn:disabled{opacity:.7;cursor:not-allowed}.info-result-container{width:100%;margin-bottom:var(--sp-8)}.info-card{background:var(--white);border-radius:var(--r-xl);padding:var(--sp-8);box-shadow:var(--shadow-lg);border:1px solid var(--border);position:relative;overflow:hidden;animation:slideUp .4s var(--ease) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--saffron),#fff,var(--green))}.info-card__header{text-align:center;margin-bottom:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:1px solid var(--divider)}.info-card__badge{display:inline-block;padding:6px 14px;border-radius:var(--r-full);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-3)}.info-card__badge.confirmed{background:var(--green-light);color:var(--green)}.info-card__badge.pending{background:var(--orange-light);color:var(--orange)}.info-card__name{font-size:24px;font-weight:800;color:var(--navy);margin-bottom:var(--sp-1)}.info-card__bib{font-size:14px;color:var(--muted);font-weight:600}.counter-display{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8732a0d,#11244d0d);border:1px solid rgba(232,115,42,.15);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-6);margin-bottom:var(--sp-6);text-align:center}.counter-display__label{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--sp-1)}.counter-display__number{font-size:32px;font-weight:900;color:var(--orange);line-height:1.1;text-shadow:0 2px 4px rgba(232,115,42,.1)}.counter-display__note{font-size:12px;color:var(--navy);font-weight:600;margin-top:var(--sp-2)}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4);margin-bottom:var(--sp-8)}@media (max-width: 480px){.details-grid{grid-template-columns:1fr;gap:var(--sp-3)}}.details-item{background:var(--off);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid rgba(0,0,0,.02)}.details-item__label{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.details-item__value{font-size:15px;font-weight:700;color:var(--navy)}.info-actions{display:flex;flex-direction:column;gap:var(--sp-3)}.info-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-3);width:100%;padding:14px 24px;border-radius:var(--r-md);font-weight:700;font-size:15px;transition:all var(--duration) var(--ease);border:none;cursor:pointer}.info-btn--whatsapp{background:#25d366;color:var(--white)}.info-btn--whatsapp:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 4px 12px #25d36640}.info-btn--receipt{background:var(--orange);color:var(--white)}.info-btn--receipt:hover{background:#d4611d;transform:translateY(-2px);box-shadow:0 4px 12px #e8732a40}.event-details-card{background:var(--white);border-radius:var(--r-xl);padding:var(--sp-8);box-shadow:var(--shadow-md);border:1px solid var(--border);margin-top:var(--sp-4);width:100%}.event-details-card h3{font-size:18px;font-weight:800;color:var(--navy);margin-bottom:var(--sp-4);display:flex;align-items:center;gap:var(--sp-2)}.event-details-card h3 svg{color:var(--orange)}.event-info-list{display:flex;flex-direction:column;gap:var(--sp-4)}.event-info-row{display:flex;gap:var(--sp-4);align-items:flex-start}.event-info-row__icon{background:#11244d0d;color:var(--navy);border-radius:var(--r-md);padding:var(--sp-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.event-info-row__content{flex:1}.event-info-row__title{font-weight:700;font-size:14px;color:var(--navy);margin-bottom:2px}.event-info-row__text{font-size:14px;color:var(--muted);line-height:1.4}.event-info-row__text a{color:var(--orange);font-weight:600;text-decoration:underline}.event-info-row__text a:hover{color:var(--navy)}.status-box{padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);font-size:14px;font-weight:600;margin-bottom:var(--sp-6);display:none;animation:slideUp .3s var(--ease) forwards}.status-box.error{display:flex;align-items:center;gap:var(--sp-3);background:#dc262614;border:1px solid rgba(220,38,38,.2);color:var(--error)}.status-box.error svg{flex-shrink:0}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.info-forgot-link{text-align:center;margin-top:var(--sp-4);font-size:14px;color:var(--muted);font-weight:500}.info-forgot-link a{color:var(--orange);font-weight:700;text-decoration:underline;margin-left:4px;transition:color var(--duration) var(--ease)}.info-forgot-link a:hover{color:var(--navy)}
