/* ============ Contact Page ============ */
    .contact-section{padding:6rem 0}
    .section-badge{
        display:inline-block;background:var(--primary-color);color:#fff;
        padding:.4rem 1rem;border-radius:9999px;font-weight:500;font-size:.9rem
    }
    .section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin:.8rem 0}
    .section-description{color:var(--text-muted);font-size:1.05rem}

    .contact-card{
        background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);
        box-shadow:var(--shadow);transition:var(--transition);text-align:center;height:100%
    }
    .contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
    .icon-wrapper{
        width:60px;height:60px;margin:0 auto 1rem;background:var(--primary-color);
        color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;
        font-size:1.5rem
    }

    /* iframe responsivo */
    .map-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;
                    border-radius:var(--border-radius);box-shadow:var(--shadow-lg)}
    .map-responsive iframe{
        position:absolute;top:0;left:0;width:100%;height:100%;border:0
    }

    /* corrige body h-100 heredado cuando la página sea más larga que el viewport */
    html,body{height:auto!important;min-height:100%}