/* CARIBIAN · módulo: Página de contacto
   Al pasar a PHP este CSS no cambia. */
.c-hero :focus-visible,.c-dark :focus-visible{outline-color:#fff}
.c-hero h1{font-size:clamp(3.2rem,16.5vw,7.6rem);line-height:.92;letter-spacing:-.035em;font-weight:700;margin:16px 0 18px}
.c-hero h1 .script{position:relative;display:inline-block;font-size:1.28em;line-height:.85;color:#fff;transform:rotate(-4deg);margin-left:.04em}
.c-hero h1 .script::after{content:'';position:absolute;left:2%;right:0;bottom:-.02em;height:.09em;background:var(--red);border-radius:99px;transform:scaleX(0);transform-origin:left;animation:draw .9s .9s var(--ease) forwards}
.c-hero .lead{font-size:1.12rem;line-height:1.5;color:rgba(255,255,255,.85);max-width:32ch;margin-bottom:26px}
.c-hero{--sbg:#272d72;position:relative;overflow:hidden;color:#fff;padding:calc(var(--hdr) + 60px) 0 64px;background:radial-gradient(120% 90% at 75% 20%,#353c94 0%,var(--navy) 50%,var(--navy-d) 100%)}
.c-hero .wrap{position:relative}
.c-hero h1{font-size:clamp(3rem,15vw,6.4rem)}
.c-info{padding:56px 0 64px;--sbg:#fff}
.c-grid{display:grid;gap:16px}
.c-card{background:var(--tint);border-radius:28px;padding:28px 26px}
.c-card h2{font-size:1.5rem;letter-spacing:-.02em;margin-bottom:14px}
.c-big{font-size:1.25rem;font-weight:500;line-height:1.4;margin-bottom:18px;color:var(--navy)}
.hours div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(43,49,123,.14)}
.hours div:last-child{border:0}
.hours dt{font-weight:500}
.hours dd{font-weight:700;color:var(--navy)}
.hours dd.closed{color:var(--mut);font-weight:500}
.c-dark{background:var(--navy);color:#fff}
.c-dark h2{color:#fff}
.c-dark p{color:rgba(255,255,255,.82);margin-bottom:18px}
.c-dark .c-follow{margin:26px 0 12px;font-weight:700;color:#fff}
.c-map{line-height:0;background:var(--tint)}
.c-map iframe{width:100%;height:min(70vw,460px);min-height:320px;border:0;filter:saturate(.9)}
@media (min-width:720px){
  .c-grid{grid-template-columns:repeat(3,1fr)}
}