.brand-logo{display:block;width:190px;height:52px;object-fit:contain;object-position:left center}
.section-directory{padding-top:clamp(36px,6vh,72px);padding-bottom:clamp(40px,7vh,84px)}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.directory-card{display:flex;flex-direction:column;min-width:0;border:1px solid #333;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,rgba(255,101,44,.05),transparent 55%),#101010;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .35s,border-color .35s,box-shadow .35s}
.directory-image{position:relative;overflow:hidden;aspect-ratio:4/3;border-bottom:1px solid #333;background:#090909}
.directory-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.65,.3,1)}
.directory-image::after{content:'';position:absolute;inset:-70% auto -70% -55%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),rgba(255,255,255,.16),rgba(255,255,255,.03),transparent);transform:skewX(-18deg);filter:blur(4px);opacity:0;pointer-events:none}
.directory-copy{padding:24px 24px 28px}
.directory-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.directory-title h2{margin:0;font:clamp(21px,2.25vw,34px)/1.15 var(--display);letter-spacing:-1px;text-transform:uppercase;overflow-wrap:anywhere}
.directory-title>span{color:var(--acid);font-size:24px}
.directory-copy p{margin:16px 0 0;color:#aaa;font-size:14px;line-height:1.65}
.directory-card:hover,.directory-card:focus-visible{transform:translateY(-7px);border-color:#666;box-shadow:0 24px 55px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.1)}
.directory-card:focus-visible{outline:2px solid var(--acid);outline-offset:5px}
.directory-card:hover img,.directory-card:focus-visible img{transform:scale(1.065)}
.directory-card:hover .directory-image::after,.directory-card:focus-visible .directory-image::after{opacity:.65;animation:directory-shine 1.55s cubic-bezier(.25,.6,.35,1) forwards}
@keyframes directory-shine{from{left:-55%}to{left:135%}}
.section-directory+.contact{border-top:0;padding-top:60px}
@media(min-width:761px) and (max-width:1100px){.section-directory{width:calc(100% - 40px)}.directory-grid{gap:16px}.directory-copy{padding:20px 16px}.directory-title h2{font-size:clamp(19px,2.5vw,27px)}}
@media(max-width:760px){.directory-grid{grid-template-columns:1fr;gap:24px}.directory-image{aspect-ratio:16/9}.directory-title h2{font-size:28px}.section-directory{padding-top:28px;padding-bottom:36px}.section-directory+.contact{padding-top:44px}}
@media(prefers-reduced-motion:reduce){.directory-card,.directory-image img{transition:none}.directory-card:hover,.directory-card:focus-visible,.directory-card:hover img,.directory-card:focus-visible img{transform:none}.directory-image::after{display:none}}

/* Original introduction above the section directory. */
.brand-logo{display:block;width:190px;height:52px;object-fit:contain;object-position:left center}.hero-art .hero-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 32%;filter:contrast(1.05) brightness(.82)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.68),transparent 38%),linear-gradient(90deg,rgba(0,0,0,.12),transparent 45%);pointer-events:none}.hero-art p{z-index:2;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.8)}@media(max-width:520px){.brand-logo{width:155px;height:42px}}
.hero h1 em{display:inline-block;letter-spacing:0;-webkit-text-stroke:2px #8d8d88;paint-order:stroke fill}.hero-copy{height:min(580px,64vh);display:flex;flex-direction:column;justify-content:flex-start}.hero-copy .hero-intro{margin-top:auto;margin-bottom:28px}.hero-copy .hero-actions{margin-top:0}@media(max-width:900px){.hero-copy{height:auto}.hero-copy .hero-intro{margin-top:34px;margin-bottom:0}.hero-copy .hero-actions{margin-top:42px}}
#secciones{scroll-margin-top:30px}

.contact-panel-intro{gap:22px}
.contact-call-media{display:block;width:min(100%,280px);align-self:center;border-radius:10px;overflow:hidden}
.contact-call-media img{display:block;width:100%;height:auto}
.contact-call-media:focus-visible{outline:2px solid var(--acid);outline-offset:4px}