/*
Theme Name: Tardeos Indie
Description: Tema para la agenda de tardeos y conciertos indie de tarde. Estética de cartel y fanzine luminoso.
Version: 1.2
Requires at least: 6.4
Text Domain: tardeos-indie
*/
:root{--crema:#FFF4E6;--naranja:#FF6B35;--rosa:#FF3D7F;--morado:#5B2A86;--negro:#141414;--amarillo:#FFD166}
body{background:var(--crema);color:var(--negro);font-family:'DM Sans',system-ui,sans-serif}
h1,h2,h3,.wp-block-site-title{font-family:'Anton',Impact,sans-serif;text-transform:uppercase;letter-spacing:.5px;line-height:1}
a{color:var(--morado)}
.ti-btn,.wp-block-button__link{display:inline-block;border:3px solid var(--negro)!important;padding:12px 22px;font-weight:900;text-transform:uppercase;box-shadow:5px 5px 0 var(--negro);background:var(--naranja);color:var(--negro)!important;text-decoration:none;border-radius:0!important}
.ti-btn.alt,.is-style-outline .wp-block-button__link{background:#fff}
.ti-btn:hover,.wp-block-button__link:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--negro)}
.ti-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}
.ti-header .wp-block-site-title a{color:var(--negro);text-decoration:none;font-size:40px}
.ti-header .wp-block-navigation a{font-weight:700;text-transform:uppercase;font-size:14px;color:var(--negro)}
.ti-hero h1{font-size:clamp(56px,9vw,118px)!important;line-height:.92}
.ti-hero h1 em{font-style:normal;color:var(--naranja);-webkit-text-stroke:3px var(--negro)}
.ti-hero .wp-block-image img,.ti-hero .ti-photo{border:4px solid var(--negro);box-shadow:12px 12px 0 var(--morado)}
.ti-tape{background:var(--negro);color:var(--amarillo);font-family:'Anton',sans-serif;font-size:26px;letter-spacing:2px;white-space:nowrap;overflow:hidden;padding:14px 0;transform:rotate(-1.5deg);margin:30px -20px}
.ti-tape span{display:inline-block;animation:ti-scroll 30s linear infinite}
@keyframes ti-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ti-kicker{font:700 15px 'DM Sans',sans-serif;color:var(--morado);letter-spacing:2px;text-transform:uppercase;margin:0 0 4px}
.ti-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px;padding:0;list-style:none}
.ti-filters a{display:block;border:3px solid var(--negro);border-radius:40px;padding:7px 16px;font-weight:700;background:#fff;color:var(--negro);text-decoration:none}
.ti-filters a.on,.ti-filters a:hover{background:var(--negro);color:var(--crema)}
.ti-events{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px}
.ti-tk{background:#fff;border:3px solid var(--negro);box-shadow:7px 7px 0 var(--negro);display:grid;grid-template-columns:96px 1fr;position:relative}
.ti-tk .d{border-right:3px dashed var(--negro);text-align:center;padding:16px 6px;background:var(--naranja)}
.ti-tk:nth-child(3n+2) .d{background:var(--rosa);color:#fff}.ti-tk:nth-child(3n) .d{background:var(--morado);color:#fff}
.ti-tk .d b{font:56px/1 'Anton',sans-serif;display:block}.ti-tk .d span{font-weight:900;text-transform:uppercase}
.ti-tk .i{padding:16px}.ti-tk h3{font-size:26px;margin:0}.ti-tk h3 a{color:var(--negro);text-decoration:none}
.ti-tk .m{font-size:14px;margin:6px 0 12px}
.ti-tk .row{display:flex;gap:8px;flex-wrap:wrap}.ti-tk .row a{font-size:12px;font-weight:900;text-transform:uppercase;border:2px solid var(--negro);padding:6px 10px;color:var(--negro);text-decoration:none}
.ti-tk .row a:first-child{background:var(--negro);color:#fff}
.ti-tk .tag{position:absolute;top:-12px;right:12px;background:var(--amarillo);border:2px solid var(--negro);font-weight:900;font-size:12px;padding:3px 9px;transform:rotate(4deg)}
.ti-empty{border:3px dashed var(--negro);padding:30px;text-align:center;font-weight:700}
.ti-band{background:var(--morado);color:var(--crema);border:4px solid var(--negro);box-shadow:12px 12px 0 var(--naranja);padding:36px}
.ti-band h2{color:#fff}.ti-band .ti-kicker{color:var(--amarillo)}
.ti-band blockquote{font-size:20px;font-style:italic;border-left:5px solid var(--amarillo);padding-left:16px;margin:10px 0 20px}
.ti-card{background:#fff;border:3px solid var(--negro);box-shadow:7px 7px 0 var(--negro);padding:24px}
.ti-card.news{background:var(--naranja)}
.ti-footer{background:var(--negro);color:var(--crema);padding:40px 20px}
.ti-footer a{color:var(--amarillo)}
.ti-ficha{display:grid;grid-template-columns:1fr 320px;gap:36px}
.ti-ficha .ti-card dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0}.ti-ficha dt{font-weight:900}
@media (max-width:782px){.ti-header .wp-block-site-title a{font-size:30px}.ti-tape{font-size:19px}.ti-events{grid-template-columns:1fr}.ti-band{padding:22px;box-shadow:8px 8px 0 var(--naranja)}.ti-ficha{grid-template-columns:1fr}}
/* ---------- Fotos de fondo: agenda ---------- */
.ti-tk .d.has-bg{position:relative;overflow:hidden;isolation:isolate;color:#fff!important}
.ti-tk .d .ti-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease}
.ti-tk .d.has-bg::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(20,20,20,.45)}
.ti-tk:nth-child(3n+2) .d.has-bg::after{background:rgba(255,107,53,.62)}
.ti-tk:nth-child(3n) .d.has-bg::after{background:rgba(20,20,20,.68)}
.ti-tk .d.has-bg b,.ti-tk .d.has-bg span{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.ti-tk:hover .d .ti-bg{transform:scale(1.06)}
/* ---------- Portada con foto: ficha del evento ---------- */
.ti-portada{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;min-height:clamp(260px,40vw,440px);margin:8px auto 32px!important;background:#222}
.ti-portada-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ti-portada::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.78) 100%)}
.ti-portada-txt{padding:clamp(20px,4vw,44px);color:#fff;max-width:900px}
.ti-portada .wp-block-post-title{color:#fff!important;margin:0!important;text-shadow:0 2px 16px rgba(0,0,0,.45)}
.ti-portada-sub{margin:12px 0 0!important;font-size:17px;font-weight:700;color:#fff}
.ti-portada-sub::first-letter{text-transform:uppercase}
.single-evento .ti-ficha .wp-block-post-featured-image{display:none}
@media (prefers-reduced-motion:reduce){.ti-tk .d .ti-bg{transition:none}.ti-tk:hover .d .ti-bg{transform:none}}