/* ==========================================================
   TARJETA PREMIUM – AG CONTACTO (VERSIÓN OPTIMIZADA)
   ========================================================== */

.ag-card {
    width: 100%;
    max-width: 520px;
    margin: 40px auto;
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;

    /* Sombra ANIMA más elegante */
    box-shadow: 0 8px 18px rgba(0,0,0,0.06);
    transition: transform .25s ease, box-shadow .25s ease;
}

.ag-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(0,0,0,0.10);
}

/* Imagen con fade */
.ag-card-img {
    position: relative;
}

.ag-card-img img {
    width: 100%;
    display: block;
}

.ag-card-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.12));
    pointer-events: none;
}

/* Contenido */
.ag-card-content {
    padding: 26px 28px 32px;
    text-align: center;
}

.ag-card-content h3 {
    margin: 0 0 6px;
    font-size: 1.55rem;
    font-weight: 700;
    letter-spacing: -0.4px;
    color: #1e293b;
}

.ag-card-content p {
    margin: 0 0 24px;
    color: #475569;
    line-height: 1.55;
    font-size: 1.03rem;
}

/* Botón premium */
.ag-card-btn {
    display: inline-block;
    padding: 13px 28px;
    border-radius: 9px;
    font-weight: 600;
    text-decoration: none;

    background: linear-gradient(135deg, var(--ast-global-color-0), var(--ast-global-color-1));
    color: #fff;

    box-shadow: 0 3px 10px rgba(0,0,0,0.14);
    transition: 0.25s ease;
}

.ag-card-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.18);
}