/*==============================================
    FAQ One
===============================================*/
 :root {
   --gradient1: linear-gradient(to bottom, #00a2ff, #0093fa, #0084f4, #0074ed, #0763e4);
   --gradient2: linear-gradient(to bottom, #454555, #393a49, #2e2f3e, #232433, #191a28);
  --color4: #009419;
  --color5: #226bb5;
   
 }

/* Sección FAQ: no declara :root ni importa hojas de estilo. */
.odo-faq, .odo-faq * { box-sizing: border-box; }
.odo-faq { position:relative; padding:clamp(74px,9vw,126px) 0; background:var(--white); isolation:isolate; counter-reset:count; }
.odo-faq .odo-faq__inner { position:relative; overflow:hidden; padding:clamp(35px,5vw,78px); background:linear-gradient(132deg,var(--color3) 0%,var(--careon-primary) 57%,var(--color3) 100%); border:1px solid rgba(var(--careon-black-rgb),.07); border-radius:32px; box-shadow:0 24px 75px rgba(var(--careon-black-rgb),.07); }
.odo-faq__ornament { position:absolute; pointer-events:none; border-radius:50%; }
.odo-faq__ornament--top { width:280px; height:280px; top:-175px; right:-115px; background:rgba(var(--careon-base-rgb),.08); }
.odo-faq__ornament--bottom { width:180px; height:180px; left:-105px; bottom:-102px; border:32px solid rgba(var(--careon-base-rgb),.07); }
.odo-faq .odo-faq__layout { align-items:center; position:relative; z-index:1; row-gap:45px; }
.odo-faq .odo-faq__left { margin-right:clamp(0px,2vw,22px); }
.odo-faq .odo-faq__heading { margin-bottom:32px; text-align:left; }
.odo-faq .odo-faq__title { color:var(--color1); font-size:clamp(31px,3.3vw,46px); font-weight:800; letter-spacing:-.02em; line-height:1.22; margin:0; text-transform:none; }
.odo-faq .odo-faq__subtitle { color:var(--color2); font-size:clamp(16px,1.4vw,19px); line-height:1.6; letter-spacing:.005em; margin:0 0 12px; text-transform:none; }
.odo-faq__line { width:76px; height:4px; background:linear-gradient(90deg,var(--color1),var(--color2)); border-radius:10px; display:block; margin:20px 0 0; }
.odo-faq__intro { color:var(--careon-gray); font-size:16px; line-height:1.8; margin:20px 0 0; }
.odo-faq .odo-faq__accordion { display:grid; gap:14px; }
.odo-faq .odo-faq__accordion .odo-faq__item { margin:0; border:1px solid rgba(var(--careon-base-rgb),.15); background:var(--careon-white); border-radius:18px; overflow:hidden; box-shadow:0 8px 25px rgba(var(--careon-black-rgb),.035); transition:box-shadow .3s,border-color .3s,transform .3s; }
.odo-faq .odo-faq__accordion .odo-faq__item:hover { transform:translateY(-2px); border-color:rgba(var(--careon-base-rgb),.35); box-shadow:0 12px 27px rgba(var(--careon-black-rgb),.08); }
.odo-faq .odo-faq__accordion .odo-faq__item.active { border-color:var(--color2); box-shadow:0 15px 35px rgba(var(--careon-base-rgb),.11); }
.odo-faq .odo-faq__accordion .odo-faq__question { position:relative; padding:21px 58px 21px 72px; cursor:pointer; min-height:74px; display:flex; align-items:center; }
.odo-faq .odo-faq__accordion .odo-faq__question:focus-visible { outline:3px solid var(--color2); outline-offset:-3px; }
.odo-faq .odo-faq__accordion .odo-faq__question h4 { font-size:17px; line-height:1.5; font-weight:750; letter-spacing:0; text-transform:none; color:var(--color1); margin:0; }
.odo-faq .odo-faq__accordion .odo-faq__question h4::before { content:none !important; }
.odo-faq .odo-faq__accordion .odo-faq__count { position:absolute; left:20px; top:50%; transform:translateY(-50%); height:35px; width:35px; display:grid; place-items:center; background:var(--careon-primary); border-radius:10px; }
.odo-faq .odo-faq__accordion .odo-faq__count::before { counter-increment:count; content:counter(count,decimal-leading-zero); font-size:14px; font-weight:800; color:var(--color2); line-height:1; }
.odo-faq .odo-faq__toggle { position:absolute; right:20px; width:28px; height:28px; top:50%; transform:translateY(-50%); border-radius:50%; background:var(--careon-primary); }
.odo-faq .odo-faq__toggle::before,.odo-faq .odo-faq__toggle::after { content:''; position:absolute; background:var(--color2); border-radius:3px; left:8px; right:8px; top:13px; height:2px; }
.odo-faq .odo-faq__toggle::after { transform:rotate(90deg); transition:transform .25s; }
.odo-faq .odo-faq__item.active .odo-faq__toggle::after { transform:rotate(0deg); }
.odo-faq .odo-faq__accordion .odo-faq__answer { padding:0 27px 24px 72px; }
.odo-faq .odo-faq__accordion .odo-faq__answer .inner { padding:15px 0 0; border-top:1px solid rgba(var(--careon-base-rgb),.12); }
.odo-faq .odo-faq__accordion .odo-faq__answer p { margin:0; color:var(--careon-gray); font-size:16px; line-height:1.85; }
.odo-faq .odo-faq__right { margin:0; }
.odo-faq__photo-shell { position:relative; padding:15px; border:1px solid rgba(var(--careon-base-rgb),.25); border-radius:32px; background:var(--careon-white); box-shadow:0 24px 55px rgba(var(--careon-black-rgb),.14); }
.odo-faq__photo-shell::before { content:''; position:absolute; inset:-13px 18px 16px -15px; border:2px solid rgba(var(--careon-base-rgb),.21); border-radius:34px; transform:rotate(-3deg); pointer-events:none; }
.odo-faq .odo-faq__img { position:relative; overflow:hidden; border-radius:23px; aspect-ratio: 4/5; background:var(--careon-primary); }
.odo-faq .odo-faq__img img { display:block; width:100%; height:100%; object-fit:cover; border-radius:23px; transition:transform .65s; }
.odo-faq .odo-faq__img:hover img { transform:scale(1.045); }
.odo-faq__photo-accent { position:absolute; width:80px; height:8px; border-radius:10px; bottom:-4px; right:40px; background:var(--color2); }
.odo-faq__animate { opacity:0; transform:translateY(18px); transition:opacity .7s,transform .7s; }
.odo-faq__animate.odo-faq__shown { opacity:1; transform:translateY(0); }
@media(max-width:991px){ .odo-faq .odo-faq__left { margin-right:0; } .odo-faq .odo-faq__right { max-width:540px; margin:0 auto; } .odo-faq .odo-faq__img { aspect-ratio:5/4; } }
@media(max-width:767px){ .odo-faq .odo-faq__inner { padding:34px 18px; border-radius:22px; } .odo-faq .odo-faq__heading { text-align:center; } .odo-faq__line { margin-left:auto; margin-right:auto; } .odo-faq .odo-faq__accordion .odo-faq__question { padding:18px 51px 18px 57px; } .odo-faq .odo-faq__accordion .odo-faq__count { left:12px; } .odo-faq .odo-faq__accordion .odo-faq__answer { padding:0 20px 20px 57px; } .odo-faq .odo-faq__toggle { right:14px; } .odo-faq .odo-faq__img { aspect-ratio:4/3; } }
@media(prefers-reduced-motion:reduce){ .odo-faq__animate { opacity:1;transform:none;transition:none; } .odo-faq * { transition:none !important; } }


/*--------------------------------------------------------------
# FAQ Two
--------------------------------------------------------------*/
.faq-two {
    position: relative;
    display: block;
    counter-reset: count;
    padding: 120px 0 188px;
    z-index: 1;
}

.faq-two__left {
    position: relative;
    display: block;
}

.faq-two__left .section-title-two {
    margin-bottom: 21px;
}

.faq-two__btn-box {
    position: relative;
    display: block;
    margin-top: 30px;
    text-align: center;
}

.faq-two__btn-box .thm-btn {
    background-color: var(--color4);
    padding: 5px 20px 5px;
    padding-right: 5px;
    display: inline-flex;
    align-items: center;
}

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

.faq-two__btn-box .thm-btn i {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(var(--careon-white-rgb), .10);
    border-radius: 50%;
    margin-left: 20px;
}



.faq-two__btn-box .thm-btn-1 {
    background: var(--color5);
    padding: 5px 20px 5px;
    padding-right: 5px;
    display: inline-flex;
    align-items: center;
}

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

.faq-two__btn-box .thm-btn-1 i {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(var(--careon-white-rgb), .10);
    border-radius: 50%;
    margin-left: 20px;
}


.faq-two__right {
    position: relative;
    display: block;
    margin-left: 30px;
}

.faq-two__right .faq-one-accrodion .accrodion {
    position: relative;
    display: block;
    border: 2px solid rgba(var(--careon-black-rgb), .23);
    border-radius: var(--careon-bdr-radius);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-two__right .faq-one-accrodion .accrodion.active {
    border: 2px solid var(--careon-primary);
}

.faq-two__right .faq-one-accrodion .accrodion-title {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 19px 25px 19px;
    padding-left: 65px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.faq-two__right .faq-one-accrodion .accrodion-title h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: var(--careon-black);
    text-transform: capitalize;
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-two__right .faq-one-accrodion .accrodion+.accrodion {
    margin-top: 30px;
}

.faq-two__right .faq-one-accrodion .accrodion-title h4::before {
    content: "\e933";
    font-family: 'icomoon' !important;
    font-weight: 700;
    font-size: 11px;
    color: var(--careon-black);
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-align: center;
}

.faq-two__right .faq-one-accrodion .accrodion.active .accrodion-title h4::before {
    content: "\e932";
    color: var(--careon-primary);
}

.faq-two__right .faq-one-accrodion .accrodion-content {
    position: relative;
    padding-bottom: 31px;
    padding-left: 80px;
    padding-right: 20px;
    margin-top: 1px;
}

.faq-two__right .faq-one-accrodion .accrodion-content p {
    margin: 0;
}

.faq-two-accrodion__count {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
}

.faq-two-accrodion__count:before {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: var(--careon-black);
    counter-increment: count;
    content: "0"counter(count);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.faq-two-accrodion__count::after {
    content: "";
    position: absolute;
    bottom: 3px;
    right: -5px;
    width: 3px;
    height: 3px;
    background-color: var(--careon-black);
}

/*--------------------------------------------------------------
# FAQ Three
--------------------------------------------------------------*/
.faq-three {
    position: relative;
    display: block;
    counter-reset: count;
    padding: 120px 0 120px;
    z-index: 1;
}

.faq-three__left {
    position: relative;
    display: block;
}

.faq-three__left .faq-one-accrodion .accrodion {
    position: relative;
    display: block;
    border: 1px solid rgba(var(--careon-extra-rgb), 1);
    border-radius: 10px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-three__left .faq-one-accrodion .accrodion.active {
    border: 1px solid rgba(var(--careon-black-rgb), 1);
}

.faq-three__left .faq-one-accrodion .accrodion-title {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 21px 30px 21px;
    padding-left: 65px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.faq-three__left .faq-one-accrodion .accrodion-title h4 {
    margin: 0;
    padding-right: 40px;
    padding-left: 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    color: var(--careon-black);
    text-transform: capitalize;
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-three__left .faq-one-accrodion .accrodion+.accrodion {
    margin-top: 20px;
}

.faq-three__left .faq-one-accrodion .accrodion-title h4::before {
    content: "\e933";
    font-family: 'icomoon' !important;
    font-weight: 700;
    font-size: 12px;
    color: var(--careon-base);
    position: absolute;
    top: 50%;
    right: 0;
    height: 40px;
    width: 40px;
    background-color: var(--careon-extra);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-align: center;
}

.faq-three__left .faq-one-accrodion .accrodion.active .accrodion-title h4::before {
    content: "\e932";
    color: var(--careon-white);
    background-color: var(--careon-base);
}

.faq-three__left .faq-one-accrodion .accrodion-content {
    position: relative;
    padding-bottom: 31px;
    padding-left: 80px;
    padding-right: 20px;
    margin-top: 1px;
}

.faq-three__left .faq-one-accrodion .accrodion-content p {
    margin: 0;
}

.faq-three-accrodion__count {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
}

.faq-three-accrodion__count:before {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 18px;
    margin-left: 3px;
    font-weight: 700;
    color: var(--careon-black);
    counter-increment: count;
    content: "0"counter(count);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.faq-three-accrodion__count::after {
    content: "";
    position: absolute;
    bottom: 3px;
    right: -5px;
    width: 3px;
    height: 3px;
    background-color: var(--careon-black);
}

.faq-three__right {
    position: relative;
    display: block;
}

.faq-three__img {
    position: relative;
    display: block;
}

.faq-three__img img {
    width: 100%;
    border-radius: 10px;
}

.faq-three__contact-info {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: rgba(var(--careon-white-rgb), .90);
    border-radius: 10px;
    padding: 17px 20px 21px;
    max-width: 292px;
    width: 100%;
}

.faq-three__contact-info-list {
    position: relative;
    display: block;
}

.faq-three__contact-info-list li {
    position: relative;
    display: block;
}

.faq-three__contact-info-list li+li {
    margin-top: 27px;
}

.faq-three__contact-info-icon-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

.faq-three__contact-info-icon {
    position: relative;
    display: flex;
    align-items: center;
}

.faq-three__contact-info-icon span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--careon-black);
}

.faq-three__contact-info-number {
    position: relative;
    display: block;
}

.faq-three__contact-info-number p {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    color: var(--careon-black);
}

.faq-three__contact-info-number p a {
    color: var(--careon-black);
}

.faq-three__contact-info-number p a:hover {
    color: var(--careon-base);
}


/*--------------------------------------------------------------
# FAQ Four
--------------------------------------------------------------*/
.faq-four {
    padding: 90px 0 120px;
}

/*--------------------------------------------------------------
# FAQ Page
--------------------------------------------------------------*/
.faq-page {
    position: relative;
    display: block;
    counter-reset: count;
    padding: 120px 0 90px;
    z-index: 1;
}

.faq-page .faq-one__left {
    margin-bottom: 30px;
    margin-right: 0;
}





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