.section-title{text-align:center;color:var(--accent);font-size:2.2rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.1em}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.category-card{position:relative;height:200px;background-size:cover;background-position:center;border-radius:100px;overflow:hidden;cursor:pointer;box-shadow:0 6px 20px #0006;transition:transform .3s ease,box-shadow .3s ease}.category-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #78757766}.category-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;color:var(--text);font-family:bw_letter;font-size:1.5rem;letter-spacing:.2em;opacity:0;text-decoration:none;text-align:center;line-height:1.2;text-transform:uppercase;transition:opacity .3s ease}.category-card:hover .category-overlay{opacity:1}@media (max-width: 768px){.category-card{height:160px}.category-overlay{opacity:1;font-size:1.2rem}}:root{--bg: #121212;--bg-section: #1c1c1e;--bg-card: #2c2c2e;--text: #f5f5f7;--text-muted: #a1a1a6;--border: #3a3a3c;--accent: #ff007a}#especialidades{display:inline-block;width:15ch}.fade{opacity:0;display:none}.frame{display:inline-block;position:relative;width:100%;height:30vh;overflow:hidden;cursor:pointer;border-radius:25px;border:#141414 5px inset;box-shadow:0 10px 15px #00000080;margin-bottom:1.5rem;transition:border .3s ease-in-out;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;&:hover{border:#505050 4px inset}}.frame:hover .image{transform:scale(1.05)}.image{opacity:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease,opacity .3s ease}#uno{background-image:url(/images/coscorock/1.webp)}#dos{background-image:url(/images/superbichos/1.webp)}#tres{background-image:url(/images/coscorock/2.webp)}#cuatro{background-image:url(/images/guateque/1.webp)}#cinco{background-image:url(/images/viaja/1.webp)}.overlay{letter-spacing:1em;padding-left:1em;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000a6;display:flex;justify-content:center;align-items:center;font-family:bw_letter;font-size:2.5rem;text-align:center;opacity:0;transition:opacity .4s ease;color:var(--text)}.frame:hover .overlay{opacity:1;backdrop-filter:blur(1px)}.container{width:85%;margin-left:auto;margin-right:auto;margin-bottom:5%}#uparticle{color:#b85777;margin-bottom:5%;font-size:150%;text-align:center;border-radius:20px;p{color:var(--text-muted);font-size:80%}}@media (width <= 860px){.frame{height:25vh}.overlay{letter-spacing:.2em;padding-left:.2em;font-size:1.7rem;opacity:1;transition:opacity .5s ease;backdrop-filter:blur(1px)}.image{opacity:1}.frame:hover .overlay{opacity:0}}.hero{padding:60px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.hero-text{flex:1 1 500px;max-width:600px;padding:20px}.hero-text h1{color:#ff007a;font-size:2.8rem;margin-bottom:20px;line-height:1.2}.hero-text p{font-size:1.1rem;line-height:1.6;margin-bottom:16px}.hero-text strong{color:var(--text)}.cta-button{display:inline-block;background-color:#ff007a;margin-top:15px;color:#fff;padding:12px 24px;border:none;border-radius:30px;font-weight:700;text-decoration:none;box-shadow:0 8px 18px #ff007a4d;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;animation:big 3s ease-in-out infinite}.cta-button:hover{background-color:#e6006b;transform:translateY(-3px);box-shadow:0 12px 24px #ff007a80}.mobile-button{display:none}@media (max-width: 1120px){.desktop-button{display:none}.mobile-button{display:inline-block;margin-top:40px}}.hero-image{flex:1 1 400px;max-width:500px;padding:20px;text-align:center;animation:big 3s ease-in-out infinite}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes big{0%{transform:scale(1.02)}50%{transform:scale(1)}to{transform:scale(1.02)}}@media (max-width: 768px){.hero{flex-direction:column;padding:40px 20px}.hero-text h1{font-size:2rem}.hero-text p{font-size:1rem}.container{width:95%}.hero-image{max-width:450px}}