.contacto{background:linear-gradient(145deg,#18100b,#101010 55%);color:#fff;padding:clamp(90px,10vw,150px) clamp(22px,8vw,120px);display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.85fr);gap:clamp(50px,8vw,120px);align-items:center}.contacto-info h2{font-size:clamp(48px,6vw,78px);line-height:1;letter-spacing:-2px;margin:20px 0 24px}.contacto-info p{font-size:18px;line-height:1.7;color:#aaa;max-width:600px}.contacto-primary{display:inline-flex;align-items:center;gap:14px;margin-top:30px;padding:17px 23px;border-radius:16px;background:#25d366;color:#07160d;text-decoration:none;font-weight:900;box-shadow:0 16px 40px rgba(37,211,102,.18)}.contacto-datos{display:grid;gap:12px}.dato{display:grid;grid-template-columns:1fr auto;gap:7px;padding:22px 24px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);text-decoration:none;color:#fff;transition:transform .25s,border-color .25s}.dato:hover{transform:translateX(-6px);border-color:rgba(255,179,71,.35)}.dato span{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#ffb347}.dato strong{grid-row:2;font-size:17px}.dato i{grid-column:2;grid-row:1/3;align-self:center;color:#777;font-style:normal}@media(max-width:850px){.contacto{grid-template-columns:1fr}.contacto-info h2{font-size:clamp(44px,12vw,62px)}.contacto-datos{min-width:0}.dato{padding:19px}.dato strong{font-size:15px;overflow-wrap:anywhere}}

/* Etapa 104: contacto sin acciones redundantes. */
.dato{position:relative;grid-template-columns:auto 1fr auto;column-gap:14px;align-items:center}
.dato .dato-icon{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font-size:22px}
.dato>span:not(.dato-icon){grid-column:2}.dato strong{grid-column:2;grid-row:2}.dato i{grid-column:3;grid-row:1/3}
.dato-whatsapp{background:linear-gradient(135deg,rgba(37,211,102,.16),rgba(37,211,102,.06));border-color:rgba(37,211,102,.28)}
.dato-whatsapp .dato-icon{background:#25d366;color:#07160d}.dato-whatsapp>span:not(.dato-icon){color:#6ef39b}
.dato-maps{background:linear-gradient(135deg,rgba(66,133,244,.16),rgba(66,133,244,.05));border-color:rgba(66,133,244,.27)}
.dato-maps .dato-icon{background:#4285f4}.dato-maps>span:not(.dato-icon){color:#8db7ff}
@media(max-width:850px){.contacto-info{margin-bottom:4px}.dato .dato-icon{width:40px;height:40px;border-radius:12px;font-size:20px}}

/* Etapa 105: identidad visual para redes sociales. */
.dato-icon-svg svg{width:23px;height:23px;display:block;fill:currentColor}
.dato-facebook{background:linear-gradient(135deg,rgba(24,119,242,.17),rgba(24,119,242,.055));border-color:rgba(24,119,242,.3)}
.dato-facebook .dato-icon{background:#1877f2;color:#fff;box-shadow:0 10px 24px rgba(24,119,242,.2)}
.dato-facebook>span:not(.dato-icon){color:#86b8ff}
.dato-facebook:hover{border-color:rgba(24,119,242,.58);box-shadow:0 14px 34px rgba(24,119,242,.11)}
.dato-youtube{background:linear-gradient(135deg,rgba(255,0,0,.15),rgba(255,0,0,.045));border-color:rgba(255,0,0,.27)}
.dato-youtube .dato-icon{background:#ff0000;color:#fff;box-shadow:0 10px 24px rgba(255,0,0,.18)}
.dato-youtube>span:not(.dato-icon){color:#ff8b8b}
.dato-youtube:hover{border-color:rgba(255,0,0,.55);box-shadow:0 14px 34px rgba(255,0,0,.1)}