.contact-hero{padding:100px 0 60px;text-align:center;background:linear-gradient(to bottom,var(--color-fondo-hero),#ffffff)}.badge-pill{background:var(--color-badge-bg);color:var(--color-azul);padding:8px 20px;border-radius:50px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.contact-title{margin:25px 0 20px;color:var(--color-azul)}.contact-subtitle{max-width:700px;margin:0 auto;color:#555;line-height:1.6}.contact-main-content{padding-bottom:120px}.contact-layout-grid{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:50px;gap:50px;align-items:start}.contact-cards-container{display:flex;flex-direction:column;gap:25px}.contact-mini-card{display:flex;gap:20px;padding:30px;background:#fff;border-radius:16px;border:1px solid #eef2f6;transition:.3s ease;box-shadow:0 4px 20px rgba(0,0,0,.02)}.contact-mini-card:hover{box-shadow:0 10px 30px rgba(53,83,116,.08);transform:translateX(5px)}.card-icon-wrapper{width:50px;height:50px;background:var(--color-fondo-hero);color:var(--color-azul);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.card-details h3{margin-bottom:8px;color:var(--color-azul)}.card-details p{font-size:.95rem;color:#666;margin-bottom:12px;line-height:1.4}.link-text{color:var(--color-naranja);font-weight:700;font-size:.9rem}.contact-actions{display:flex;gap:12px;margin-top:15px}.btn-primary-small{background-color:var(--color-azul);color:white;padding:10px 20px;border-radius:8px;font-size:.85rem;font-weight:600}.btn-outline-small{border:2px solid var(--color-azul);color:var(--color-azul);padding:8px 18px;border-radius:8px;font-size:.85rem;font-weight:600}.btn-outline-small,.btn-primary-small{display:flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;min-height:44px;width:auto;flex:1 1;transition:.3s cubic-bezier(.4,0,.2,1)}.btn-primary-small:hover{background-color:var(--color-naranja);color:white}.btn-outline-small:hover{background-color:var(--color-azul);color:white}.contact-map-wrapper{height:550px;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.05);border:1px solid #eef2f6}@media (max-width:600px){.contact-layout-grid{grid-template-columns:1fr;gap:40px}.contact-map-wrapper{height:400px;order:2}.contact-hero{padding:60px 0 40px}.contact-actions{flex-direction:column;gap:15px;width:100%}.contact-main-content{padding-bottom:60px}.contact-mini-card{flex-direction:column;align-items:center;text-align:center;padding:20px}.card-icon-wrapper{margin-bottom:10px}.card-details{width:100%}}