.contact-page{min-height:60vh;color:#172235;background:#f4f7fb}.contact-container{width:min(100%,1280px);margin:0 auto;padding:0 24px}.contact-hero{padding:66px 0 48px;background:linear-gradient(135deg,#f8fafc,#edf3f8)}.contact-hero span,.contact-card-heading>span{color:#f0a800;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.contact-hero h1{max-width:800px;margin:8px 0;color:#0d223f;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05}.contact-hero p{max-width:700px;margin:0;color:#667085;font-size:1.02rem;line-height:1.65}.contact-content{padding:48px 0 72px}.contact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:22px;align-items:start}.contact-form-card,.contact-info-card{border:1px solid #dce4ed;border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(13,34,63,.07)}.contact-form-card{padding:28px}.contact-info-card{position:sticky;top:24px;padding:26px}.contact-card-heading{margin-bottom:23px}.contact-card-heading h2{margin:7px 0;color:#0d223f;font-size:clamp(1.55rem,3vw,2.2rem)}.contact-card-heading p{margin:0;color:#667085;line-height:1.6}.contact-form{display:grid;gap:16px}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:grid;gap:7px}.contact-form label>span{color:#0d223f;font-size:.86rem;font-weight:800}.contact-form label small{color:#7a8797;font-weight:600}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:46px;border:1px solid #d5dee8;border-radius:10px;padding:12px;color:#172235;background:#fff;font:inherit;outline:none}.contact-form textarea{min-height:160px;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#064dbf;box-shadow:0 0 0 4px rgba(6,77,191,.10)}.contact-consent{display:flex!important;align-items:flex-start;gap:10px!important}.contact-consent input{width:18px;min-height:18px;margin-top:1px;accent-color:#064dbf}.contact-consent span{color:#667085!important;font-size:.8rem!important;font-weight:600!important;line-height:1.45}.contact-form>button{min-height:48px;border:0;border-radius:10px;padding:0 18px;color:#fff;background:#064dbf;font-weight:900;cursor:pointer}.contact-form>button:disabled{cursor:wait;opacity:.65}.contact-form-status{min-height:20px;border-radius:10px;font-size:.86rem;line-height:1.45}.contact-form-status.is-success,.contact-form-status.is-error{padding:11px 13px}.contact-form-status.is-success{color:#087443;background:#edf9f3}.contact-form-status.is-error{color:#b42318;background:#fff0f0}.contact-logged-user{display:grid;gap:4px;border:1px solid #dce4ed;border-radius:12px;padding:14px;background:#f8fafc}.contact-logged-user span,.contact-logged-user small{color:#667085;font-size:.78rem}.contact-logged-user strong{color:#0d223f}.contact-info-list{display:grid;gap:12px}.contact-info-list article{border-bottom:1px solid #edf1f5;padding:0 0 14px}.contact-info-list article:last-child{border-bottom:0}.contact-info-list span{display:block;margin-bottom:5px;color:#667085;font-size:.77rem;font-weight:800;text-transform:uppercase}.contact-info-list a,.contact-info-list p{margin:0;color:#0d223f;font-weight:800;line-height:1.45;text-decoration:none}.contact-process{margin-top:20px;border-radius:14px;padding:18px;background:#f8fafc}.contact-process strong{color:#0d223f}.contact-process ol{margin:13px 0 0;padding-left:20px;color:#667085;line-height:1.6}@media(max-width:920px){.contact-grid{grid-template-columns:1fr}.contact-info-card{position:static}}@media(max-width:620px){.contact-container{padding:0 15px}.contact-hero{padding:44px 0 34px}.contact-content{padding:28px 0 50px}.contact-form-card,.contact-info-card{padding:20px}.contact-row{grid-template-columns:1fr}}

.contact-social-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin:26px 0;
    padding:26px;
    border:1px solid #e5e7eb;
    border-radius:20px;
    background:#fff;
    box-shadow:0 14px 34px rgba(17,24,39,.06);
}

.contact-social-card > div:first-child > span{
    color:#064dbf;
    font-size:.76rem;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.contact-social-card h2{
    margin:5px 0 0;
    color:#111827;
}

.contact-social-links{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.contact-social-link{
    display:inline-flex;
    min-height:48px;
    align-items:center;
    gap:10px;
    padding:0 17px;
    border-radius:12px;
    color:#fff;
    font-weight:800;
    text-decoration:none;
    transition:transform .2s ease;
}

.contact-social-link:hover{
    color:#fff;
    transform:translateY(-2px);
}

.contact-social-link--facebook{
    background:#1877f2;
}

.contact-social-link--instagram{
    background:
        linear-gradient(135deg,#feda75,#fa7e1e 30%,#d62976 58%,#962fbf 78%,#4f5bd5);
}

.contact-social-link svg{
    width:22px;
    height:22px;
    fill:currentColor;
}

.contact-social-link--instagram svg{
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
}

.contact-social-link--instagram .instagram-dot{
    fill:currentColor;
    stroke:none;
}

@media(max-width:720px){
    .contact-social-card{
        align-items:flex-start;
        flex-direction:column;
    }

    .contact-social-links,
    .contact-social-link{
        width:100%;
    }

    .contact-social-link{
        justify-content:center;
    }
}


/* Pulseras Pro - contacto: ajustes finales */
.contact-page{
    width:100%;
    background:#f7f9fc;
    color:#172235;
}
.contact-page .contact-container{
    width:min(1120px,calc(100% - 40px));
    margin:0 auto;
}
.contact-page .contact-hero{
    padding:72px 0 54px;
    background:linear-gradient(135deg,#064dbf 0%,#0d223f 100%);
    color:#fff;
}
.contact-page .contact-hero span,
.contact-page .contact-card-heading > span,
.contact-page .contact-social-card > div:first-child > span{
    display:block;
    color:#ffc400;
    font-size:.78rem;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.contact-page .contact-hero h1{
    max-width:780px;
    margin:10px 0 14px;
    color:#fff;
    font-size:clamp(2.2rem,5vw,4rem);
    line-height:1.04;
}
.contact-page .contact-hero p{
    max-width:720px;
    margin:0;
    color:rgba(255,255,255,.86);
    line-height:1.7;
}
.contact-page .contact-content{
    padding:46px 0 78px;
}
.contact-page .contact-info-card,
.contact-page .contact-social-card{
    background:#fff;
    border:1px solid #e1e7ee;
    border-radius:22px;
    box-shadow:0 16px 40px rgba(17,24,39,.07);
}
.contact-page .contact-info-card{
    padding:32px;
}
.contact-page .contact-card-heading h2,
.contact-page .contact-social-card h2{
    margin:7px 0 10px;
    color:#0d223f;
    line-height:1.15;
}
.contact-page .contact-card-heading p{
    margin:0;
    color:#667085;
    line-height:1.7;
}
.contact-page .contact-info-list--grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:26px;
}
.contact-page .contact-info-list article{
    min-width:0;
    padding:18px;
    border:1px solid #e6ebf1;
    border-radius:14px;
    background:#fbfcfe;
}
.contact-page .contact-info-list article > span{
    display:block;
    margin-bottom:7px;
    color:#667085;
    font-size:.78rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.contact-page .contact-info-list article a,
.contact-page .contact-info-list article p{
    margin:0;
    color:#0d223f;
    font-weight:750;
    line-height:1.5;
    overflow-wrap:anywhere;
}
.contact-page .contact-info-list article a:not(.contact-whatsapp-button){
    text-decoration:none;
}
.contact-page .contact-info-list article a:not(.contact-whatsapp-button):hover{
    color:#064dbf;
}
.contact-page .contact-whatsapp-button{
    display:flex !important;
    width:100%;
    min-height:48px;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 16px;
    border-radius:11px;
    background:#25d366 !important;
    color:#fff !important;
    font-weight:900 !important;
    text-decoration:none !important;
    box-shadow:0 7px 16px rgba(37,211,102,.22);
    transition:transform .18s ease,background .18s ease;
}
.contact-page .contact-whatsapp-button:hover{
    background:#1ebe5d !important;
    color:#fff !important;
    transform:translateY(-1px);
}
.contact-page .contact-whatsapp-button svg{
    width:20px;
    height:20px;
    flex:0 0 20px;
    fill:currentColor;
}
.contact-page .contact-social-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-top:24px;
    padding:26px 32px;
}
.contact-page .contact-social-links{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}
.contact-page .contact-social-link{
    display:inline-flex;
    min-height:48px;
    align-items:center;
    gap:9px;
    padding:0 17px;
    border-radius:12px;
    color:#fff;
    font-weight:800;
    text-decoration:none;
}
.contact-page .contact-social-link--facebook{background:#1877f2}
.contact-page .contact-social-link--instagram{
    background:linear-gradient(135deg,#feda75,#fa7e1e 30%,#d62976 58%,#962fbf 78%,#4f5bd5);
}
.contact-page .contact-social-link--tiktok{background:#111}
.contact-page .contact-social-link:hover{color:#fff;transform:translateY(-1px)}
@media(max-width:720px){
    .contact-page .contact-container{width:min(100% - 28px,1120px)}
    .contact-page .contact-hero{padding:54px 0 42px}
    .contact-page .contact-content{padding:28px 0 58px}
    .contact-page .contact-info-card{padding:22px}
    .contact-page .contact-info-list--grid{grid-template-columns:1fr}
    .contact-page .contact-social-card{
        align-items:stretch;
        flex-direction:column;
        padding:22px;
    }
    .contact-page .contact-social-links{width:100%}
    .contact-page .contact-social-link{
        width:100%;
        justify-content:center;
    }
}