/* Estilos de contacto (del prototipo contacto.html) */
.cohead{position:relative;overflow:hidden;border-bottom:1px solid var(--linea)}
.cohead .letras{justify-content:flex-end;padding-bottom:6px}
.cohead .wrap{position:relative;padding-top:28px;padding-bottom:64px}
.cohead .crumbs{font-size:14px;color:var(--texto-2);margin-bottom:56px}
.cohead .crumbs a{text-decoration:none}
.cohead .lock{margin-bottom:20px}
.cohead .lock i{font-size:clamp(28px,3vw,42px)}
.cohead .lock b{font-size:clamp(56px,8vw,124px);line-height:.88}
.cohead p{color:#d6d6d6;font-size:19px;max-width:42ch}
.cform [hidden]{display:none!important}
.cgrid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:start;padding-top:72px;padding-bottom:110px}
.cform h2,.canales h2{font-size:26px;margin-bottom:22px}
.cform form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cform .full{grid-column:1/-1}
.cform textarea{min-height:150px;resize:vertical}
.motivos{display:flex;flex-wrap:wrap;gap:8px}
.motivos label{cursor:pointer}
.motivos input{position:absolute;opacity:0;pointer-events:none}
.motivos span{display:inline-block;border:1px solid #3a3a3a;border-radius:20px;padding:8px 15px;font-size:15px;transition:border-color .2s,background .2s}
.motivos input:checked + span{border-color:#fff;background:#fff;color:#000}
.motivos input:focus-visible + span{outline:2px solid var(--rojo);outline-offset:3px}
.club-hint{grid-column:1/-1;border-left:3px solid var(--rojo);padding:10px 14px;background:var(--grafito);font-size:15px}
.club-hint a{color:#fff}
.cform .btn{justify-self:start}
.cform .fine{grid-column:1/-1;color:var(--texto-2);font-size:13px}
.canales{display:flex;flex-direction:column}
.canal{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:20px 0;border-top:1px solid var(--linea)}
.canal:last-of-type{border-bottom:1px solid var(--linea)}
.canal svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.5;margin-top:3px}
.canal b{display:block;font-weight:500}
.canal a.big{display:block;margin:2px 0 4px;font-size:24px;font-weight:500;text-decoration:none;letter-spacing:.01em}
.canal a.big:hover{color:var(--rojo)}
.canal a.big.mail{font-size:20px;overflow-wrap:anywhere}
.canal span,.canal p{color:var(--texto-2);font-size:15px}
.canal .lnk{font-size:14px;color:#fff;border-bottom:1px solid var(--rojo);text-decoration:none;display:inline-block;margin-top:8px}
.mapa{margin-top:24px;aspect-ratio:4/3;border-radius:var(--radio);overflow:hidden;border:1px solid var(--linea);background:var(--grafito)}
.mapa iframe{width:100%;height:100%;border:0;filter:grayscale(1) invert(.92) contrast(.9)}
.clubbox{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;border:1px solid var(--linea);border-radius:var(--radio);text-decoration:none;transition:border-color .2s}
.clubbox:hover{border-color:#fff}
.clubbox b{display:block;font-weight:500}
.clubbox span{color:var(--texto-2);font-size:14px}
.clubbox i{font-style:normal;font-size:14px;border-bottom:1px solid var(--rojo);white-space:nowrap}
@media (max-width:960px){
  .cohead .wrap{padding-bottom:44px}
  .cohead .crumbs{margin-bottom:32px}
  .cohead p{font-size:17px}
  .cgrid{grid-template-columns:1fr;gap:56px;padding-top:44px;padding-bottom:80px}
}
@media (max-width:640px){ .cform form{grid-template-columns:1fr} }