:root{ --ciac-tint: #4D5BFF; } .card-conectate-ciac{
position: relative;
overflow: hidden;
} .card-conectate-ciac__img{
position: relative;
overflow: hidden;
isolation: isolate; }
.card-conectate-ciac__img img{
display:block;
width:100%;
height:auto;
transition: transform .35s ease, filter .35s ease;
transform-origin: center;
will-change: transform, filter;
} .card-conectate-ciac__img::after{
content:"";
position:absolute;
inset:0;
background: var(--ciac-tint);
opacity:0; mix-blend-mode: color; transition: opacity .35s ease;
pointer-events:none;
} .card-conectate-ciac:hover .card-conectate-ciac__img img{
transform: scale(1.1);
filter: contrast(1.05); }
.card-conectate-ciac:hover .card-conectate-ciac__img::after{
opacity:.85; } .card-conectate-ciac .card-conectate-ciac__txt{
transition: background-color .25s ease, color .25s ease;
}
.card-conectate-ciac:hover .card-conectate-ciac__txt{
background:#1B1C1D;
color:#fff;
}
.card-conectate-ciac:hover .card-conectate-ciac__txt .gb-text{ color:#fff; }
.card-conectate-ciac:hover .card-conectate-ciac__txt svg path{ fill:#fff; } @supports not (mix-blend-mode: color){
.card-conectate-ciac__img::after{
mix-blend-mode: normal;
opacity:.25; }
} .faqs {
font-family: "TT Norms Pro", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
} .faqs .faq-item {
border: 1px solid #D4D4D4;
border-radius: 0;
background: #fff;
margin-bottom: .75rem;
padding: 0;
transition: background-color .55s cubic-bezier(.22,1,.36,1);
} .faqs .faq-summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
gap: .75rem;
padding: 21.5px 20px; font-weight: 600;
font-size: 1.125rem; line-height: 1.2;
color: #121820; transition: color .55s cubic-bezier(.22,1,.36,1);
}
.faqs .faq-summary::-webkit-details-marker { display: none; }
.faqs .faq-q { flex: 1 1 auto; } .faqs .faq-icon { flex: 0 0 auto; display: inline-flex; line-height: 0; }
.faqs .faq-icon-svg { width: 16px; height: 17px; overflow: visible; } .faqs .faq-icon-svg .v-line,
.faqs .faq-icon-svg .h-line {
transition:
stroke .55s cubic-bezier(.22,1,.36,1),
opacity .55s cubic-bezier(.22,1,.36,1),
transform .55s cubic-bezier(.22,1,.36,1);
}
.faqs .faq-icon-svg .v-line { transform-origin: 50% 50%; transform: scaleY(1); opacity: 1; } .faqs .faq-summary:hover .faq-icon-svg .v-line,
.faqs .faq-summary:hover .faq-icon-svg .h-line { stroke: #4B5563; } .faqs .faq-item[open] { background: #EEF3F7; } .faqs details[open] > .faq-summary { color: #3332CB; } .faqs details[open] .faq-icon-svg .v-line { transform: scaleY(0); opacity: 1; } .faqs details[open] .faq-icon-svg .h-line { stroke: #3332CB; }  .faqs .faq-body { height: 0;
overflow: hidden;
opacity: 0;
transform: translateY(-6px);
margin-top: 0;
transition:
height .55s cubic-bezier(.22,1,.36,1),
opacity .55s cubic-bezier(.22,1,.36,1),
transform .55s cubic-bezier(.22,1,.36,1),
margin-top .55s cubic-bezier(.22,1,.36,1);
will-change: height, opacity, transform, margin-top;
pointer-events: none;
}
.faqs .faq-body.is-open {
opacity: 1;
transform: translateY(0);
margin-top: 16px; pointer-events: auto;
} .faqs .faq-body-inner {
padding: 0 20px 20px 20px; color: #121820;
font-size: 1rem;
font-weight: 400;
line-height: 150%;
} .faqs .faq-summary:focus { outline: none; }
.faqs .faq-summary:focus-visible { outline: 2px solid #3332CB; outline-offset: 2px; } @media (prefers-reduced-motion: reduce) {
.faqs .faq-item,
.faqs .faq-summary,
.faqs .faq-icon-svg .v-line,
.faqs .faq-icon-svg .h-line,
.faqs .faq-body { transition: none; }
} @media (max-width: 767px) {
.faqs .faq-summary {
padding: 30px 16px; font-size: 1rem; }
.faqs .faq-body-inner {
padding: 0 16px 30px 16px; font-size: 1rem; }
}