.anm-faq { --anm-faq-font-family: inherit; --anm-faq-question-align: left; --anm-faq-answer-align: left; --anm-faq-accent: #0b6e99; --anm-faq-question-bg: #f4f7fa; --anm-faq-question-hover-bg: #e9f3f8; --anm-faq-question-active-bg: #dcecf5; --anm-faq-question-text: #152234; --anm-faq-question-hover-text: #0d2233; --anm-faq-question-active-text: #0a1b28; --anm-faq-answer-bg: #ffffff; --anm-faq-transition: 280ms; --anm-faq-gap: 12px; --anm-faq-radius-tl: 12px; --anm-faq-radius-tr: 12px; --anm-faq-radius-br: 12px; --anm-faq-radius-bl: 12px; margin: 24px 0; font-family: var(--anm-faq-font-family) !important; } .anm-faq-item { border: 1px solid color-mix(in srgb, var(--anm-faq-accent) 26%, #d0d7de) !important; border-radius: var(--anm-faq-radius-tl) var(--anm-faq-radius-tr) var(--anm-faq-radius-br) var(--anm-faq-radius-bl) !important; margin-bottom: var(--anm-faq-gap) !important; overflow: clip !important; background: #fff !important; } .anm-faq-item:last-child { margin-bottom: 0; } .anm-faq-title { margin: 0; font-size: inherit; line-height: inherit; } .anm-faq-question { width: 100% !important; border: 0 !important; margin: 0 !important; font: inherit !important; font-family: inherit !important; background: var(--anm-faq-question-bg) !important; color: var(--anm-faq-question-text) !important; padding: 16px 18px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; font-size: 1rem !important; line-height: 1.45 !important; cursor: pointer !important; transition: background-color var(--anm-faq-transition) ease, color var(--anm-faq-transition) ease; } .anm-faq-question:hover { background: var(--anm-faq-question-hover-bg) !important; color: var(--anm-faq-question-hover-text) !important; } .anm-faq-item.is-open .anm-faq-question { background: var(--anm-faq-question-active-bg) !important; color: var(--anm-faq-question-active-text) !important; } .anm-faq-question-text { width: 100%; text-align: var(--anm-faq-question-align) !important; font-weight: 650; line-height: 1.4; } .anm-faq-icon { flex: 0 0 18px; width: 18px; height: 18px; position: relative; } .anm-faq-icon::before, .anm-faq-icon::after { content: ""; position: absolute; background: var(--anm-faq-accent) !important; border-radius: 999px; transition: transform var(--anm-faq-transition) ease; } .anm-faq-icon::before { top: 8px; left: 1px; width: 16px; height: 2px; } .anm-faq-icon::after { top: 1px; left: 8px; width: 2px; height: 16px; } .anm-faq-item.is-open .anm-faq-icon::after { transform: scaleY(0); } .anm-faq-answer-wrap { background: var(--anm-faq-answer-bg) !important; max-height: 0; overflow: hidden; transition: max-height var(--anm-faq-transition) ease; } .anm-faq-answer-inner { padding: 0 18px 16px !important; color: #27384a !important; text-align: var(--anm-faq-answer-align) !important; line-height: 1.6 !important; font-size: 0.98rem !important; font-family: inherit !important; } .anm-faq-answer-inner p:last-child { margin-bottom: 0; } .anm-faq-item.effect-slide .anm-faq-answer-inner { opacity: 0; transform: translateY(-10px); transition: transform var(--anm-faq-transition) ease, opacity var(--anm-faq-transition) ease; } .anm-faq-item.is-open .anm-faq-answer-inner { opacity: 1; transform: none; } .anm-map-embed { position: relative; max-width: 100%; } .anm-map-frame { width: 100% !important; height: 100% !important; } .anm-scrolltop-btn { --anm-scrolltop-margin-x: 24px; --anm-scrolltop-margin-y: 24px; --anm-scrolltop-z-index: 99999; --anm-scrolltop-shadow: 26px; --anm-scrolltop-shadow-rgb: 11, 110, 153; --anm-scrolltop-shadow-opacity: 0.35; --anm-scrolltop-shadow-hover-opacity: 0.47; position: fixed !important; width: 52px !important; height: 52px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: inherit !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; box-shadow: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(10px) !important; transition: opacity 200ms ease, transform 200ms ease, visibility 200ms ease, box-shadow 200ms ease !important; z-index: var(--anm-scrolltop-z-index) !important; } .anm-scrolltop-btn:hover { box-shadow: none !important; } .anm-scrolltop-btn.is-visible { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(0) !important; } .anm-scrolltop-btn.is-visible:hover { transform: translateY(-1px) !important; } .anm-scrolltop-btn img { width: 100% !important; height: 100% !important; object-fit: contain !important; border-radius: 0 !important; padding: 2px !important; box-sizing: border-box !important; filter: none !important; transition: filter 200ms ease !important; } .anm-scrolltop-btn.anm-scrolltop-has-shadow img { filter: drop-shadow(0 10px var(--anm-scrolltop-shadow) rgba(var(--anm-scrolltop-shadow-rgb), var(--anm-scrolltop-shadow-opacity))) !important; } .anm-scrolltop-btn.anm-scrolltop-has-shadow.anm-scrolltop-has-hover-shadow:hover img { filter: drop-shadow(0 14px calc(var(--anm-scrolltop-shadow) + 6px) rgba(var(--anm-scrolltop-shadow-rgb), var(--anm-scrolltop-shadow-hover-opacity))) !important; } .anm-scrolltop-btn span { font-size: 23px !important; line-height: 1 !important; font-weight: 700 !important; } .anm-scrolltop--bottom_left { left: var(--anm-scrolltop-margin-x) !important; bottom: var(--anm-scrolltop-margin-y) !important; } .anm-scrolltop--bottom_right { right: var(--anm-scrolltop-margin-x) !important; bottom: var(--anm-scrolltop-margin-y) !important; } .anm-scrolltop--top_left { left: var(--anm-scrolltop-margin-x) !important; top: var(--anm-scrolltop-margin-y) !important; } .anm-scrolltop--top_right { right: var(--anm-scrolltop-margin-x) !important; top: var(--anm-scrolltop-margin-y) !important; } .anm-whatsapp-btn { --anm-whatsapp-margin-x: 24px; --anm-whatsapp-margin-y: 90px; --anm-whatsapp-z-index: 99999; --anm-whatsapp-shadow: 26px; --anm-whatsapp-shadow-rgb: 37, 211, 102; --anm-whatsapp-shadow-opacity: 0.35; --anm-whatsapp-shadow-hover-opacity: 0.47; position: fixed !important; width: 52px !important; height: 52px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #ffffff !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; text-decoration: none !important; box-shadow: none !important; filter: none !important; transition: transform 200ms ease !important; z-index: var(--anm-whatsapp-z-index) !important; } .anm-whatsapp-btn.anm-whatsapp-has-layer { border-radius: 999px !important; background: var(--anm-whatsapp-layer-bg) !important; } .anm-whatsapp-btn.anm-whatsapp-has-layer.anm-whatsapp-layer-transparent, .anm-whatsapp-btn.anm-whatsapp-no-layer { border-radius: 0 !important; background: transparent !important; color: #25d366 !important; } .anm-whatsapp-btn:hover { transform: translateY(-1px) !important; } .anm-whatsapp-btn img { width: 100% !important; height: 100% !important; object-fit: contain !important; border-radius: 0 !important; padding: 2px !important; box-sizing: border-box !important; filter: none !important; transition: filter 200ms ease !important; } .anm-whatsapp-btn.anm-whatsapp-has-shadow img { filter: drop-shadow(0 10px var(--anm-whatsapp-shadow) rgba(var(--anm-whatsapp-shadow-rgb), var(--anm-whatsapp-shadow-opacity))) !important; } .anm-whatsapp-btn.anm-whatsapp-has-shadow.anm-whatsapp-has-hover-shadow:hover img { filter: drop-shadow(0 14px calc(var(--anm-whatsapp-shadow) + 6px) rgba(var(--anm-whatsapp-shadow-rgb), var(--anm-whatsapp-shadow-hover-opacity))) !important; } .anm-whatsapp-btn span { font-size: 16px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.3px !important; } .anm-whatsapp--bottom_left { left: var(--anm-whatsapp-margin-x) !important; bottom: var(--anm-whatsapp-margin-y) !important; } .anm-whatsapp--bottom_right { right: var(--anm-whatsapp-margin-x) !important; bottom: var(--anm-whatsapp-margin-y) !important; } .anm-whatsapp--top_left { left: var(--anm-whatsapp-margin-x) !important; top: var(--anm-whatsapp-margin-y) !important; } .anm-whatsapp--top_right { right: var(--anm-whatsapp-margin-x) !important; top: var(--anm-whatsapp-margin-y) !important; } @media (max-width: 767px) { .anm-faq { margin: 16px 0; } .anm-faq-question { padding: 14px 14px !important; font-size: 0.94rem !important; gap: 10px !important; } .anm-faq-question-text { line-height: 1.35; } .anm-faq-answer-inner { padding: 0 14px 14px !important; font-size: 0.9rem !important; line-height: 1.55 !important; } .anm-faq-icon { flex-basis: 16px; width: 16px; height: 16px; } .anm-faq-icon::before { top: 7px; left: 1px; width: 14px; } .anm-faq-icon::after { top: 1px; left: 7px; height: 14px; } .anm-map-embed { width: 100% !important; max-width: 100% !important; min-height: 240px; } .anm-scrolltop-btn { width: 46px !important; height: 46px !important; } .anm-scrolltop-btn span { font-size: 21px !important; } .anm-whatsapp-btn { width: 46px !important; height: 46px !important; } .anm-whatsapp-btn span { font-size: 14px !important; } }