:root{--yellow:#ffd400;--ink:#111;--muted:#64645f;--line:#d8d8d2;--paper:#f4f4ef;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.proam-quote-page{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}.proam-quote-page a{text-decoration:none}.proam-quote-page.admin-bar .quote-header{top:32px}
.quote-header{
    height:80px;
    padding:0 max(24px,calc((100% - 1240px)/2));
    display:grid;
    grid-template-columns:220px minmax(0,1fr) auto;
    align-items:center;
    gap:32px;
    background:#fff;
    border-bottom:1px solid rgba(17,17,17,.12);
    position:sticky;
    top:0;
    z-index:100;
}

.quote-brand{
    width:170px;
    display:block;
}

.quote-brand img{
    width:100%;
    height:51px;
    object-fit:contain;
}

.quote-nav{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:34px;
    white-space:nowrap;
    font-size:14px;
    font-weight:600;
}

.quote-nav a{
    position:relative;
    color:#111;
    padding:28px 0;
}

.quote-nav a::after{
    content:"";
    position:absolute;
    left:0;
    right:100%;
    bottom:20px;
    height:2px;
    background:var(--yellow);
    transition:right .25s ease;
}

.quote-nav a:hover::after,
.quote-nav a.active::after{
    right:0;
}

.quote-header-cta{
    height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 18px;
    background:#111;
    color:#fff !important;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
}

.quote-header-cta:hover,
.quote-header-cta:focus,
.quote-header-cta:visited{
    background:#111;
    color:#fff !important;
}

.quote-header-cta:hover{
    background:#2b2b2b;
}

.quote-header-cta .whatsapp-icon{
    width:18px;
    height:18px;
}.quote-hero{max-width:var(--max);margin:0 auto;padding:76px 24px 54px;display:grid;grid-template-columns:1.15fr .65fr;gap:80px;align-items:end}.quote-eyebrow{font:800 12px/1 "Manrope",Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;margin:0}.quote-hero h1{font:800 clamp(46px,6vw,78px)/0.96 "Manrope",Arial,sans-serif;letter-spacing:-.045em;margin:16px 0 24px;max-width:800px}.quote-hero-copy>p:not(.quote-eyebrow){font-size:19px;line-height:1.65;color:#4d4d49;max-width:720px}.quote-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.quote-trust span{background:#fff;border:1px solid var(--line);padding:10px 13px;font-size:13px;font-weight:800}.quote-hero-card{background:var(--yellow);padding:30px;border-top:7px solid #111}.quote-hero-card strong{font:800 20px/1.2 "Manrope",Arial,sans-serif}.quote-hero-card p{line-height:1.6;margin:12px 0 0}
.quote-workspace{max-width:var(--max);margin:0 auto 82px;padding:0 24px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.quote-guide{background:#111;color:#fff;padding:38px 30px;position:sticky;top:116px}.quote-guide .quote-eyebrow{color:var(--yellow)}.quote-guide ol{list-style:none;padding:0;margin:30px 0}.quote-guide li{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:20px 0;border-top:1px solid #383838}.quote-guide li:last-child{border-bottom:1px solid #383838}.quote-guide li>span{color:var(--yellow);font-weight:800;font-size:12px}.quote-guide strong{font:800 16px/1.3 "Manrope",Arial,sans-serif}.quote-guide li p{color:#bdbdb8;line-height:1.5;font-size:14px;margin:7px 0 0}.quote-assistance{font-size:13px;color:#bdbdb8}.quote-whatsapp{display:flex;align-items:center;justify-content:center;gap:10px;background:#25d366;color:#071d0e;padding:15px;font-weight:800}.whatsapp-icon{width:22px;height:22px;display:block;flex:0 0 auto}
.quote-form-card{background:#fff;border:1px solid var(--line);padding:0;min-height:460px;box-shadow:0 16px 45px rgba(17,17,17,.06);overflow:hidden}.quote-form-card>p:first-child:last-child{margin:0}.proam-quote-unavailable{padding:24px;background:#fff3cd;border-left:5px solid var(--yellow)}
.quote-form-card [data-proam-demo]{margin:0}.quote-form-card [data-proam-demo]>p:first-child,.quote-form-card .proam-plugin-version{display:none!important}.quote-form-card .proam-quote{margin:0!important}.quote-form-card .proam-quote-shell{border:0!important;border-radius:0!important}.quote-form-card form{max-width:none}.quote-form-card input,.quote-form-card select,.quote-form-card textarea{max-width:100%}
.proam-quote-page .proam-button,.proam-quote-page .proam-button:visited,.proam-quote-page .proam-button:hover,.proam-quote-page .proam-button:focus{background:#f2c94c!important;color:#17251e!important;border-color:#f2c94c!important}.proam-quote-page .proam-button:hover,.proam-quote-page .proam-button:focus{background:#dfb52f!important;filter:none!important}.quote-whatsapp,.quote-whatsapp:visited,.quote-whatsapp:hover,.quote-whatsapp:focus{background:#25d366!important;color:#071d0e!important}.quote-whatsapp:hover,.quote-whatsapp:focus{background:#1fba59!important}.quote-back,.quote-back:visited,.quote-back:hover,.quote-back:focus{color:#111!important}
.quote-closing{background:var(--yellow);padding:65px max(24px,calc((100% - var(--max))/2))}.quote-closing h2{font:800 clamp(34px,5vw,62px)/1 "Manrope",Arial,sans-serif;margin:14px 0 15px;letter-spacing:-.035em}.quote-closing>p:last-child{font-size:17px;margin:0}.quote-footer{max-width:var(--max);margin:0 auto;padding:34px 24px 45px;display:flex;align-items:center;justify-content:space-between;gap:24px}.quote-footer img{width:155px;height:48px;object-fit:contain}.quote-footer p{color:var(--muted);font-size:14px}.quote-floating-whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.25);z-index:30}.quote-floating-whatsapp .whatsapp-icon{width:29px;height:29px}.proam-quote-page #qlwapp,.proam-quote-page .qlwapp{display:none!important}
@media(max-width:900px){.quote-hero{grid-template-columns:1fr;gap:30px}.quote-workspace{grid-template-columns:1fr}.quote-guide{position:static}.quote-guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quote-guide li{display:block;border:1px solid #383838!important;padding:18px}.quote-guide li>span{display:block;margin-bottom:10px}}
@media(max-width:782px){.proam-quote-page.admin-bar .quote-header{top:46px}}
@media(max-width:420px){
    .quote-brand{
        width:120px;
    }

    .quote-header-cta{
        padding:0 12px;
        font-size:12px;
    }

    .quote-nav{
        gap:18px;
    }

    .quote-nav a{
        font-size:13px;
    }
}
/* HEADER COTIZADOR PROAM */

.quote-header .quote-nav a,
.quote-header .quote-nav a:visited,
.quote-header .quote-nav a:hover,
.quote-header .quote-nav a:focus {
    color: #111111 !important;
    text-decoration: none !important;
}

.quote-header .quote-header-cta,
.quote-header .quote-header-cta:visited {
    background: #111111 !important;
    color: #ffffff !important;
    padding: 16px 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 700;
    text-decoration: none !important;
}

.quote-header .quote-header-cta:hover {
    background: #2b2b2b !important;
    color: #ffffff !important;
}

.quote-header .quote-header-cta svg {
    color: #ffffff !important;
}
/* RESPONSIVE HEADER COTIZADOR PROAM */

@media(max-width:620px){
    .quote-guide{
        display:none;
    }
    .proam-quote-page.admin-bar .quote-header{
        top:0;
    }

    .quote-header{
        height:auto;
        min-height:0;
        padding:12px 16px 10px;
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        gap:10px 12px;
    }

    .quote-header .quote-brand{
        width:125px;
        flex:0 0 125px;
    }

    .quote-header .quote-brand img{
        width:100%;
        height:auto;
        display:block;
    }

    .quote-header .quote-header-cta,
    .quote-header .quote-header-cta:visited{
        margin-left:auto;
        height:42px;
        padding:0 13px !important;
        font-size:12px;
        gap:7px;
        flex:0 0 auto;
    }

    .quote-header .quote-header-cta .whatsapp-icon{
        width:17px;
        height:17px;
    }

    .quote-header .quote-nav{
        order:3;
        flex:0 0 100%;
        width:100%;
        display:flex;
        justify-content:flex-start;
        align-items:center;
        gap:22px;
        overflow-x:auto;
        white-space:nowrap;
        padding:3px 0 5px;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }

    .quote-header .quote-nav::-webkit-scrollbar{
        display:none;
    }

    .quote-header .quote-nav a{
        flex:0 0 auto;
        padding:8px 0 11px;
        font-size:13px;
    }

    .quote-header .quote-nav a::after{
        bottom:0;
    }

    .quote-hero{
        padding:48px 18px 38px;
    }

    .quote-hero h1{
        font-size:45px;
    }

    .quote-hero-copy>p:not(.quote-eyebrow){
        font-size:17px;
    }

    .quote-workspace{
        padding:0 14px;
        margin-bottom:54px;
    }

    .quote-guide{
        padding:30px 24px;
    }

    .quote-guide ol{
        display:block;
    }

    .quote-guide li{
        display:grid;
        grid-template-columns:38px 1fr;
        border-width:1px 0 0!important;
    }

    .quote-guide li:last-child{
        border-bottom:1px solid #383838!important;
    }

    .quote-form-card{
        padding:0;
    }

    .quote-form-card .proam-quote__header,
    .quote-form-card .proam-quote__form,
    .quote-form-card .proam-contact{
        padding-left:20px!important;
        padding-right:20px!important;
    }

    .quote-closing{
        padding:48px 20px;
    }

    .quote-footer{
        padding:28px 20px 90px;
        align-items:flex-start;
        flex-direction:column;
    }

    .quote-floating-whatsapp{
        right:14px;
        bottom:14px;
        width:54px;
        height:54px;
    }
}

@media(max-width:420px){

    .quote-header .quote-brand{
        width:115px;
        flex-basis:115px;
    }

    .quote-header .quote-header-cta,
    .quote-header .quote-header-cta:visited{
        padding:0 11px !important;
        font-size:11px;
    }

    .quote-header .quote-nav{
        gap:18px;
    }

    .quote-header .quote-nav a{
        font-size:12px;
    }
}
@media (max-width: 620px) {
    .quote-trust {
        display: none !important;
    }
}