/* Realces mínimos, manteniendo Bootstrap como base */
.card-hover {
    transition: transform .2s ease, box-shadow .2s ease;
}
.card-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 1rem 2rem rgba(0,0,0,.08);
}

/* Suaviza portadas/banners */
.card > .card-img {
    filter: saturate(1.05);
}
/* Igualar alturas entre formulario y mapa */
.contact-equal .card { min-height: 520px; }
@media (min-width: 1200px) {
    .contact-equal .card { min-height: 560px; }
}
.map-card { background: #f8faf9; }
.map-card .map-embed { inset: 0; }

/* Floating labels enfoque en verde sutil */
.form-floating > .form-control:focus,
.form-floating > .form-select:focus {
    border-color: rgba(25,135,84,.35);
    box-shadow: 0 0 0 .2rem rgba(25,135,84,.15);
}

/* Contador y validación */
.form-floating .invalid-feedback { display: none; }
#mensaje:invalid ~ .invalid-feedback { display: block; }

/* Tarjetas: micro sombra */
.card { transition: box-shadow .2s ease; }
.card:hover { box-shadow: 0 14px 36px rgba(0,0,0,.08); }

/* Al final del archivo */
#mensaje { min-height: 200px; }

:root{
    --nc-green: #198754; /* igual a bs-success base */
}

/* Tarjetas/elementos con “pill” de ícono */
.icon-pill{
    width: 48px; height: 48px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    font-size: 1.125rem;
}

/* Hover sutil sin desplazamientos */
.card-hover, .feature-card, .list-group-item {
    transition: box-shadow .2s ease, border-color .2s ease, filter .2s ease;
}
.card-hover:hover,
.feature-card:hover,
.list-group-item:hover {
    box-shadow: 0 14px 30px rgba(0,0,0,.08);
    border-color: rgba(25,135,84,.25);
}

/* Botón icónico más visible para redes */
.btn-icon-lg{
    width: 44px; height: 44px;
    border-radius: 999px;
    display: inline-flex; align-items: center; justify-content: center;
}

/* Acentos suaves de alertas en verde */
.alert-success-subtle {
    --bs-alert-bg: rgba(25,135,84,.08);
    --bs-alert-color: #1b5e3c;
    --bs-alert-border-color: rgba(25,135,84,.18);
}

/* Asegura consistencia de bordes redondeados */
.rounded-4 { border-radius: 1rem !important; }

/* Opcional: elevar ligeramente enlaces de la cinta en hover */
.hover-raise:hover { filter: brightness(1.03); }

/* FAQ: color del caret en éxito */
.accordion-button::after{
    filter: hue-rotate(110deg) saturate(1.2);
}