/*==============================================
    Services One
===============================================*/
.services-one {
    position: relative;
    display: block;
    background-color: var(--careon-extra);
    padding: 0 0 90px;
    z-index: 1;
}

.services-one__left {
    position: relative;
    display: block;
    margin-top: 240px;
}

.services-one__left .section-title {
    margin-bottom: 30px;
}

.services-one__btn-box {
    position: relative;
    display: block;
    margin-top: 30px;
}

.services-one__btn-box .thm-btn {
    background-color: var(--careon-white);
    border: 1px solid var(--careon-primary);
    color: var(--careon-black);
}

.services-one__right {
    position: relative;
    display: block;
    margin-left: 30px;
}

.services-one__single {
    position: relative;
    display: block;
    background-color: var(--careon-white);
    border-radius: var(--careon-bdr-radius);
    padding: 40px 40px 37px;
    margin-bottom: 30px;
}

.services-one__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    background-color: var(--color3);
    border-radius: 50%;
    z-index: 1;
}

.services-one__icon:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border-radius: 50%;
    background-color: var(--careon-base);
    transform: scale(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: -1;
}

.services-one__single:hover .services-one__icon:before {
    transform: scaleX(1);
}

.services-one__icon span {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: var(--careon-black);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.services-one__single:hover .services-one__icon span {
    transform: scale(0.9);
    color: var(--careon-white);
}

.services-one__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin: 22px 0 34px;
}

.services-one__title a {
    color: var(--careon-black);
}

.services-one__title a:hover {
    color: var(--careon-base);
}

.services-one__read-more {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--careon-black);
    margin-top: 31px;
}

.services-one__read-more:hover {
    color: var(--careon-base);
}

.services-one__right ul li:first-child {
    margin-top: 80px;
}

.services-one__right ul li:last-child {
    margin-top: -80px;
}

/*--------------------------------------------------------------
# Services Two
--------------------------------------------------------------*/
.services-two {
    position: relative;
    display: block;
    padding: 120px 0 0;
    z-index: 1;
}

.services-two__inner {
    position: relative;
    display: block;
    border: 2px solid var(--careon-bdr-color);
    border-radius: var(--careon-bdr-radius);
    padding: 41px 40px 18px;
}

.services-two__single {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 22px;
}

.services-two__single::before {
    content: "";
    position: absolute;
    top: 0;
    left: -16px;
    bottom: 0;
    width: 2px;
    background-color: var(--careon-bdr-color);
}

.services-two__inner ul li:first-child .services-two__single::before {
    display: none;
}

.services-two__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.services-two__title a {
    color: var(--careon-black);
}

.services-two__title a:hover {
    color: var(--careon-base);
}

.services-two__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    background-color: var(--careon-extra);
    border-radius: 50%;
    margin: 23px auto 20px;
    z-index: 1;
}

.services-two__icon:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border-radius: 50%;
    background-color: var(--careon-base);
    transform: scale(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: -1;
}

.services-two__single:hover .services-two__icon:before {
    transform: scaleX(1);
}

.services-two__icon span {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: var(--careon-black);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.services-two__single:hover .services-two__icon span {
    transform: scale(0.9);
    color: var(--careon-white);
}

.services-two__btn-box {
    position: relative;
    display: block;
    margin-top: 30px;
}

.services-two__btn-box .thm-btn {
    color: var(--careon-black);
    padding: 12px 29px 16px;
    background-color: transparent;
    border: 1px solid var(--careon-black);
}

.services-two__btn-box .thm-btn::before,
.services-two__btn-box .thm-btn::after {
    background-color: var(--careon-black);
}

/*--------------------------------------------------------------
# Services Three
--------------------------------------------------------------*/
.vitaria-benefits {
    position:relative; isolation:isolate; overflow:hidden; display:block;
    padding:clamp(84px,9vw,140px) 0 clamp(94px,9vw,148px);
    background:
      radial-gradient(ellipse 42% 48% at 100% 10%,rgba(132,203,206,.16),transparent 86%),
      radial-gradient(ellipse 42% 43% at 0% 94%,rgba(228,242,244,.72),transparent 90%),
      linear-gradient(180deg,#fff 0%,#fbfefe 50%,#fff 100%);
    color:var(--color1,#004D60); z-index:1;
}
.vitaria-benefits,.vitaria-benefits * {box-sizing:border-box;}
.vitaria-benefits::before {content:""; position:absolute; z-index:0; inset:0 0 auto; height:1px; background:linear-gradient(90deg,transparent 8%,rgba(0,77,96,.17) 50%,transparent 92%);}
.vitaria-benefits::after {content:""; position:absolute; pointer-events:none; inset:auto -12% -240px; height:360px; border-radius:50% 50% 0 0; border:1px solid rgba(0,77,96,.06); box-shadow:0 -27px 0 rgba(132,203,206,.025),0 -65px 0 rgba(132,203,206,.022);}
.vitaria-benefits__container {position:relative;z-index:2;}
.vitaria-benefits__orb {position:absolute;z-index:0;pointer-events:none;border:1px solid rgba(0,77,96,.08);border-radius:50%;}
.vitaria-benefits__orb--left {width:440px;height:440px;left:-310px;top:20%;box-shadow:0 0 0 48px rgba(132,203,206,.035),0 0 0 105px rgba(132,203,206,.018);}
.vitaria-benefits__orb--right {width:560px;height:560px;right:-400px;bottom:4%;box-shadow:0 0 0 65px rgba(132,203,206,.03);}
.vitaria-benefits__dots {position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(0,77,96,.17) .8px,transparent .8px);background-size:27px 27px;opacity:.17;-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 24%,transparent 76%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,transparent 24%,transparent 76%,#000 100%);}

/* 2. Encabezado totalmente centrado, en TODAS las resoluciones.
   Selectores acotados para no alterar encabezados de Biografía. */
.vitaria-benefits .vitaria-section-heading,
.vitaria-benefits .vitaria-benefits__heading {
    position:relative;display:flex;flex-direction:column;align-items:center;
    width:100%;max-width:990px;margin:0 auto clamp(48px,5.3vw,78px);
    text-align:center!important;
}
.vitaria-benefits__top-decoration {display:flex;gap:13px;align-items:center;justify-content:center;margin-bottom:27px;}
.vitaria-benefits__top-decoration span {width:49px;height:2px;background:linear-gradient(90deg,transparent,var(--color2,#84CBCE));border-radius:99px;}
.vitaria-benefits__top-decoration span:last-child {transform:rotate(180deg);}
.vitaria-benefits__top-decoration i {display:block;width:13px;height:13px;transform:rotate(45deg);border:3px solid var(--color2,#84CBCE);border-radius:3px;box-shadow:0 0 0 6px rgba(132,203,206,.12);}
.vitaria-benefits .vitaria-section-heading .vitaria-section-heading__title,
.vitaria-benefits .vitaria-section-heading__title {
    width:100%;max-width:860px;margin:0 auto;padding:0;
    color:var(--color1,#004D60);font-family:inherit;
    font-size:clamp(32px,3.6vw,54px);font-weight:800;
    line-height:1.32;letter-spacing:.035em;
    text-align:center!important;text-wrap:balance;text-transform:none;
    overflow-wrap:break-word;
}
.vitaria-benefits .vitaria-section-heading__subtitle-wrap {
    display:flex;justify-content:center;align-items:center;
    width:min(100%,760px);margin:28px auto 0;padding:18px clamp(18px,3vw,34px);
    border:1px solid rgba(0,77,96,.13);border-bottom:4px solid var(--color2,#84CBCE);
    border-radius:19px;background:linear-gradient(120deg,#e4f2f4 0%,#f5fbfc 52%,#e4f2f4 100%);
    box-shadow:0 15px 34px rgba(0,77,96,.075),inset 0 1px 0 #fff;
    text-align:center!important;position:relative;overflow:hidden;
}
.vitaria-benefits .vitaria-section-heading__subtitle-wrap::before,
.vitaria-benefits .vitaria-section-heading__subtitle-wrap::after {content:"";position:absolute;top:50%;width:8px;height:35px;border-radius:99px;background:var(--color2,#84CBCE);transform:translateY(-50%);opacity:.8;}
.vitaria-benefits .vitaria-section-heading__subtitle-wrap::before {left:0;}
.vitaria-benefits .vitaria-section-heading__subtitle-wrap::after {right:0;}
.vitaria-benefits .vitaria-section-heading .vitaria-section-heading__subtitle,
.vitaria-benefits .vitaria-section-heading__subtitle {
    width:100%;margin:0;padding:0;color:var(--color1,#004D60);
    font-family:inherit;font-size:clamp(17px,1.7vw,22px);font-weight:700;
    line-height:1.75;letter-spacing:.025em;text-align:center!important;
    text-wrap:pretty;opacity:1;text-transform:none;
}
.vitaria-benefits__heading-ornament {display:flex;justify-content:center;align-items:center;gap:12px;margin-top:25px;}
.vitaria-benefits__heading-ornament span {width:60px;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--color2,#84CBCE));}
.vitaria-benefits__heading-ornament span:last-child {transform:rotate(180deg);}
.vitaria-benefits__heading-ornament i {width:9px;height:9px;border-radius:50%;background:var(--color1,#004D60);box-shadow:0 0 0 5px rgba(132,203,206,.20);}

/* 3. Tarjetas con detalles editoriales y espacio real entre elementos */
.vitaria-benefits__grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.5vw,34px);align-items:stretch;}
.vitaria-benefits .vitaria-benefits__card {
    display:flex;flex-direction:column;align-items:flex-start;position:relative;
    min-width:0;min-height:100%;margin:0;padding:clamp(27px,3.25vw,43px);
    border:1px solid rgba(0,77,96,.13);border-radius:28px;
    background:linear-gradient(150deg,#fff 0%,#fff 67%,#f8fcfd 100%);
    box-shadow:0 15px 44px rgba(0,77,96,.065),0 2px 5px rgba(0,77,96,.035);
    overflow:hidden;transition:transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .5s ease,border-color .5s ease;
}
.vitaria-benefits .vitaria-benefits__card::before {content:"";position:absolute;z-index:0;top:-120px;left:-100px;width:290px;height:290px;background:radial-gradient(circle,rgba(132,203,206,.18),transparent 67%);pointer-events:none;}
.vitaria-benefits .vitaria-benefits__card::after {content:"";position:absolute;top:19px;right:19px;width:23px;height:23px;border-top:2px solid rgba(0,77,96,.18);border-right:2px solid rgba(0,77,96,.18);border-radius:0 7px 0 0;pointer-events:none;transition:transform .4s ease;}
.vitaria-benefits__card-line {position:absolute;top:0;left:28px;width:calc(100% - 56px);height:4px;border-radius:0 0 10px 10px;background:linear-gradient(90deg,var(--color1,#004D60),var(--color2,#84CBCE),transparent);transform:scaleX(.32);transform-origin:left;opacity:.65;transition:transform .55s ease,opacity .55s ease;}
.vitaria-benefits__card-number {position:absolute;top:33px;right:32px;font-size:18px;font-weight:800;line-height:1;letter-spacing:.11em;color:rgba(0,77,96,.20);}
.vitaria-benefits .vitaria-benefits__icon {
    display:grid;place-items:center;flex-shrink:0;position:relative;z-index:1;
    width:126px;height:126px;padding:14px;margin:0 0 30px;
    border:1px solid rgba(0,77,96,.13);border-radius:34px;
    background:linear-gradient(145deg,var(--color3,#E4F2F4),#f6fcfd);
    box-shadow:0 12px 26px rgba(0,77,96,.09),inset 0 2px 0 #fff;
    overflow:visible;transition:transform .45s ease,border-radius .45s ease,box-shadow .45s ease;
}
.vitaria-benefits .vitaria-benefits__icon::before {display:none;}
.vitaria-benefits__icon-ring {position:absolute;inset:7px;border:1px dashed rgba(0,77,96,.23);border-radius:27px;pointer-events:none;transition:transform .65s ease;}
.vitaria-benefits .vitaria-benefits__icon img {display:block;position:relative;z-index:2;width:92px;height:92px;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 5px 4px rgba(0,77,96,.09));transition:transform .55s ease;}
.vitaria-benefits__card-body {position:relative;z-index:1;width:100%;flex:1;}
.vitaria-benefits .vitaria-benefits__card-title {margin:0 0 17px;padding:0;color:var(--color1,#004D60);font-size:clamp(21px,1.85vw,25px);font-weight:800;line-height:1.43;letter-spacing:.012em;text-wrap:pretty;overflow-wrap:break-word;}
.vitaria-benefits__card-divider {display:block;width:47px;height:3px;margin-bottom:21px;border-radius:99px;background:linear-gradient(90deg,var(--color2,#84CBCE),rgba(132,203,206,.12));transition:width .5s ease;}
.vitaria-benefits .vitaria-benefits__card-text {margin:0;padding:0;color:#344c58;font-size:16px;line-height:1.9;letter-spacing:.005em;font-weight:400;overflow-wrap:break-word;}
.vitaria-benefits__card-corner {position:absolute;right:-40px;bottom:-50px;width:140px;height:140px;border-radius:50%;border:1px solid rgba(132,203,206,.28);box-shadow:0 0 0 16px rgba(132,203,206,.045),0 0 0 38px rgba(132,203,206,.022);pointer-events:none;transition:transform .5s ease;}
.vitaria-benefits .vitaria-benefits__card:hover {transform:translateY(-10px);border-color:rgba(0,77,96,.29);box-shadow:0 28px 58px rgba(0,77,96,.13);}
.vitaria-benefits .vitaria-benefits__card:hover::after {transform:translate(-3px,3px);}
.vitaria-benefits .vitaria-benefits__card:hover .vitaria-benefits__icon {transform:translateY(-4px) rotate(-2deg);border-radius:29px;box-shadow:0 16px 30px rgba(0,77,96,.13);}
.vitaria-benefits .vitaria-benefits__card:hover .vitaria-benefits__icon-ring {transform:rotate(10deg);}
.vitaria-benefits .vitaria-benefits__card:hover .vitaria-benefits__icon img {transform:scale(1.10) rotate(2deg);}
.vitaria-benefits .vitaria-benefits__card:hover .vitaria-benefits__card-divider {width:80px;}
.vitaria-benefits .vitaria-benefits__card:hover .vitaria-benefits__card-line {transform:scaleX(1);opacity:1;}
.vitaria-benefits .vitaria-benefits__card:hover .vitaria-benefits__card-corner {transform:translate(-9px,-9px);}

/* 4. Revelado al hacer scroll. Sin animación si el usuario la desactiva. */
@media (prefers-reduced-motion:no-preference) {
    .vitaria-benefits.vb-motion-ready [data-vb-reveal]:not(.vb-visible) {opacity:0;transform:translateY(28px);}
    .vitaria-benefits [data-vb-reveal] {transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1);}
    .vitaria-benefits .vitaria-benefits__card[data-vb-reveal] {transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1),box-shadow .5s ease,border-color .5s ease;transition-delay:calc(min(var(--vb-order,0),5) * 70ms);}
    .vitaria-benefits .vitaria-benefits__card.vb-visible:hover {transform:translateY(-10px);transition-delay:0ms;}
}
/* 5. Adaptación consistente */
@media (max-width:1199.98px) {.vitaria-benefits__grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:767.98px) {
    .vitaria-benefits {padding:78px 0 92px;}
    .vitaria-benefits .vitaria-benefits__heading {margin:0 auto 45px;text-align:center!important;}
    .vitaria-benefits .vitaria-section-heading__title {font-size:clamp(30px,7vw,39px);letter-spacing:.025em;line-height:1.36;text-align:center!important;}
    .vitaria-benefits .vitaria-section-heading__subtitle-wrap {margin:23px auto 0;padding:17px 19px;}
    .vitaria-benefits .vitaria-section-heading__subtitle {font-size:17px;line-height:1.75;text-align:center!important;}
    .vitaria-benefits__grid {grid-template-columns:1fr;gap:20px;}
    .vitaria-benefits .vitaria-benefits__card {padding:29px 27px 34px;}
    .vitaria-benefits .vitaria-benefits__icon {width:114px;height:114px;margin-bottom:26px;}
    .vitaria-benefits .vitaria-benefits__icon img {width:82px;height:82px;}
    .vitaria-benefits .vitaria-benefits__card-title {font-size:22px;}
}
@media (max-width:359px) {.vitaria-benefits .vitaria-section-heading__title {font-size:28px;letter-spacing:.012em;}.vitaria-benefits .vitaria-benefits__card {padding:26px 23px;}}
@media (prefers-reduced-motion:reduce) {.vitaria-benefits *, .vitaria-benefits *::before,.vitaria-benefits *::after {animation:none!important;transition:none!important;}}


/*--------------------------------------------------------------
# Services Four
--------------------------------------------------------------*/
.services-four {
    position: relative;
    display: block;
    padding: 120px 0 0;
    z-index: 1;
}

.services-four__single {
    position: relative;
    display: block;
    background-color: var(--careon-white);
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 40px 40px 40px;
    border: 5px solid transparent;
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-four__single:hover {
    border: 5px solid rgba(var(--careon-base-rgb), .10);
}

.services-four__icon {
    position: relative;
    display: flex;
    align-items: center;
}

.services-four__icon span {
    position: relative;
    display: inline-block;
    font-size: 65px;
    color: var(--careon-primary);
    transition: all 500ms linear;
    transition-delay: 0.1s;
}

.services-four__single:hover .services-four__icon span {
    transform: rotateY(360deg);
}

.services-four__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-transform: capitalize;
    margin-top: 42px;
    margin-bottom: 24px;
}

.services-four__title a {
    color: var(--careon-black);
}

.services-four__title a:hover {
    color: var(--careon-base);
}

.services-four__text {
    margin-bottom: 31px;
}

.services-four__btn-box {
    position: relative;
    display: block;
}

.services-four__btn-box .thm-btn {
    background-color: var(--careon-extra);
    padding: 21px 30px 21px;
    color: var(--careon-black);
}

/*--------------------------------------------------------------
# Services Five
--------------------------------------------------------------*/
.services-five {
    position: relative;
    display: block;
    counter-reset: count;
    padding: 120px 0 90px;
    z-index: 1;
}

.services-five__single {
    position: relative;
    display: block;
    border: 1px solid var(--careon-extra);
    border-radius: 10px;
    padding: 59px 39px 59px;
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-five__single:hover {
    border: 1px solid var(--careon-primary);
}

.services-five__count {
    position: absolute;
    top: 63px;
    right: 41px;
}

.services-five__count:before {
    position: relative;
    display: block;
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
    color: rgba(var(--careon-black-rgb), .20);
    counter-increment: count;
    content: "0"counter(count);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.services-five__icon {
    position: relative;
    display: flex;
    align-items: center;
}

.services-five__icon span {
    position: relative;
    display: inline-block;
    font-size: 65px;
    color: var(--careon-primary);
    transition: all 500ms linear;
    transition-delay: 0.1s;
}

.services-five__single:hover .services-five__icon span {
    transform: rotateY(360deg);
    color: var(--careon-base);
}

.services-five__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-transform: capitalize;
    margin-top: 42px;
    margin-bottom: 24px;
}

.services-five__title a {
    color: var(--careon-black);
}

.services-five__title a:hover {
    color: var(--careon-base);
}

.services-five__text {
    margin-bottom: 31px;
}

.services-five__btn-box {
    position: relative;
    display: block;
}

.services-five__btn-box .thm-btn {
    background-color: var(--careon-extra);
    padding: 21px 30px 21px;
    color: var(--careon-black);
}


/*--------------------------------------------------------------
# Service Details
--------------------------------------------------------------*/

.service-details,
.service-details * {
    box-sizing: border-box;
}

.service-details {
    position: relative;
    display: block;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(75px, 8vw, 120px) 0 clamp(80px, 8vw, 116px);
    z-index: 1;
    font-family: var(--careon-font);
    color: var(--careon-gray);
    background:
        radial-gradient(circle at 93% 8%, rgba(var(--careon-base-rgb), .08), transparent 27%),
        radial-gradient(circle at 4% 80%, rgba(var(--careon-primary-rgb), .95), transparent 28%),
        linear-gradient(145deg, var(--color3) 0%, var(--careon-white) 48%, var(--careon-primary) 100%);
}

.service-details::before,
.service-details::after {
    content: '';
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    z-index: -1;
}

.service-details::before {
    width: 460px;
    height: 460px;
    right: -260px;
    top: -250px;
    border: 1px solid rgba(var(--careon-base-rgb), .16);
    box-shadow: 0 0 0 28px rgba(var(--careon-primary-rgb), .52), 0 0 0 29px rgba(var(--careon-base-rgb), .06);
}

.service-details::after {
    width: 290px;
    height: 290px;
    left: -195px;
    bottom: 4%;
    border: 1px dashed rgba(var(--careon-base-rgb), .22);
}

.service-details .container {
    position: relative;
    z-index: 1;
}

.service-details .row {
    row-gap: 32px;
}

/* Panel del contenido principal */
.service-details__left {
    position: relative;
    display: block;
    min-width: 0;
    padding: clamp(22px, 3.6vw, 44px);
    border: 1px solid rgba(var(--careon-black-rgb), .085);
    border-radius: 30px;
    background: rgba(var(--careon-white-rgb), .94);
    box-shadow: 0 22px 60px rgba(var(--careon-black-rgb), .075);
}

.service-details__left::before {
    content: '';
    position: absolute;
    top: 0;
    left: 34px;
    right: 34px;
    height: 4px;
    border-radius: 0 0 12px 12px;
    background: linear-gradient(90deg, var(--color2) 0 68%, var(--color6) 68% 100%);
}

/* Compatibilidad con títulos de servicios que usan clases propias */
.service-details__title-1 {
    font-family: var(--careon-font);
    font-size: clamp(32px, 3.1vw, 48px);
    font-weight: 800;
    line-height: 1.17;
    letter-spacing: .012em;
    word-spacing: .065em;
    color: var(--color1);
    margin: 0 0 22px;
    text-wrap: balance;
}

.service-details__title-2,
.service-details__title-3 {
    font-family: var(--careon-font);
    font-size: clamp(23px, 2vw, 29px);
    line-height: 1.35;
    font-weight: 800;
    letter-spacing: .008em;
    word-spacing: .045em;
    color: var(--color1);
    margin: 30px 0 17px;
    padding-left: 18px;
    border-left: 4px solid var(--color2);
}

/* También mejora páginas con h2/p sin clases, sin cambiar su HTML. */
.service-details__left>h2:first-child {
    font-size: clamp(30px, 3vw, 46px);
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: .01em;
    word-spacing: .06em;
    color: var(--color1);
    margin: 0 0 30px;
    padding: 0 0 20px;
    border-bottom: 1px solid rgba(var(--careon-base-rgb), .15);
    text-wrap: balance;
}

.service-details__left>h2:not(:first-child) {
    position: relative;
    font-size: clamp(22px, 1.8vw, 27px);
    line-height: 1.4;
    font-weight: 800;
    color: var(--color1);
    margin: 33px 0 14px;
    letter-spacing: .008em;
    word-spacing: .045em;
    padding-left: 17px;
    border-left: 4px solid var(--color2);
}

.service-details__left p,
.service-details__left li,
.service-details__right p,
.service-details__right li {
    font-size: 16px;
    line-height: 1.85;
    overflow-wrap: anywhere;
}

.service-details__left p {
    color: var(--careon-gray);
    margin: 0 0 18px;
    letter-spacing: .004em;
    word-spacing: .04em;
}

.service-details__left a {
    color: var(--color2);
    font-weight: 700;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.service-details__left a:hover {
    color: var(--color1);
}

.service-details__left>ul:not([class]) {
    padding: 18px 22px 18px 30px;
    margin: 8px 0 23px;
    border-radius: 16px;
    background: var(--careon-primary);
}

.service-details__left>ul:not([class]) li+li {
    margin-top: 10px;
}

.service-details__left>ul:not([class]) li::marker {
    color: var(--color2);
}

.service-details__left>ul:not([class]) li i {
    color: var(--color2);
    margin-right: 8px;
    font-size: 12px;
}

/* Imagen principal y complementarias */
.service-details__img,
.service-details__img-box,
.service-details__img-box-img {
    position: relative;
    display: block;
}

.service-details__img {
    overflow: hidden;
    border-radius: 28px 72px 28px 72px;
    box-shadow: 0 20px 46px rgba(var(--careon-black-rgb), .13);
}

.service-details__img::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(var(--careon-black-rgb), .13), transparent 52%);
}

.service-details__img img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 540px;
    object-fit: cover;
    border-radius: inherit;
    transition: transform .7s ease;
}

.service-details__img:hover img {
    transform: scale(1.035);
}

.service-details__content {
    position: relative;
    display: block;
    margin-top: 32px;
}

.service-details__text-1 {
    margin: 19px 0 22px;
}

.service-details__text-3 {
    margin: 22px 0 30px;
}

.service-details__text-4 {
    margin: 20px 0 28px;
}

.service-details__img-box {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.service-details__img-box-img {
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 23px;
    box-shadow: 0 14px 30px rgba(var(--careon-black-rgb), .09);
}

.service-details__img-box-img img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 200px;
    object-fit: cover;
    border-radius: inherit;
    transition: transform .6s ease;
}

.service-details__img-box-img:hover img {
    transform: scale(1.045);
}

/* Viñetas y puntos */
.service-details__points-box {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 22px 35px;
    margin: 24px 0;
}

.service-details__points-list {
    position: relative;
    display: block;
    flex: 1 1 220px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.service-details__points-list li {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 12px 15px;
    border: 1px solid rgba(var(--careon-base-rgb), .10);
    border-radius: 13px;
    background: var(--careon-primary);
    color: var(--color1);
    font-weight: 600;
}

.service-details__points-list li+li {
    margin-top: 11px;
}

.service-details__points-list li .icon {
    display: inline-flex;
    flex: none;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--careon-white);
}

.service-details__points-list li .icon span {
    font-size: 16px;
    color: var(--color2);
}

.service-details__text-list {
    padding: 0;
    margin: 20px 0;
    list-style: none;
}

.service-details__text-list li {
    position: relative;
    padding: 12px 14px 12px 22px;
    border-left: 3px solid var(--color6);
    border-radius: 0 12px 12px 0;
    background: var(--careon-primary);
}

.service-details__text-list li+li {
    margin-top: 12px;
}

/* Sidebar / menú servicios */
.service-details__right {
    position: relative;
    display: block;
}

.service-details__services-box,
.service-details__download-box,
.service-details__need-help-inner {
    border: 1px solid rgba(var(--careon-black-rgb), .09);
    border-radius: 25px;
    background: rgba(var(--careon-white-rgb), .96);
    box-shadow: 0 14px 38px rgba(var(--careon-black-rgb), .075);
}

.service-details__services-box {
    padding: clamp(22px, 3vw, 32px);
}

.service-details__service-title {
    font-family: var(--careon-font);
    font-size: clamp(23px, 2vw, 30px);
    line-height: 1.33;
    font-weight: 800;
    color: var(--color1);
    margin: 0 0 22px;
    padding-bottom: 17px;
    border-bottom: 2px solid var(--careon-primary);
}

.service-details__service-list {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}

.service-details__service-list li+li {
    margin-top: 12px;
}

.service-details__service-list li a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 56px;
    padding: 14px 17px;
    border-radius: 14px;
    background: linear-gradient(120deg, var(--careon-primary), var(--color3));
    border: 1px solid rgba(var(--careon-base-rgb), .12);
    color: var(--color1);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.55;
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease, color .25s ease, background .25s ease;
}

.service-details__service-list li:hover a,
.service-details__service-list li.active a {
    transform: translateX(3px);
    color: var(--white);
    border-color: var(--color2);
    background: linear-gradient(110deg, var(--color2), var(--color1));
    box-shadow: 0 10px 24px rgba(var(--careon-black-rgb), .12);
}

.service-details__service-list li a span {
    font-size: 16px;
    color: var(--color2);
    transition: color .25s ease;
}

.service-details__service-list li:hover a span,
.service-details__service-list li.active a span {
    color: var(--white);
}

/* ¿Necesitas ayuda? — mantener imagen de fondo del template */
.service-details__need-help-inner {
    padding: 13px;
    margin-top: 28px;
}

.service-details__need-help {
    isolation: isolate;
    display: block;
    position: relative;
    overflow: hidden;
    padding: clamp(42px, 5vw, 66px) 22px;
    border-radius: 19px;
    text-align: center;
    background: var(--color1);
}

.service-details__need-help-bg {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    z-index: -1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.service-details__need-help-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(140deg, rgba(var(--careon-black-rgb), .82), rgba(var(--careon-base-rgb), .60));
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.service-details__need-help-title {
    font-size: clamp(23px, 2vw, 28px);
    font-weight: 800;
    line-height: 1.4;
    color: var(--white);
    text-shadow: 0 4px 14px rgba(var(--careon-black-rgb), .25);
}

.service-details__need-help-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    margin: 24px auto 19px;
    border-radius: 50%;
    border: 1px solid rgba(var(--careon-white-rgb), .30);
    background: rgba(var(--careon-white-rgb), .15);
    box-shadow: 0 12px 22px rgba(var(--careon-black-rgb), .17);
    transition: transform .3s ease, background .3s ease;
}

.service-details__need-help-icon:hover {
    transform: scale(1.065);
    background: var(--color2);
}

.service-details__need-help-icon span {
    font-size: 32px;
    color: var(--white);
}

.service-details__need-help-call a {
    font-size: clamp(18px, 1.7vw, 23px);
    font-weight: 800;
    line-height: 1.6;
    color: var(--white);
    text-decoration: none;
    overflow-wrap: anywhere;
}

.service-details__need-help-call a:hover {
    color: var(--careon-primary);
}

/* Descargas */
.service-details__download-box {
    padding: clamp(22px, 3vw, 32px);
    margin-top: 28px;
}

.service-details__download-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.service-details__download-list li+li {
    margin-top: 12px;
}

.service-details__download-list li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px 16px 54px;
    min-height: 58px;
    border-radius: 14px;
    overflow: hidden;
    background: var(--careon-primary);
    border: 1px solid rgba(var(--careon-base-rgb), .12);
    color: var(--color1);
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    z-index: 1;
    transition: color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.service-details__download-list li a::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, var(--color2), var(--color1));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .38s ease;
    z-index: -1;
}

.service-details__download-list li a::after {
    content: '↓';
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    color: var(--color2);
    background: var(--white);
    font-weight: 800;
    font-size: 18px;
}

.service-details__download-list li:hover a {
    color: var(--white);
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(var(--careon-black-rgb), .13);
}

.service-details__download-list li:hover a::before {
    transform: scaleX(1);
}

.service-details__download-list li a span {
    font-size: 16px;
    color: var(--color2);
    transition: color .3s ease;
}

.service-details__download-list li:hover a span {
    color: var(--white);
}

.service-details a:focus-visible {
    outline: 3px solid var(--color2);
    outline-offset: 3px;
}

@media (max-width: 991px) {
    .service-details {
        padding: 75px 0 90px;
    }

    .service-details__left {
        padding: 28px;
    }

    .service-details__right {
        margin-top: 8px;
    }
}

@media (max-width: 767px) {
    .service-details {
        padding: 62px 0 74px;
    }

    .service-details__left {
        padding: 24px 18px;
        border-radius: 23px;
    }

    .service-details__left::before {
        left: 20px;
        right: 20px;
    }

    .service-details__left>h2:first-child {
        font-size: clamp(28px, 7vw, 36px);
    }

    .service-details__title-1 {
        font-size: clamp(29px, 7vw, 38px);
    }

    .service-details__title-2,
    .service-details__title-3 {
        font-size: 23px;
    }

    .service-details__img {
        border-radius: 24px 54px 24px 54px;
    }

    .service-details__img-box {
        grid-template-columns: 1fr;
    }

    .service-details__img-box-img img {
        min-height: 0;
    }

    .service-details__points-box {
        gap: 15px;
    }

    .service-details__need-help-call a {
        font-size: 18px;
    }

    .service-details__service-list li:hover a {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {

    .service-details *,
    .service-details *::before,
    .service-details *::after {
        transition: none !important;
        animation: none !important;
    }
}




/*--------------------------------------------------------------
# Services Page
--------------------------------------------------------------*/
.services-page {
    position: relative;
    display: block;
    padding: 120px 0 30px;
    z-index: 1;
}

.services-page .services-two__single {
    margin-bottom: 30px;
    margin-top: 32px;
}

.services-page .services-two__single-list li {
    border-bottom: 1px solid var(--careon-bdr-color);
}

.services-page .services-two__inner ul li:nth-child(4) .services-two__single::before {
    display: none;
}


.services-page .services-two__inner ul li:nth-child(7) .services-two__single::before {
    display: none;
}

.services-page .services-two__inner ul li:nth-child(7) {
    border-bottom: none;
}

.services-page .services-two__inner ul li:nth-child(8) {
    border-bottom: none;
}

.services-page .services-two__inner ul li:nth-child(9) {
    border-bottom: none;
}

.services-page .services-two__inner ul li:nth-child(1) .services-two__single {
    margin-top: 0px;
}

.services-page .services-two__inner ul li:nth-child(2) .services-two__single {
    margin-top: 0px;
}

.services-page .services-two__inner ul li:nth-child(3) .services-two__single {
    margin-top: 0px;
}


/*--------------------------------------------------------------
# Services Carousel Page
--------------------------------------------------------------*/
.services-carousel-page {
    position: relative;
    display: block;
    padding: 120px 0 170px;
}

.services-carousel-page .services-three__single {
    margin-bottom: 0;
}













/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/