/* TYR Producciones - estilos específicos de eventos.html */
:root{--tyr-orange:#FF6B00;--tyr-navy:#10233F;--tyr-dark:#1B1F24;--tyr-light:#F2F4F7}
html{scroll-behavior:smooth}
.events-hero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 25%,rgba(255,107,0,.25),transparent 32%),linear-gradient(120deg,#10233F 0%,#111418 70%)}
.events-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,35,63,.96),rgba(16,35,63,.78) 45%,rgba(16,35,63,.38))}
.events-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,rgba(255,107,0,.12) 60% 61%,transparent 61%)}
.events-hero-content{position:relative;z-index:2;max-width:780px;padding:90px 0}
.events-hero h1{margin:22px 0 18px;color:#fff;font-size:clamp(2.8rem,6vw,5.3rem);line-height:.98;font-weight:800;letter-spacing:-2px}
.events-hero h1 span{color:var(--tyr-orange)}
.events-hero p{max-width:680px;margin:0 0 30px;color:rgba(255,255,255,.82);font-size:1.12rem;line-height:1.75}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.events-section,.history-section{padding:100px 0}
.history-section{background:var(--tyr-light)}
.section-heading{max-width:820px;margin:0 auto 50px}
.section-heading h2{margin:14px 0 12px;color:var(--tyr-navy);font-size:clamp(2rem,4vw,3.3rem);font-weight:800;letter-spacing:-1px}
.section-heading p{margin:0;color:#667085;font-size:1.05rem}
.events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.event-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e7e9ed;border-radius:18px;box-shadow:0 10px 35px rgba(16,35,63,.07);transition:transform .28s,box-shadow .28s,border-color .28s}
.event-card:hover{transform:translateY(-7px);border-color:rgba(255,107,0,.38);box-shadow:0 18px 45px rgba(16,35,63,.13)}
.event-image-link{display:block;text-decoration:none}
.event-image{
    position:relative;
    overflow:hidden;
    background:#e9edf2;
}

.event-image img{
    width:100%;
    height:auto;
    display:block;
    object-fit:initial;
    object-position:initial;
    transition:transform .45s;
}
.event-card:hover .event-image img{transform:scale(1.055)}
.event-arrow{position:absolute;right:16px;bottom:16px;width:42px;height:42px;display:grid;place-items:center;color:#fff;background:var(--tyr-orange);border-radius:50%;box-shadow:0 8px 22px rgba(255,107,0,.28)}
.event-content{padding:22px 22px 24px}
.event-year{display:inline-flex;padding:4px 10px;border-radius:999px;background:rgba(255,107,0,.10);color:var(--tyr-orange);font-size:.75rem;font-weight:800;letter-spacing:.08em}
.event-content h3{margin:13px 0 18px;color:var(--tyr-navy);font-size:1.08rem;line-height:1.35;font-weight:750}
.event-link{display:inline-flex;align-items:center;gap:7px;color:var(--tyr-orange);font-size:.92rem;font-weight:750;text-decoration:none}
.event-link:hover{color:var(--tyr-navy)}
.event-link i{transition:transform .2s}.event-link:hover i{transform:translateX(4px)}
.events-toolbar{display:flex;align-items:center;gap:14px;padding:18px;margin:0 0 55px;background:#fff;border:1px solid #e3e7ec;border-radius:16px;box-shadow:0 8px 30px rgba(16,35,63,.06)}
.search-box{position:relative;flex:1}
.search-box i{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:#8a93a1}
.search-box input,.year-filter select{width:100%;min-height:48px;border:1px solid #d9dee5;border-radius:10px;background:#fff;color:var(--tyr-dark);outline:none}
.search-box input{padding:0 16px 0 45px}
.search-box input:focus,.year-filter select:focus{border-color:var(--tyr-orange);box-shadow:0 0 0 4px rgba(255,107,0,.10)}
.year-filter{width:150px}.year-filter label{display:none}.year-filter select{padding:0 12px}
.clear-filter{color:var(--tyr-orange);font-weight:700;text-decoration:none;white-space:nowrap}
.history-year{margin-bottom:72px;scroll-margin-top:110px}.history-year:last-child{margin-bottom:0}
.year-heading{display:flex;align-items:center;gap:20px;margin-bottom:30px}
.year-heading span{color:var(--tyr-navy);font-size:2rem;font-weight:850;letter-spacing:-.8px}
.year-line{flex:1;height:2px;background:linear-gradient(90deg,var(--tyr-orange),rgba(255,107,0,0))}
.no-results{padding:60px 20px;margin-bottom:40px;text-align:center;background:#fff;border:1px dashed #cfd5dd;border-radius:16px}
.no-results i{color:var(--tyr-orange);font-size:2rem}.no-results h3{margin:14px 0 7px;color:var(--tyr-navy)}.no-results p{margin:0;color:#667085}
.events-cta{padding:100px 0;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(255,107,0,.24),transparent 30%),var(--tyr-navy)}
.events-cta h2{margin:16px 0 12px;font-size:clamp(2rem,4vw,3.4rem);font-weight:800}.events-cta p{max-width:680px;margin:0 auto 28px;color:rgba(255,255,255,.76);font-size:1.05rem}
.footer{background:#111418}
@media(max-width:991.98px){.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.events-hero-content{padding:70px 0}.events-toolbar{flex-wrap:wrap}.search-box{flex:1 1 100%}.year-filter{flex:1;width:auto}}
@media(max-width:575.98px){.events-section,.history-section,.events-cta{padding:70px 0}.events-grid{grid-template-columns:1fr;gap:20px}.events-hero h1{letter-spacing:-1.2px}.hero-actions .btn{width:100%}.events-toolbar{padding:14px}.clear-filter{width:100%;text-align:center;padding:6px 0}}
