.dacar-web-service-page {
    --web-service-ink: #0B0F19;
    --web-service-red: #FF2800;
    --web-service-red-dark: #B90700;
    --web-service-paper: #F7F8FB;
    --web-service-muted: #526176;
    --web-service-line: rgba(11, 15, 25, .13);
    background: var(--web-service-paper);
    color: var(--web-service-ink);
}

.dacar-web-service-page h1,
.dacar-web-service-page h2,
.dacar-web-service-page h3,
.dacar-web-service-page p { letter-spacing: 0 !important; }

.dacar-web-service-wrap { width: min(100% - 48px, 1120px); margin: 0 auto; }

.dacar-web-service-hero {
    padding: clamp(50px, 6vw, 84px) 0 clamp(62px, 7vw, 98px);
    border-top: 1px solid rgba(255, 40, 0, .45);
    background: radial-gradient(circle at 82% 22%, rgba(255, 40, 0, .20), transparent 26rem), linear-gradient(135deg, #0B0F19 0%, #151116 55%, #070A12 100%);
    color: #FFFFFF;
}

.dacar-web-service-kicker,
.dacar-web-service-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 20px !important;
    color: #FF9A94 !important;
    font-size: 12px;
    font-weight: 760;
    letter-spacing: .12em !important;
    line-height: 1;
    text-transform: uppercase;
}

.dacar-web-service-kicker::before,
.dacar-web-service-label::before { width: 28px; height: 2px; background: currentColor; content: ""; }

.dacar-web-service-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(290px, .62fr);
    gap: clamp(38px, 7vw, 88px);
    align-items: end;
}

.dacar-web-service-hero h1 {
    max-width: 790px;
    margin: 0 !important;
    color: #FFFFFF !important;
    font-size: clamp(43px, 5.8vw, 76px) !important;
    font-weight: 430 !important;
    letter-spacing: -.055em !important;
    line-height: 1.01 !important;
    text-wrap: balance;
}

.dacar-web-service-intro {
    max-width: 730px;
    margin: 27px 0 0 !important;
    color: #D2D9E5 !important;
    font-size: clamp(18px, 1.7vw, 22px);
    line-height: 1.68 !important;
}

.dacar-web-service-price-box {
    padding: 28px;
    border: 1px solid rgba(255, 40, 0, .72);
    border-radius: 18px;
    background: rgba(8, 11, 18, .58);
    box-shadow: 0 22px 58px rgba(0, 0, 0, .28);
}

.dacar-web-service-price-box p { margin: 0 !important; }
.dacar-web-service-price-box .dacar-web-service-label { margin-bottom: 15px !important; }
.dacar-web-service-price-box strong { display: block; color: #FFFFFF; font-size: clamp(38px, 4.4vw, 58px); font-weight: 450; letter-spacing: -.055em; line-height: .95; }
.dacar-web-service-price-box span { display: block; margin-top: 9px; color: #C7D0DE; font-size: 14px; }

.dacar-web-service-section { padding: clamp(72px, 8vw, 112px) 0; background: #FFFFFF; }

.dacar-web-service-section-head {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(290px, .75fr);
    gap: clamp(30px, 7vw, 96px);
    margin-bottom: clamp(35px, 5vw, 60px);
}

.dacar-web-service-section h2 {
    margin: 0 !important;
    color: var(--web-service-ink) !important;
    font-size: clamp(34px, 4.8vw, 62px) !important;
    font-weight: 440 !important;
    letter-spacing: -.05em !important;
    line-height: 1.05 !important;
    text-wrap: balance;
}

.dacar-web-service-section-head > p {
    align-self: end;
    margin: 0 !important;
    color: var(--web-service-muted) !important;
    font-size: 18px;
    line-height: 1.7 !important;
}

.dacar-web-service-scope {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--web-service-line);
    border-left: 1px solid var(--web-service-line);
}

.dacar-web-service-scope article { padding: clamp(24px, 3vw, 36px); border-right: 1px solid var(--web-service-line); border-bottom: 1px solid var(--web-service-line); }
.dacar-web-service-scope h3 { margin: 0 0 14px !important; color: var(--web-service-ink) !important; font-size: 20px !important; font-weight: 690 !important; line-height: 1.25 !important; }
.dacar-web-service-scope p { margin: 0 !important; color: var(--web-service-muted) !important; font-size: 16px; line-height: 1.65 !important; }

/* Ecommerce: dos niveles comerciales dentro de la plantilla de servicios compartida. */
.dacar-ecommerce-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid var(--web-service-line);
}

.dacar-ecommerce-option {
    padding: clamp(27px, 3.4vw, 42px);
    background: #FFFFFF;
}

.dacar-ecommerce-option + .dacar-ecommerce-option {
    border-left: 1px solid var(--web-service-line);
}

.dacar-ecommerce-option-plus {
    background: linear-gradient(145deg, #191117 0%, #0B0F19 100%);
}

.dacar-ecommerce-option-label {
    margin: 0 !important;
    color: var(--web-service-red) !important;
    font-size: 12px;
    font-weight: 760;
    letter-spacing: .1em !important;
    line-height: 1.2 !important;
    text-transform: uppercase;
}

.dacar-ecommerce-option-price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 9px;
    margin: 20px 0 !important;
    color: var(--web-service-ink) !important;
    font-size: 15px;
}

.dacar-ecommerce-option-price strong {
    color: inherit;
    font-size: clamp(38px, 4.2vw, 55px);
    font-weight: 450;
    letter-spacing: -.055em;
    line-height: .95;
}

.dacar-ecommerce-option-price span {
    color: var(--web-service-muted);
    font-size: 13px;
}

.dacar-ecommerce-option-intro {
    min-height: 5.2em;
    margin: 0 !important;
    color: var(--web-service-muted) !important;
    font-size: 16px;
    line-height: 1.65 !important;
}

.dacar-ecommerce-option ul {
    margin: 27px 0 0;
    padding: 24px 0 0;
    border-top: 1px solid var(--web-service-line);
    list-style: none;
}

.dacar-ecommerce-option li {
    position: relative;
    padding-left: 16px;
    color: var(--web-service-ink);
    font-size: 15px;
    line-height: 1.55;
}

.dacar-ecommerce-option li + li { margin-top: 11px; }

.dacar-ecommerce-option li::before {
    position: absolute;
    top: .57em;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--web-service-red);
    content: "";
}

.dacar-ecommerce-option-note {
    margin: 26px 0 0 !important;
    padding-top: 18px;
    border-top: 1px solid var(--web-service-line);
    color: var(--web-service-muted) !important;
    font-size: 14px;
    line-height: 1.55 !important;
}

.dacar-ecommerce-option-plus .dacar-ecommerce-option-price,
.dacar-ecommerce-option-plus .dacar-ecommerce-option-price strong,
.dacar-ecommerce-option-plus li { color: #FFFFFF !important; }

.dacar-ecommerce-option-plus .dacar-ecommerce-option-price span,
.dacar-ecommerce-option-plus .dacar-ecommerce-option-intro,
.dacar-ecommerce-option-plus .dacar-ecommerce-option-note { color: #C8D0DD !important; }

.dacar-ecommerce-option-plus ul,
.dacar-ecommerce-option-plus .dacar-ecommerce-option-note { border-top-color: rgba(255, 255, 255, .18); }

.dacar-ecommerce-scope-limit {
    max-width: 940px;
    margin: 25px 0 0 !important;
    padding-left: 16px;
    border-left: 2px solid var(--web-service-red);
    color: var(--web-service-muted) !important;
    font-size: 15px;
    line-height: 1.65 !important;
}

.dacar-ecommerce-extras {
    padding: clamp(72px, 8vw, 112px) 0;
    border-top: 1px solid rgba(255, 40, 0, .32);
    background: #0B0F19;
}

.dacar-ecommerce-extras-grid {
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
    gap: clamp(42px, 8vw, 112px);
    align-items: start;
}

.dacar-ecommerce-extras-head h2 {
    margin: 0 !important;
    color: #FFFFFF !important;
    font-size: clamp(34px, 4.6vw, 61px) !important;
    font-weight: 440 !important;
    letter-spacing: -.05em !important;
    line-height: 1.05 !important;
    text-wrap: balance;
}

.dacar-ecommerce-extras-head > p:last-child {
    margin: 25px 0 0 !important;
    color: #C8D0DD !important;
    font-size: 17px;
    line-height: 1.7 !important;
}

.dacar-ecommerce-extras-list { border-top: 1px solid rgba(255, 255, 255, .2); }

.dacar-ecommerce-extra {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 18px;
    padding: 25px 0 27px;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.dacar-ecommerce-extra-index {
    margin: 3px 0 0 !important;
    color: var(--web-service-red) !important;
    font-size: 13px;
    font-weight: 760;
    letter-spacing: .08em !important;
}

.dacar-ecommerce-extra h3 {
    margin: 0 0 9px !important;
    color: #FFFFFF !important;
    font-size: 20px !important;
    font-weight: 680 !important;
    line-height: 1.25 !important;
}

.dacar-ecommerce-extra div > p {
    margin: 0 !important;
    color: #C8D0DD !important;
    font-size: 16px;
    line-height: 1.65 !important;
}

.dacar-web-service-contact { padding: clamp(70px, 8vw, 108px) 0; background: var(--web-service-paper); }

.dacar-web-service-contact-grid {
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
    gap: clamp(28px, 6vw, 78px);
    align-items: start;
}

.dacar-web-service-contact-copy { padding-top: 10px; }
.dacar-web-service-contact-copy h2 { font-size: clamp(34px, 4.4vw, 56px) !important; }
.dacar-web-service-contact-copy > p { margin: 23px 0 0 !important; color: var(--web-service-muted) !important; font-size: 18px; line-height: 1.7 !important; }
.dacar-web-service-contact-note { margin: 26px 0 0 !important; padding-left: 15px; border-left: 2px solid var(--web-service-red); color: var(--web-service-ink) !important; font-size: 15px !important; font-weight: 600; }

.dacar-web-service-form {
    padding: clamp(24px, 3.2vw, 40px);
    border: 1px solid rgba(11, 15, 25, .12);
    border-top: 3px solid var(--web-service-red);
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 18px 45px rgba(11, 15, 25, .07);
}

.dacar-web-service-form .ff-el-group { margin-bottom: 19px; }
.dacar-web-service-form .ff-el-input--label label { color: var(--web-service-ink); font-weight: 680; }
.dacar-web-service-form .ff-el-form-control { border-color: rgba(11, 15, 25, .18); border-radius: 7px; }
.dacar-web-service-form .ff-el-form-control:focus { border-color: var(--web-service-red); box-shadow: 0 0 0 3px rgba(255, 40, 0, .12); }
.dacar-web-service-form .ff-btn-submit { border-radius: 999px; background: var(--web-service-red) !important; font-weight: 730; }
.dacar-web-service-form .ff-btn-submit:hover,
.dacar-web-service-form .ff-btn-submit:focus-visible { background: var(--web-service-red-dark) !important; }
