.akv-area {
--akv-background: #fbf7f0;
--akv-border: #eee2d3;
--akv-title: #1f1f1e;
--akv-text: #625c52;
container-type: inline-size;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
padding: 0;
background: var(--akv-background);
font-family: inherit;
box-sizing: border-box;
}
.akv-area *, .akv-area *::before, .akv-area *::after { box-sizing: border-box; }
.akv-area .akv-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 4.6%; row-gap: 64px; row-gap: clamp(24px, 4.6cqw, 90px); align-items: stretch; }
.akv-area .akv-card { margin: 0; padding: 0; min-width: 0; border: 1px solid var(--akv-border); border-radius: 24px; border-radius: clamp(20px, 1.65cqw, 32px); background: #fff; box-shadow: 0 18px 36px -24px rgb(51 38 20 / 24%); overflow: hidden; }
.akv-area .akv-card-body { display: flex; flex-direction: column; align-items: flex-start; height: 100%; width: 100%; min-width: 0; padding: 28px 24px 32px; padding: clamp(20px, 2.55cqw, 50px) clamp(20px, 2.25cqw, 44px) clamp(24px, 2.75cqw, 54px); color: inherit; text-decoration: none; background: transparent; border: 0; box-shadow: none; }
.akv-area .akv-visual { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 56px; height: 56px; width: clamp(48px, 4.1cqw, 80px); height: clamp(48px, 4.1cqw, 80px); margin: 0 0 32px; margin-bottom: clamp(24px, 2.75cqw, 54px); border-radius: 18px; border-radius: clamp(14px, 1.2cqw, 24px); color: #fff; background: var(--akv-icon-color); }
.akv-area .akv-color-orange { --akv-icon-color: #e96535; }
.akv-area .akv-color-turquoise { --akv-icon-color: #3a9ca0; }
.akv-area .akv-color-green { --akv-icon-color: #9abb36; }
.akv-area .akv-color-blue { --akv-icon-color: #3978ef; }
.akv-area .akv-visual svg { display: block; width: 52%; height: 52%; }
.akv-area .akv-has-image { background: transparent; border-radius: 0; }
.akv-area .akv-image { display: block; width: 100%; height: 100%; max-width: 100%; margin: 0; border: 0; border-radius: 0; box-shadow: none; object-fit: contain; }
.akv-area .akv-title { margin: 0 0 20px; margin-bottom: clamp(16px, 1.23cqw, 24px); padding: 0; font-family: inherit; font-size: 22px; font-size: clamp(18px, 1.64cqw, 32px); font-weight: 800; line-height: 1.25; letter-spacing: -.025em; text-transform: none; color: var(--akv-title); word-break: normal; overflow-wrap: break-word; hyphens: manual; }
.akv-area .akv-text { margin: 0; padding: 0; font-family: inherit; font-size: 16px; font-size: clamp(16px, 1.23cqw, 24px); font-weight: 400; line-height: 1.67; letter-spacing: .01em; color: var(--akv-text); word-break: normal; overflow-wrap: break-word; hyphens: manual; }
.akv-area .akv-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 1024px) { .akv-area .akv-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; } }
@media (max-width: 600px) { .akv-area .akv-grid { grid-template-columns: minmax(0,1fr); gap: 20px; } .akv-area .akv-card { border-radius: 26px; } } @container (max-width: 900px) { .akv-area .akv-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; } }
@container (max-width: 480px) { .akv-area .akv-grid { grid-template-columns: minmax(0,1fr); gap: 20px; } } .akv-area .akv-card { position: relative; width: 100%; }
.akv-area .akv-card > .elementor-container { width: 100%; max-width: none; height: 100%; }
.akv-area .akv-card > .elementor-container > .elementor-column { width: 100%; min-width: 0; }
.akv-area .akv-card .elementor-widget-wrap { width: 100%; padding: 0; }
.akv-area .akv-card .elementor-widget-icon-box { width: 100%; margin: 0; }
.akv-area .elementor-icon-box-wrapper { display: block; width: 100%; text-align: left; }
.akv-area .elementor-icon-box-icon { margin: 0; }
.akv-area .elementor-icon { padding: 0; }
.akv-area .akv-card-link { color: inherit; text-decoration: none; } .akv-area .akv-card .akv-card-body,
.akv-area .akv-card .elementor-column,
.akv-area .akv-card .elementor-widget-wrap,
.akv-area .akv-card .elementor-icon-box-wrapper,
.akv-area .akv-card .elementor-icon-box-content,
.akv-area .akv-card .akv-title,
.akv-area .akv-card .akv-card-link { position: static; }
.akv-area .akv-card-link::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; }
.akv-area .akv-card-link:focus-visible { outline: none; }
.akv-area .akv-card-link:focus-visible::after { outline: 3px solid #1f639d; outline-offset: -5px; } .akv-area .akv-grid > .akv-card.bonifaz-activity-card {
margin: 0 !important;
padding: 0 !important;
min-height: 0 !important;
width: 100% !important;
max-width: none !important;
align-self: stretch;
}
.akv-area .akv-card > .elementor-container,
.akv-area .akv-card > .elementor-container > .elementor-column,
.akv-area .akv-card .elementor-widget-wrap {
margin: 0 !important;
padding: 0 !important;
gap: 0 !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
}
.akv-area .akv-card .bonifaz-material-card-widget.akv-card-body {
display: block !important;
margin: 0 !important;
padding: 28px 24px 32px !important;
padding: clamp(20px, 2.55cqw, 50px) clamp(20px, 2.25cqw, 44px) clamp(24px, 2.75cqw, 54px) !important;
min-height: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.akv-area .akv-card .elementor-icon-box-wrapper {
display: block !important;
margin: 0 !important;
padding: 0 !important;
gap: 0 !important;
text-align: left !important;
}
.akv-area .akv-card .elementor-icon-box-icon,
.akv-area .akv-card .elementor-icon-box-content {
margin: 0 !important;
padding: 0 !important;
width: 100%;
min-width: 0;
}
.akv-area .akv-card .elementor-icon.akv-visual {
display: flex !important;
align-items: center;
justify-content: center;
padding: 0 !important;
border: 0 !important;
width: 56px !important;
height: 56px !important;
width: clamp(48px, 4.1cqw, 80px) !important;
height: clamp(48px, 4.1cqw, 80px) !important;
margin: 0 0 32px !important;
margin-bottom: clamp(24px, 2.75cqw, 54px) !important;
background: var(--akv-icon-color, #e96535) !important;
color: #fff !important;
box-shadow: none !important;
border-radius: clamp(14px, 1.2cqw, 24px) !important;
}
.akv-area .akv-card .elementor-icon.akv-has-image {
background: transparent !important;
border-radius: 0 !important;
}
.akv-area .akv-card .akv-visual svg {
width: 52% !important;
height: 52% !important;
fill: currentColor;
}
.akv-area .akv-card .elementor-icon-box-title {
margin: 0 0 20px !important;
margin-bottom: clamp(16px, 1.23cqw, 24px) !important;
padding: 0 !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
.akv-area .akv-card .elementor-icon-box-description {
margin: 0 !important;
padding: 0 !important;
word-break: normal !important;
overflow-wrap: break-word !important;
} .akv-detail { box-sizing: border-box; width: 100%; padding: clamp(24px, 5vw, 72px) 20px; background: #fbf7f0; }
.akv-detail .akv-detail-article { box-sizing: border-box; max-width: 1000px; margin: 0 auto; padding: clamp(24px, 4vw, 56px); background: #fff; border: 1px solid #eee2d3; border-radius: 28px; box-shadow: 0 18px 36px -24px rgb(51 38 20 / 24%); }
.akv-detail .akv-detail-title { margin: 0 0 32px; color: #1f1f1e; font-size: clamp(28px, 4vw, 44px); line-height: 1.2; overflow-wrap: anywhere; }
.akv-detail .akv-detail-content { color: #625c52; font-size: 18px; line-height: 1.7; overflow-wrap: anywhere; }
.akv-detail .akv-detail-content img { max-width: 100%; height: auto; }
.akv-detail .akv-detail-content a { text-decoration: underline; text-underline-offset: .15em; }
.akv-detail .akv-detail-content a:focus-visible { outline: 3px solid #1f639d; outline-offset: 3px; }
.akv-detail .akv-detail-content h2, .akv-detail .akv-detail-content h3 { color: #1f1f1e; margin-top: 1.5em; }
.akv-detail .akv-detail-content::after { content: ""; display: block; clear: both; }
.akv-detail .akv-back-link { display: inline-block; margin: 0 0 28px; color: #625c52; font-size: 16px; font-weight: 600; line-height: 1.5; text-decoration: underline; text-underline-offset: .2em; }
.akv-detail .akv-back-link:hover { color: #1f1f1e; }
.akv-detail .akv-back-link:focus-visible { outline: 3px solid #1f639d; outline-offset: 4px; border-radius: 2px; }