.elementor-8 .elementor-element.elementor-element-2aac9b4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8 .elementor-element.elementor-element-a4d3687{--display:flex;}.elementor-8 .elementor-element.elementor-element-2b87aa6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8 .elementor-element.elementor-element-71e93b3{--display:flex;}.elementor-8 .elementor-element.elementor-element-c6f3015{--display:flex;}.elementor-8 .elementor-element.elementor-element-49fc2fb{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-2aac9b4 */@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;0,6..96,600;1,6..96,400;1,6..96,500&family=Jost:wght@300;400;500;600&display=swap');

/* ==================================================
   VARIÁVEIS
================================================== */

:root {
    --seguremar-deep: #001C2E;
    --seguremar-navy: #002E47;
    --seguremar-petrol: #008B8B;
    --seguremar-cyan: #00CEC8;
    --seguremar-aqua: #B3EBF2;
    --seguremar-white: #FFFFFF;

    --seguremar-text-soft: rgba(255, 255, 255, 0.76);

    --seguremar-font-interface: 'Jost', sans-serif;
    --seguremar-font-editorial: 'Bodoni Moda', serif;

    --seguremar-transition: 280ms ease;
}

/* ==================================================
   RESET
================================================== */

html,
body {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
}

body.elementor-page {
    margin: 0 !important;
    padding: 0 !important;
}

.seguremar-hero-shell,
.seguremar-hero-shell *,
.seguremar-hero-shell *::before,
.seguremar-hero-shell *::after {
    box-sizing: border-box;
}

.seguremar-hero-shell a,
.seguremar-hero-shell a:link,
.seguremar-hero-shell a:visited,
.seguremar-hero-shell a:hover,
.seguremar-hero-shell a:focus,
.seguremar-hero-shell a:active {
    text-decoration: none !important;
    box-shadow: none;
}

/* ==================================================
   FULL WIDTH — ELEMENTOR
================================================== */

.seguremar-hero-parent {
    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 0 !important;

    overflow: visible !important;
    background: transparent !important;
}

.seguremar-hero-parent > .e-con-inner,
.seguremar-hero-parent > .elementor-container,
.seguremar-hero-parent > .elementor-widget-wrap,
.seguremar-hero-parent .elementor-widget-html,
.seguremar-hero-parent .elementor-widget-html > .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* ==================================================
   HERO
================================================== */

.seguremar-hero-shell {
    position: relative;

    width: 100%;
    min-height: 900px;

    margin: 0;
    padding: 0;

    overflow: hidden;
    isolation: isolate;

    background-color: var(--seguremar-deep);
}

/* Vinheta lateral */

.seguremar-hero-shell::before {
    content: "";

    position: absolute;
    inset: 0;
    z-index: -2;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(0, 18, 31, 0.28) 0%,
            transparent 26%,
            transparent 74%,
            rgba(0, 18, 31, 0.28) 100%
        );
}

/* Textura fina sobre o oceano */

.seguremar-hero-shell::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: -1;

    pointer-events: none;
    opacity: 0.045;

    background-image:
        repeating-linear-gradient(
            0deg,
            rgba(255, 255, 255, 0.025) 0,
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px,
            transparent 3px
        );
}

/* ==================================================
   OCEANO EM MOVIMENTO
================================================== */

.seguremar-ocean-motion {
    position: absolute;
    inset: -5%;
    z-index: -3;

    width: 110%;
    height: 110%;

    pointer-events: none;

    background-color: var(--seguremar-deep);

    background-image:
        radial-gradient(
            circle at 50% 3%,
            rgba(0, 206, 200, 0.17) 0%,
            rgba(0, 139, 139, 0.06) 30%,
            transparent 57%
        ),
        linear-gradient(
            180deg,
            rgba(0, 20, 34, 0.04) 0%,
            rgba(0, 24, 39, 0.28) 50%,
            rgba(0, 17, 29, 0.84) 100%
        ),
        url('https://seguremar.com.br/wp-content/uploads/2026/07/BG-Hero-solido.png');

    background-position:
        center,
        center,
        center top;

    background-size:
        cover,
        cover,
        cover;

    background-repeat: no-repeat;

    transform-origin: center center;
    will-change: transform;

    animation:
        seguremarOceanDrift 26s ease-in-out infinite alternate;
}

/* Brilho suave atravessando a água */

.seguremar-ocean-motion::after {
    content: "";

    position: absolute;
    inset: -12%;

    pointer-events: none;

    opacity: 0.34;

    background:
        radial-gradient(
            ellipse at 45% 15%,
            rgba(179, 235, 242, 0.11) 0%,
            rgba(0, 206, 200, 0.04) 28%,
            transparent 58%
        );

    transform: translate3d(-3%, 0, 0);

    animation:
        seguremarOceanLight 18s ease-in-out infinite alternate;
}

/* ==================================================
   LOCALIZAÇÃO, ALCANCE E ROTA
================================================== */

.seguremar-hero-context {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;

    width: min(1460px, calc(100% - 90px));
    height: 270px;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    pointer-events: none;

    transform: translateX(-50%);

    animation: seguremarContextReveal 950ms ease both;
    animation-delay: 320ms;
}

/* ==================================================
   MARCADORES LATERAIS
================================================== */

.seguremar-context-item {
    position: relative;
    z-index: 3;

    min-height: 22px;

    display: flex;
    align-items: center;
    gap: 10px;

    color: rgba(255, 255, 255, 0.82);

    font-family: var(--seguremar-font-interface);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.025em;

    white-space: nowrap;

    text-shadow:
        0 2px 10px rgba(0, 18, 31, 0.80);
}

.seguremar-context-item > span:not(.seguremar-context-icon) {
    margin-bottom: 8px;
}

.seguremar-context-left {
    justify-content: flex-start;
}

.seguremar-context-right {
    justify-content: flex-end;
}

/* Ícones laterais */

.seguremar-context-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 10px;

    color: var(--seguremar-cyan);

    filter:
        drop-shadow(0 0 6px rgba(0, 206, 200, 0.40));
}

.seguremar-context-icon svg {
    display: block;

    width: 100%;
    height: 100%;
}

/* Pin pequeno, vertical e elegante */

.seguremar-context-left .seguremar-context-icon {
    width: 12px;
    height: 18px;
    flex: 0 0 12px;

    transform: translateY(-1px);
}

.seguremar-context-left .seguremar-context-icon svg {
    width: 12px;
    height: 18px;

    fill: currentColor;
}

/* Globo */

.seguremar-globe-icon {
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
}

.seguremar-globe-icon svg {
    width: 21px;
    height: 21px;

    overflow: visible;
}

.seguremar-globe-icon circle,
.seguremar-globe-grid {
    fill: none;

    stroke: currentColor;
    stroke-width: 1.15;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.seguremar-globe-grid {
    opacity: 0.45;
}

.seguremar-south-america {
    fill: currentColor;
    stroke: none;
    opacity: 0.95;
}

/* ==================================================
   LINHA CURVA DA ROTA
================================================== */

.seguremar-route-line {
    position: absolute;
    top: 10px;
    left: 6px;
    z-index: 1;

    width: calc(100% - 12px);
    height: 255px;

    margin-top: 15px;

    overflow: visible;

    pointer-events: none;
}

.seguremar-route-shadow {
    fill: none;

    stroke: rgba(0, 206, 200, 0.15);
    stroke-width: 6;
    stroke-linecap: round;

    filter: blur(5px);

    vector-effect: non-scaling-stroke;
}

.seguremar-route-path {
    fill: none;

    stroke: rgba(179, 235, 242, 0.76);
    stroke-width: 1.25;

    stroke-dasharray: 7 10;
    stroke-linecap: round;

    filter:
        drop-shadow(0 0 3px rgba(0, 206, 200, 0.38));

    vector-effect: non-scaling-stroke;

    animation:
        seguremarRouteMove 18s linear infinite;
}

/* ==================================================
   CONTEÚDO PRINCIPAL
================================================== */

.seguremar-hero-content {
    position: relative;
    z-index: 4;

    width: min(1100px, calc(100% - 48px));
    min-height: 900px;

    margin: 0 auto;
    padding: 120px 0 45px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    text-align: center;
}

/* ==================================================
   TÍTULO
================================================== */

.seguremar-hero-title {
    width: 100%;

    margin: 0;
    padding: 0;

    display: flex;
    flex-direction: column;
    align-items: center;

    overflow: visible;

    color: var(--seguremar-white);
}

.seguremar-title-line {
    display: block;

    width: 100%;

    overflow: visible;
}

.seguremar-title-top,
.seguremar-title-bottom {
    --seguremar-spacing-start: 0.16em;
    --seguremar-spacing-end: 0.095em;

    font-family: var(--seguremar-font-interface);
    font-size: clamp(36px, 4.5vw, 72px);
    font-weight: 300;
    line-height: 1.1;
    letter-spacing: var(--seguremar-spacing-end);
    text-transform: uppercase;

    animation: seguremarReveal 900ms ease both;
}

.seguremar-title-top {
    animation-delay: 80ms;
}

.seguremar-title-editorial {
    margin: 10px 0 14px;
    padding: 6px 0 20px;

    overflow: visible;

    color: var(--seguremar-cyan);

    font-family: var(--seguremar-font-editorial);
    font-size: clamp(58px, 7vw, 110px);
    font-style: italic;
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -0.035em;

    text-shadow:
        0 12px 40px rgba(0, 0, 0, 0.24);

    animation:
        seguremarMaskReveal 1050ms cubic-bezier(.2, .8, .2, 1) both;

    animation-delay: 180ms;
}

.seguremar-title-bottom {
    margin-top: 6px;
    margin-bottom: 68px;

    animation-delay: 300ms;
}

/* ==================================================
   DETALHE DO TÍTULO
================================================== */

.seguremar-title-detail {
    position: relative;
    z-index: 5;

    width: 38px;
    height: 1px;

    margin: 0 0 28px;

    background: var(--seguremar-cyan);

    box-shadow:
        0 0 18px rgba(0, 206, 200, 0.42);

    animation: seguremarLineGrow 750ms ease both;
    animation-delay: 480ms;
}

/* ==================================================
   DESCRIÇÃO
================================================== */

.seguremar-hero-description {
    max-width: 670px;

    margin-top: 0;
    margin-bottom: 15%;

    color: rgba(255, 255, 255, 0.80);

    font-family: var(--seguremar-font-interface);
    font-size: clamp(15px, 1.25vw, 18px);
    font-weight: 300;
    line-height: 1.65;
    letter-spacing: 0.012em;

    animation: seguremarFadeUp 850ms ease both;
    animation-delay: 420ms;
}

.seguremar-hero-description strong {
    color: var(--seguremar-cyan);
    font-weight: 500;
}

/* ==================================================
   SAIBA MAIS — LINHA VERTICAL
================================================== */

.seguremar-more {
    margin-top: 38px;

    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;

    color: rgba(255, 255, 255, 0.68);

    font-family: var(--seguremar-font-interface);
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.18em;
    text-transform: uppercase;

    transition:
        color var(--seguremar-transition),
        transform var(--seguremar-transition);

    animation: seguremarFadeUp 900ms ease both;
    animation-delay: 700ms;
}

.seguremar-more:hover,
.seguremar-more:focus {
    color: var(--seguremar-cyan) !important;
    transform: translateY(-2px);
}

.seguremar-more:focus-visible {
    outline: 1px solid var(--seguremar-cyan);
    outline-offset: 8px;
}

/* Linha vertical leve */

.seguremar-more-line {
    position: relative;

    width: 1px;
    height: 54px;
    flex: 0 0 54px;

    display: block;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.32) 0%,
            rgba(255, 255, 255, 0.12) 100%
        );

    transition:
        height 380ms ease,
        background 380ms ease,
        box-shadow 380ms ease;
}

/* Brilho percorrendo a linha */

.seguremar-more-line::before {
    content: "";

    position: absolute;
    top: -50%;
    left: 0;

    width: 1px;
    height: 50%;

    background:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(255, 255, 255, 0.95) 50%,
            transparent 100%
        );

    animation:
        seguremarMoreLineVertical 2800ms ease-in-out infinite;
}

.seguremar-more:hover .seguremar-more-line,
.seguremar-more:focus .seguremar-more-line {
    height: 64px;

    background:
        linear-gradient(
            180deg,
            rgba(0, 206, 200, 0.92) 0%,
            rgba(0, 206, 200, 0.18) 100%
        );

    box-shadow:
        0 0 12px rgba(0, 206, 200, 0.42);
}

.seguremar-more:hover .seguremar-more-line::before,
.seguremar-more:focus .seguremar-more-line::before {
    background:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--seguremar-cyan) 50%,
            transparent 100%
        );
}

/* ==================================================
   ANIMAÇÕES
================================================== */

@keyframes seguremarOceanDrift {
    0% {
        transform:
            translate3d(-1.5%, -0.8%, 0)
            scale(1.02);
    }

    50% {
        transform:
            translate3d(1.2%, 0.7%, 0)
            scale(1.055);
    }

    100% {
        transform:
            translate3d(-0.6%, 1.1%, 0)
            scale(1.035);
    }
}

@keyframes seguremarOceanLight {
    0% {
        opacity: 0.20;

        transform:
            translate3d(-4%, -1%, 0)
            scale(1);
    }

    100% {
        opacity: 0.42;

        transform:
            translate3d(5%, 2%, 0)
            scale(1.08);
    }
}

@keyframes seguremarFadeUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes seguremarReveal {
    from {
        opacity: 0;
        letter-spacing: var(--seguremar-spacing-start);
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        letter-spacing: var(--seguremar-spacing-end);
        transform: translateY(0);
    }
}

@keyframes seguremarMaskReveal {
    from {
        opacity: 0;
        clip-path: inset(100% 0 0 0);
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        clip-path: inset(0);
        transform: translateY(0);
    }
}

@keyframes seguremarLineGrow {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes seguremarContextReveal {
    from {
        opacity: 0;
        transform: translate(-50%, 12px);
    }

    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

@keyframes seguremarRouteMove {
    from {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: -170;
    }
}

@keyframes seguremarMoreLineVertical {
    0% {
        transform: translateY(0);
    }

    45%,
    100% {
        transform: translateY(300%);
    }
}

/* ==================================================
   NOTEBOOK
================================================== */

@media (max-width: 1240px) {

    .seguremar-hero-shell,
    .seguremar-hero-content {
        min-height: 850px;
    }

    .seguremar-hero-context {
        top: 145px;

        width: min(1000px, calc(100% - 56px));
        height: 235px;
    }

    .seguremar-route-line {
        height: 220px;
    }

    .seguremar-hero-content {
        padding: 115px 0 40px;
    }

    .seguremar-title-top,
    .seguremar-title-bottom {
        --seguremar-spacing-start: 0.14em;
        --seguremar-spacing-end: 0.08em;
    }

    .seguremar-title-bottom {
        margin-bottom: 58px;
    }
}

/* ==================================================
   TABLET
================================================== */

@media (max-width: 900px) {

    .seguremar-hero-shell,
    .seguremar-hero-content {
        min-height: 800px;
    }

    .seguremar-hero-context {
        top: 125px;

        width: calc(100% - 40px);
        height: 185px;
    }

    .seguremar-route-line {
        height: 175px;
    }

    .seguremar-context-item {
        font-size: 10px;
    }

    .seguremar-context-left .seguremar-context-icon {
        width: 11px;
        height: 17px;
        flex-basis: 11px;
    }

    .seguremar-context-left .seguremar-context-icon svg {
        width: 11px;
        height: 17px;
    }

    .seguremar-globe-icon,
    .seguremar-globe-icon svg {
        width: 19px;
        height: 19px;
    }

    .seguremar-globe-icon {
        flex-basis: 19px;
    }

    .seguremar-hero-content {
        width: min(720px, calc(100% - 36px));

        padding: 110px 0 34px;
    }

    .seguremar-title-top,
    .seguremar-title-bottom {
        --seguremar-spacing-start: 0.12em;
        --seguremar-spacing-end: 0.07em;

        font-size: clamp(30px, 7vw, 52px);
    }

    .seguremar-title-editorial {
        margin: 8px 0 12px;
        padding-bottom: 16px;

        font-size: clamp(49px, 10vw, 78px);
    }

    .seguremar-title-bottom {
        margin-bottom: 48px;
    }

    .seguremar-more {
        margin-top: 32px;
    }

    .seguremar-more-line {
        height: 48px;
        flex-basis: 48px;
    }

    .seguremar-more:hover .seguremar-more-line,
    .seguremar-more:focus .seguremar-more-line {
        height: 56px;
    }
}

/* ==================================================
   MOBILE
================================================== */

@media (max-width: 620px) {

    .seguremar-hero-shell {
        min-height: 100svh;
    }

    .seguremar-ocean-motion {
        inset: -7%;

        width: 114%;
        height: 114%;

        background-position:
            center,
            center,
            53% top;
    }

    .seguremar-hero-context {
        position: relative;
        top: auto;
        left: auto;

        width: calc(100% - 30px);
        height: auto;

        margin: 0 auto;
        padding-top: 105px;

        align-items: center;
        justify-content: space-between;
        gap: 18px;

        pointer-events: auto;

        transform: none;
    }

    .seguremar-route-line {
        display: none;
    }

    .seguremar-context-item {
        max-width: 148px;

        gap: 7px;

        font-size: 9px;
        line-height: 1.35;

        white-space: normal;
    }

    .seguremar-context-left {
        text-align: left;
    }

    .seguremar-context-right {
        text-align: right;
    }

    .seguremar-context-left .seguremar-context-icon {
        width: 10px;
        height: 16px;
        flex-basis: 10px;
    }

    .seguremar-context-left .seguremar-context-icon svg {
        width: 10px;
        height: 16px;
    }

    .seguremar-globe-icon,
    .seguremar-globe-icon svg {
        width: 18px;
        height: 18px;
    }

    .seguremar-globe-icon {
        flex-basis: 18px;
    }

    .seguremar-hero-content {
        width: min(calc(100% - 30px), 460px);
        min-height: auto;

        justify-content: flex-start;

        padding: 48px 0 30px;
    }

    .seguremar-title-top,
    .seguremar-title-bottom {
        --seguremar-spacing-start: 0.09em;
        --seguremar-spacing-end: 0.055em;

        font-size: clamp(27px, 9vw, 39px);
        line-height: 1.18;
    }

    .seguremar-title-editorial {
        margin: 8px 0 10px;
        padding: 5px 0 16px;

        font-size: clamp(49px, 14vw, 66px);
        line-height: 1.06;
        letter-spacing: -0.025em;
    }

    .seguremar-title-bottom {
        margin-bottom: 24px;
    }

    .seguremar-title-detail {
        margin-bottom: 20px;
    }

    .seguremar-hero-description {
        max-width: 400px;

        font-size: 15px;
        line-height: 1.6;
    }

    .seguremar-more {
        margin-top: 30px;

        font-size: 9px;
        letter-spacing: 0.16em;
    }

    .seguremar-more-line {
        height: 44px;
        flex-basis: 44px;
    }

    .seguremar-more:hover .seguremar-more-line,
    .seguremar-more:focus .seguremar-more-line {
        height: 52px;
    }

    @keyframes seguremarContextReveal {
        from {
            opacity: 0;
            transform: translateY(12px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

/* ==================================================
   CELULARES PEQUENOS
================================================== */

@media (max-width: 390px) {

    .seguremar-hero-context {
        gap: 12px;
    }

    .seguremar-context-item {
        font-size: 8px;
    }

    .seguremar-title-top,
    .seguremar-title-bottom {
        --seguremar-spacing-start: 0.08em;
        --seguremar-spacing-end: 0.045em;

        font-size: 26px;
    }

    .seguremar-title-editorial {
        font-size: 47px;
    }

    .seguremar-hero-description {
        font-size: 14px;
    }
}

/* ==================================================
   REDUÇÃO DE MOVIMENTO
================================================== */

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

    .seguremar-hero-shell *,
    .seguremar-hero-shell *::before,
    .seguremar-hero-shell *::after {
        animation: none !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .seguremar-ocean-motion {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4d3687 */@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500&family=Jost:wght@300;400;500&display=swap');

/* ==================================================
   VARIÁVEIS
================================================== */

:root {
    --seguremar-intro-deep: #00131F;
    --seguremar-intro-ocean: #001C2E;
    --seguremar-intro-navy: #002E47;
    --seguremar-intro-blue: #004E67;
    --seguremar-intro-petrol: #008B8B;
    --seguremar-intro-cyan: #00CEC8;
    --seguremar-intro-aqua: #B3EBF2;
    --seguremar-intro-silver: #D9E2E6;
    --seguremar-intro-mist: #F3F8F9;
    --seguremar-intro-white: #FFFFFF;
    --seguremar-intro-ink: #10222D;
    --seguremar-intro-muted: #6F828C;

    --seguremar-intro-editorial:
        'Bodoni Moda', serif;

    --seguremar-intro-interface:
        'Jost', sans-serif;

    --seguremar-intro-content: 1320px;

    --seguremar-intro-ease:
        cubic-bezier(0.16, 1, 0.3, 1);

    --seguremar-intro-transition:
        650ms var(--seguremar-intro-ease);
}

/* ==================================================
   RESET DO COMPONENTE
================================================== */

.seguremar-intro-section,
.seguremar-intro-section *,
.seguremar-intro-section *::before,
.seguremar-intro-section *::after {
    box-sizing: border-box;
}

.seguremar-intro-section h2,
.seguremar-intro-section p,
.seguremar-intro-section figure,
.seguremar-intro-section figcaption {
    margin: 0;
    padding: 0;
}

.seguremar-intro-section a,
.seguremar-intro-section a:link,
.seguremar-intro-section a:visited,
.seguremar-intro-section a:hover,
.seguremar-intro-section a:focus,
.seguremar-intro-section a:active {
    text-decoration: none !important;
    box-shadow: none !important;
}

/* ==================================================
   FULL WIDTH — ELEMENTOR
================================================== */

.seguremar-intro-parent {
    position: relative;

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left:
        calc(50% - 50vw) !important;

    margin-right:
        calc(50% - 50vw) !important;

    padding: 0 !important;

    overflow: visible !important;

    background:
        transparent !important;
}

.seguremar-intro-parent > .e-con-inner,
.seguremar-intro-parent > .elementor-container,
.seguremar-intro-parent > .elementor-widget-wrap,
.seguremar-intro-parent .elementor-widget-html,
.seguremar-intro-parent
.elementor-widget-html
> .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* ==================================================
   SEÇÃO
================================================== */

.seguremar-intro-section {
    position: relative;

    width: 100%;

    padding:
        140px 0 150px;

    overflow: hidden;

    color:
        var(--seguremar-intro-ink);

    background:
        radial-gradient(
            circle at 91% 12%,
            rgba(0, 206, 200, 0.055) 0%,
            transparent 27%
        ),
        linear-gradient(
            180deg,
            var(--seguremar-intro-white) 0%,
            #FBFDFD 100%
        );

    font-family:
        var(--seguremar-intro-interface);
}

/* ==================================================
   DECORAÇÃO DE FUNDO
================================================== */

.seguremar-intro-decoration {
    position: absolute;
    top: 88px;
    right: -170px;

    width: 430px;
    height: 430px;

    pointer-events: none;

    border:
        1px solid
        rgba(0, 78, 103, 0.035);

    border-radius: 50%;
}

.seguremar-intro-decoration::before,
.seguremar-intro-decoration::after {
    content: "";

    position: absolute;

    border:
        1px solid
        rgba(0, 78, 103, 0.035);

    border-radius: 50%;
}

.seguremar-intro-decoration::before {
    inset: 72px;
}

.seguremar-intro-decoration::after {
    inset: 144px;
}

/* ==================================================
   CONTAINER PRINCIPAL
================================================== */

.seguremar-intro-container {
    position: relative;
    z-index: 2;

    width:
        min(
            var(--seguremar-intro-content),
            calc(100% - 120px)
        );

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(380px, 0.85fr)
        minmax(600px, 1.15fr);

    align-items: center;

    gap:
        clamp(70px, 7vw, 115px);
}

/* ==================================================
   CONTEÚDO ESQUERDO
================================================== */

.seguremar-intro-copy {
    max-width: 500px;
}

.seguremar-intro-eyebrow {
    margin-bottom: 28px;

    display: inline-flex;
    align-items: center;

    gap: 13px;

    color:
        var(--seguremar-intro-petrol);

    font-size: 9px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.27em;

    text-transform: uppercase;
}

.seguremar-intro-eyebrow::before {
    content: "";

    width: 28px;
    height: 1px;

    background:
        var(--seguremar-intro-cyan);
}

/* ==================================================
   TÍTULO
================================================== */

.seguremar-intro-title {
    color:
        var(--seguremar-intro-ink);

    font-family:
        var(--seguremar-intro-interface);

    font-size:
        clamp(34px, 3.55vw, 53px);

    font-weight: 300;
    line-height: 1.17;

    letter-spacing: 0.015em;

    text-transform: uppercase;
}

.seguremar-intro-title em {
    display: block;

    margin-top: 10px;

    color:
        var(--seguremar-intro-petrol);

    font-family:
        var(--seguremar-intro-editorial);

    font-size: 1.09em;
    font-style: italic;
    font-weight: 400;
    line-height: 1.05;

    letter-spacing: -0.035em;

    text-transform: none;
}

/* ==================================================
   TEXTO
================================================== */

.seguremar-intro-text {
    max-width: 475px;

    margin-top: 37px;

    color:
        var(--seguremar-intro-muted);

    font-size: 14px;
    font-weight: 300;
    line-height: 1.9;

    letter-spacing: 0.005em;
}

.seguremar-intro-text p + p {
    margin-top: 18px;
}

.seguremar-intro-text strong {
    color:
        var(--seguremar-intro-ink);

    font-weight: 500;
}

/* ==================================================
   LINK
================================================== */

.seguremar-intro-link {
    margin-top: 38px;

    display: inline-flex;
    align-items: center;

    gap: 14px;

    padding:
        11px 0 7px;

    color:
        var(--seguremar-intro-petrol);

    border-bottom:
        1px solid
        rgba(0, 139, 139, 0.35);

    font-size: 9px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.19em;

    text-transform: uppercase;

    transition:
        color 300ms ease,
        border-color 300ms ease,
        gap 300ms ease;
}

.seguremar-intro-link svg {
    width: 16px;
    height: 16px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.seguremar-intro-link:hover,
.seguremar-intro-link:focus {
    gap: 21px;

    color:
        var(--seguremar-intro-cyan) !important;

    border-color:
        var(--seguremar-intro-cyan);
}

.seguremar-intro-link:focus-visible {
    outline:
        1px solid
        var(--seguremar-intro-cyan);

    outline-offset: 6px;
}

/* ==================================================
   COMPOSIÇÃO EDITORIAL
================================================== */

.seguremar-intro-media {
    position: relative;

    min-height: 590px;

    display: grid;

    grid-template-columns:
        minmax(0, 1.18fr)
        minmax(0, 0.82fr);

    grid-template-rows:
        284px
        268px;

    gap: 18px;
}

/* ==================================================
   FOTOGRAFIAS
================================================== */

.seguremar-intro-photo {
    position: relative;

    margin: 0;

    overflow: hidden;

    background:
        var(--seguremar-intro-navy);

    border:
        1px solid
        rgba(0, 78, 103, 0.08);

    border-radius: 2px;

    box-shadow:
        0 34px 70px -42px
        rgba(0, 46, 71, 0.38);

    transform:
        translateY(0);

    transition:
        transform 700ms
        var(--seguremar-intro-ease),
        box-shadow 700ms
        var(--seguremar-intro-ease),
        border-color 500ms ease;
}

.seguremar-intro-photo:hover {
    transform:
        translateY(-8px);

    border-color:
        rgba(0, 206, 200, 0.28);

    box-shadow:
        0 45px 82px -38px
        rgba(0, 46, 71, 0.48);
}

.seguremar-intro-photo-main {
    grid-column: 1;

    grid-row:
        1 / span 2;
}

.seguremar-intro-photo-coast {
    grid-column: 2;
    grid-row: 1;
}

.seguremar-intro-photo img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transform:
        scale(1.015);

    filter:
        saturate(0.82)
        contrast(0.96);

    transition:
        transform 1100ms
        var(--seguremar-intro-ease),
        filter 700ms ease;
}

.seguremar-intro-photo-main img {
    object-position:
        center center;
}

.seguremar-intro-photo-coast img {
    object-position:
        center center;
}

.seguremar-intro-photo:hover img {
    transform:
        scale(1.065);

    filter:
        saturate(0.95)
        contrast(1);
}

/* ==================================================
   OVERLAYS
================================================== */

.seguremar-intro-photo-overlay {
    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(0, 28, 46, 0.02) 30%,
            rgba(0, 28, 46, 0.72) 100%
        ),
        linear-gradient(
            120deg,
            rgba(0, 78, 103, 0.13),
            transparent 52%
        );
}

.seguremar-intro-photo-coast
.seguremar-intro-photo-overlay {
    background:
        linear-gradient(
            180deg,
            rgba(0, 28, 46, 0.05) 10%,
            rgba(0, 28, 46, 0.58) 100%
        ),
        rgba(0, 78, 103, 0.08);
}

/* ==================================================
   LEGENDAS
================================================== */

.seguremar-intro-photo figcaption {
    position: absolute;
    right: 24px;
    bottom: 22px;
    left: 24px;
    z-index: 4;

    max-width: 310px;

    color:
        rgba(255, 255, 255, 0.88);

    font-size: 9px;
    font-weight: 400;
    line-height: 1.55;

    letter-spacing: 0.13em;

    text-transform: uppercase;
}

.seguremar-intro-photo-coast figcaption {
    right: 18px;
    bottom: 17px;
    left: 18px;

    font-size: 8px;
}

/* ==================================================
   CARD HISTÓRICO
================================================== */

.seguremar-intro-history {
    position: relative;

    grid-column: 2;
    grid-row: 2;

    padding:
        31px 27px 26px;

    overflow: hidden;

    color:
        var(--seguremar-intro-white);

    background:
        radial-gradient(
            circle at 85% 8%,
            rgba(0, 206, 200, 0.17),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            var(--seguremar-intro-navy) 0%,
            var(--seguremar-intro-deep) 100%
        );

    border:
        1px solid
        rgba(179, 235, 242, 0.08);

    border-radius: 2px;

    box-shadow:
        0 34px 70px -42px
        rgba(0, 28, 46, 0.55);

    transform:
        translateY(0);

    transition:
        transform 700ms
        var(--seguremar-intro-ease),
        box-shadow 700ms
        var(--seguremar-intro-ease),
        border-color 500ms ease;
}

.seguremar-intro-history:hover {
    transform:
        translateY(-8px);

    border-color:
        rgba(0, 206, 200, 0.30);

    box-shadow:
        0 44px 82px -38px
        rgba(0, 28, 46, 0.66);
}

/* ==================================================
   LUZ DO CARD HISTÓRICO
================================================== */

.seguremar-intro-history-light {
    position: absolute;
    top: -90px;
    right: -80px;

    width: 210px;
    height: 210px;

    border:
        1px solid
        rgba(179, 235, 242, 0.08);

    border-radius: 50%;

    transition:
        transform 900ms
        var(--seguremar-intro-ease),
        opacity 600ms ease;
}

.seguremar-intro-history-light::before {
    content: "";

    position: absolute;
    inset: 48px;

    border:
        1px solid
        rgba(179, 235, 242, 0.07);

    border-radius: 50%;
}

.seguremar-intro-history:hover
.seguremar-intro-history-light {
    transform:
        translate(-8px, 8px)
        scale(1.05);
}

/* ==================================================
   TÍTULO DO CARD HISTÓRICO
================================================== */

.seguremar-intro-history-label {
    position: relative;
    z-index: 2;

    display: block;

    color:
        var(--seguremar-intro-cyan);

    font-size: 8px;
    font-weight: 500;
    line-height: 1.5;

    letter-spacing: 0.19em;

    text-transform: uppercase;
}

/* ==================================================
   DATAS DO CARD HISTÓRICO
================================================== */

.seguremar-intro-history-data {
    position: relative;
    z-index: 2;

    margin-top: 25px;

    display: grid;

    grid-template-columns:
        1fr
        1px
        1fr;

    align-items: start;

    gap: 15px;
}

.seguremar-intro-history-data > div {
    display: flex;
    flex-direction: column;

    gap: 8px;
}

.seguremar-intro-history-data strong {
    color:
        var(--seguremar-intro-white);

    font-family:
        var(--seguremar-intro-editorial);

    font-size: 29px;
    font-style: italic;
    font-weight: 400;
    line-height: 1;
}

.seguremar-intro-history-data span {
    color:
        rgba(217, 226, 230, 0.65);

    font-size: 8px;
    font-weight: 300;
    line-height: 1.55;

    letter-spacing: 0.05em;
}

.seguremar-intro-history-separator {
    width: 1px;
    height: 53px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(179, 235, 242, 0.22),
            transparent
        );
}

.seguremar-intro-history > p {
    position: relative;
    z-index: 2;

    max-width: 265px;

    margin-top: 23px;

    color:
        rgba(217, 226, 230, 0.61);

    font-size: 10px;
    font-weight: 300;
    line-height: 1.65;
}

/* ==================================================
   ROTA DO CARD HISTÓRICO
================================================== */

.seguremar-intro-route {
    position: absolute;
    right: -30px;
    bottom: 9px;

    width: 82%;
    height: 88px;

    pointer-events: none;

    opacity: 0.32;

    transition:
        transform 900ms
        var(--seguremar-intro-ease),
        opacity 600ms ease;
}

.seguremar-intro-history:hover
.seguremar-intro-route {
    transform:
        translateX(-10px);

    opacity: 0.46;
}

.seguremar-intro-route-shadow,
.seguremar-intro-route-path {
    fill: none;

    stroke-linecap: round;
}

.seguremar-intro-route-shadow {
    stroke:
        var(--seguremar-intro-cyan);

    stroke-width: 4;

    opacity: 0.08;

    filter:
        blur(3px);
}

.seguremar-intro-route-path {
    stroke:
        var(--seguremar-intro-aqua);

    stroke-width: 1;

    stroke-dasharray:
        3 8;

    animation:
        seguremar-intro-route-flow
        8s linear infinite;
}

@keyframes seguremar-intro-route-flow {
    to {
        stroke-dashoffset: -110;
    }
}

/* ==================================================
   ANIMAÇÕES DE ENTRADA
================================================== */

@keyframes seguremar-intro-container-up {
    from {
        opacity: 0;

        transform:
            translateY(55px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }
}

@keyframes seguremar-intro-left-entry {
    from {
        opacity: 0;

        transform:
            translateX(-65px);
    }

    to {
        opacity: 1;

        transform:
            translateX(0);
    }
}

@keyframes seguremar-intro-right-entry {
    from {
        opacity: 0;

        transform:
            translateX(70px);
    }

    to {
        opacity: 1;

        transform:
            translateX(0);
    }
}

@supports (animation-timeline: view()) {

    .seguremar-intro-container {
        animation:
            seguremar-intro-container-up
            linear both;

        animation-timeline:
            view();

        animation-range:
            entry 0%
            cover 22%;
    }

    .seguremar-intro-copy {
        animation:
            seguremar-intro-left-entry
            linear both;

        animation-timeline:
            view();

        animation-range:
            entry 2%
            cover 29%;
    }

    .seguremar-intro-media {
        animation:
            seguremar-intro-right-entry
            linear both;

        animation-timeline:
            view();

        animation-range:
            entry 2%
            cover 29%;
    }
}

/* ==================================================
   NOTEBOOK
================================================== */

@media (max-width: 1180px) {

    .seguremar-intro-section {
        padding:
            125px 0 135px;
    }

    .seguremar-intro-container {
        width:
            calc(100% - 80px);

        grid-template-columns:
            minmax(340px, 0.82fr)
            minmax(540px, 1.18fr);

        gap: 65px;
    }

    .seguremar-intro-media {
        min-height: 550px;

        grid-template-rows:
            264px
            250px;
    }

    .seguremar-intro-history {
        padding:
            27px 22px 22px;
    }
}

/* ==================================================
   TABLET
================================================== */

@media (max-width: 980px) {

    .seguremar-intro-container {
        width:
            calc(100% - 64px);

        grid-template-columns: 1fr;

        gap: 85px;
    }

    .seguremar-intro-copy {
        max-width: 620px;
    }

    .seguremar-intro-text {
        max-width: 600px;
    }

    .seguremar-intro-media {
        width:
            min(100%, 760px);

        min-height: 590px;

        margin-left: auto;

        grid-template-rows:
            285px
            267px;
    }
}

/* ==================================================
   MOBILE
================================================== */

@media (max-width: 680px) {

    .seguremar-intro-section {
        padding:
            105px 0 95px;
    }

    .seguremar-intro-container {
        width:
            calc(100% - 40px);

        gap: 72px;
    }

    .seguremar-intro-title {
        font-size:
            clamp(31px, 9vw, 42px);
    }

    .seguremar-intro-text {
        margin-top: 31px;

        font-size: 13.5px;
        line-height: 1.82;
    }

    .seguremar-intro-media {
        min-height: auto;

        display: flex;
        flex-direction: column;

        gap: 15px;
    }

    .seguremar-intro-photo-main {
        width:
            calc(100% - 38px);

        height: 480px;

        align-self: flex-start;
    }

    .seguremar-intro-photo-coast {
        width:
            calc(100% - 76px);

        height: 240px;

        margin-top: -56px;

        align-self: flex-end;

        border:
            7px solid
            var(--seguremar-intro-white);

        box-shadow:
            0 30px 60px -35px
            rgba(0, 46, 71, 0.45);
    }

    .seguremar-intro-history {
        width:
            calc(100% - 18px);

        min-height: 268px;

        margin-top: 2px;

        align-self: flex-start;
    }

    @supports (animation-timeline: view()) {

        .seguremar-intro-copy,
        .seguremar-intro-media {
            animation:
                seguremar-intro-container-up
                linear both;

            animation-timeline:
                view();

            animation-range:
                entry 0%
                cover 25%;
        }
    }
}

/* ==================================================
   MOBILE PEQUENO
================================================== */

@media (max-width: 430px) {

    .seguremar-intro-container {
        width:
            calc(100% - 30px);
    }

    .seguremar-intro-eyebrow {
        font-size: 8px;

        letter-spacing: 0.22em;
    }

    .seguremar-intro-title {
        font-size: 30px;
    }

    .seguremar-intro-photo-main {
        width:
            calc(100% - 24px);

        height: 420px;
    }

    .seguremar-intro-photo-coast {
        width:
            calc(100% - 48px);

        height: 215px;
    }

    .seguremar-intro-history {
        width: 100%;

        padding:
            27px 22px 25px;
    }

    .seguremar-intro-history-data {
        gap: 11px;
    }

    .seguremar-intro-history-data strong {
        font-size: 26px;
    }
}

/* ==================================================
   REDUÇÃO DE MOVIMENTO
================================================== */

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

    .seguremar-intro-section *,
    .seguremar-intro-section *::before,
    .seguremar-intro-section *::after {
        animation:
            none !important;

        transition-duration:
            0.01ms !important;

        scroll-behavior:
            auto !important;
    }

    .seguremar-intro-container,
    .seguremar-intro-copy,
    .seguremar-intro-media {
        opacity: 1 !important;

        transform:
            none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b87aa6 */@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500&family=Jost:wght@300;400;500&display=swap');

/* ==================================================
   VARIÁVEIS
================================================== */

:root {
    --seguremar-seguros-deep: #00131F;
    --seguremar-seguros-ocean: #001C2E;
    --seguremar-seguros-navy: #002E47;
    --seguremar-seguros-blue: #004E67;
    --seguremar-seguros-petrol: #008B8B;
    --seguremar-seguros-cyan: #00CEC8;
    --seguremar-seguros-aqua: #B3EBF2;
    --seguremar-seguros-silver: #D9E2E6;
    --seguremar-seguros-mist: #EDF5F6;
    --seguremar-seguros-white: #FFFFFF;
    --seguremar-seguros-ink: #10222D;
    --seguremar-seguros-muted: #6F828C;

    --seguremar-seguros-editorial:
        'Bodoni Moda', serif;

    --seguremar-seguros-interface:
        'Jost', sans-serif;

    --seguremar-seguros-content: 1380px;

    --seguremar-seguros-ease:
        cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==================================================
   RESET DO COMPONENTE
================================================== */

.seguremar-seguros-section,
.seguremar-seguros-section *,
.seguremar-seguros-section *::before,
.seguremar-seguros-section *::after {
    box-sizing: border-box;
}

.seguremar-seguros-section h2,
.seguremar-seguros-section h3,
.seguremar-seguros-section p,
.seguremar-seguros-section figure {
    margin: 0;
    padding: 0;
}

.seguremar-seguros-section a,
.seguremar-seguros-section a:link,
.seguremar-seguros-section a:visited,
.seguremar-seguros-section a:hover,
.seguremar-seguros-section a:focus,
.seguremar-seguros-section a:active {
    text-decoration: none !important;
    box-shadow: none;
}

/* ==================================================
   FULL WIDTH — ELEMENTOR
================================================== */

.seguremar-seguros-parent {
    width: 100vw !important;
    max-width: 100vw !important;

    margin-left:
        calc(50% - 50vw) !important;

    margin-right:
        calc(50% - 50vw) !important;

    padding: 0 !important;

    overflow: visible !important;

    background:
        transparent !important;
}

.seguremar-seguros-parent > .e-con-inner,
.seguremar-seguros-parent > .elementor-container,
.seguremar-seguros-parent > .elementor-widget-wrap,
.seguremar-seguros-parent .elementor-widget-html,
.seguremar-seguros-parent
.elementor-widget-html
> .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* ==================================================
   SEÇÃO
================================================== */

.seguremar-seguros-section {
    position: relative;

    width: 100%;

    padding:
        145px 0 135px;

    overflow: hidden;

    color:
        var(--seguremar-seguros-ink);

    background:
        radial-gradient(
            circle at 7% 12%,
            rgba(0, 139, 139, 0.07),
            transparent 26%
        ),
        linear-gradient(
            180deg,
            #F7FAFB 0%,
            var(--seguremar-seguros-mist) 100%
        );

    font-family:
        var(--seguremar-seguros-interface);
}

.seguremar-seguros-decoration {
    position: absolute;
    top: 70px;
    left: -210px;

    width: 520px;
    height: 520px;

    border:
        1px solid
        rgba(0, 78, 103, 0.035);

    border-radius: 50%;

    pointer-events: none;
}

.seguremar-seguros-decoration::before,
.seguremar-seguros-decoration::after {
    content: "";

    position: absolute;

    border:
        1px solid
        rgba(0, 78, 103, 0.035);

    border-radius: 50%;
}

.seguremar-seguros-decoration::before {
    inset: 92px;
}

.seguremar-seguros-decoration::after {
    inset: 184px;
}

/* ==================================================
   CONTAINER
================================================== */

.seguremar-seguros-container {
    position: relative;
    z-index: 2;

    width:
        min(
            var(--seguremar-seguros-content),
            calc(100% - 120px)
        );

    margin: 0 auto;
}

/* ==================================================
   CABEÇALHO
================================================== */

.seguremar-seguros-header {
    margin-bottom: 78px;

    display: grid;

    grid-template-columns:
        minmax(480px, 1.15fr)
        minmax(320px, 0.85fr);

    align-items: end;

    gap:
        clamp(60px, 8vw, 130px);
}

.seguremar-seguros-heading {
    max-width: 720px;
}

.seguremar-seguros-eyebrow {
    margin-bottom: 27px;

    display: inline-flex;
    align-items: center;

    gap: 13px;

    color:
        var(--seguremar-seguros-petrol);

    font-size: 9px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.27em;

    text-transform: uppercase;
}

.seguremar-seguros-eyebrow::before {
    content: "";

    width: 28px;
    height: 1px;

    background:
        var(--seguremar-seguros-cyan);
}

.seguremar-seguros-heading h2 {
    color:
        var(--seguremar-seguros-ink);

    font-size:
        clamp(36px, 4.15vw, 59px);

    font-weight: 300;
    line-height: 1.13;

    letter-spacing: 0.015em;

    text-transform: uppercase;
}

.seguremar-seguros-heading h2 em {
    display: block;

    margin-top: 7px;

    color:
        var(--seguremar-seguros-petrol);

    font-family:
        var(--seguremar-seguros-editorial);

    font-size: 1.08em;
    font-style: italic;
    font-weight: 400;
    line-height: 1.04;

    letter-spacing: -0.04em;

    text-transform: none;
}

.seguremar-seguros-intro {
    max-width: 390px;

    padding-left: 30px;

    border-left:
        1px solid
        rgba(0, 78, 103, 0.16);

    color:
        var(--seguremar-seguros-muted);

    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
}

.seguremar-seguros-intro p + p {
    margin-top: 15px;
}

/* ==================================================
   GRID EDITORIAL
================================================== */

.seguremar-seguros-grid {
    display: grid;

    grid-template-columns:
        repeat(12, minmax(0, 1fr));

    grid-template-rows:
        255px
        255px
        270px;

    gap: 20px;
}

/* ==================================================
   POSICIONAMENTO DOS CARDS
================================================== */

.seguremar-seguros-card--auto {
    grid-column:
        1 / span 7;

    grid-row:
        1 / span 2;
}

.seguremar-seguros-card--residencial {
    grid-column:
        8 / span 5;

    grid-row: 1;
}

.seguremar-seguros-card--empresarial {
    grid-column:
        8 / span 2;

    grid-row: 2;
}

.seguremar-seguros-card--vida {
    grid-column:
        10 / span 3;

    grid-row: 2;
}

.seguremar-seguros-card--viagem {
    grid-column:
        1 / span 4;

    grid-row: 3;
}

.seguremar-seguros-card--outros {
    grid-column:
        5 / span 8;

    grid-row: 3;
}

/* ==================================================
   CARD
================================================== */

.seguremar-seguros-card {
    position: relative;

    min-width: 0;

    overflow: hidden;

    background:
        var(--seguremar-seguros-navy);

    border:
        1px solid
        rgba(0, 78, 103, 0.10);

    border-radius: 2px;

    box-shadow:
        0 30px 60px -42px
        rgba(0, 46, 71, 0.42);

    transform:
        translateY(0);

    transition:
        transform 750ms
        var(--seguremar-seguros-ease),
        box-shadow 750ms
        var(--seguremar-seguros-ease),
        border-color 500ms ease;
}

.seguremar-seguros-card:hover {
    transform:
        translateY(-9px);

    border-color:
        rgba(0, 206, 200, 0.38);

    box-shadow:
        0 48px 86px -42px
        rgba(0, 46, 71, 0.60);
}

.seguremar-seguros-card-link {
    position: relative;

    width: 100%;
    height: 100%;

    display: block;

    color:
        var(--seguremar-seguros-white);
}

/* ==================================================
   IMAGEM
================================================== */

.seguremar-seguros-media {
    position: absolute;
    inset: 0;

    overflow: hidden;
}

.seguremar-seguros-media img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    filter:
        saturate(0.82)
        contrast(0.96);

    transform:
        scale(1.015);

    transition:
        transform 1200ms
        var(--seguremar-seguros-ease),
        filter 700ms ease;
}

.seguremar-seguros-card:hover
.seguremar-seguros-media img {
    transform:
        scale(1.075);

    filter:
        saturate(0.98)
        contrast(1.02);
}

/* Ajustes individuais de enquadramento */

.seguremar-seguros-card--auto img {
    object-position:
        center 52%;
}

.seguremar-seguros-card--residencial img {
    object-position:
        center 58%;
}

.seguremar-seguros-card--empresarial img {
    object-position:
        center;
}

.seguremar-seguros-card--vida img {
    object-position:
        center 45%;
}

.seguremar-seguros-card--viagem img {
    object-position:
        center 52%;
}

.seguremar-seguros-card--outros img {
    object-position:
        center 55%;
}

/* ==================================================
   OVERLAY
================================================== */

.seguremar-seguros-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0, 20, 32, 0.10) 10%,
            rgba(0, 20, 32, 0.23) 40%,
            rgba(0, 20, 32, 0.88) 100%
        ),
        linear-gradient(
            115deg,
            rgba(0, 46, 71, 0.32),
            transparent 58%
        );

    transition:
        background 700ms ease;
}

.seguremar-seguros-card:hover
.seguremar-seguros-overlay {
    background:
        linear-gradient(
            180deg,
            rgba(0, 20, 32, 0.04) 5%,
            rgba(0, 20, 32, 0.20) 38%,
            rgba(0, 20, 32, 0.92) 100%
        ),
        linear-gradient(
            115deg,
            rgba(0, 78, 103, 0.35),
            transparent 62%
        );
}

/* ==================================================
   NUMERAÇÃO
================================================== */

.seguremar-seguros-number {
    position: absolute;
    top: 22px;
    left: 24px;
    z-index: 3;

    color:
        rgba(255, 255, 255, 0.72);

    font-family:
        var(--seguremar-seguros-editorial);

    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 1;
}

.seguremar-seguros-number::after {
    content: "";

    width: 28px;
    height: 1px;

    margin-top: 9px;

    display: block;

    background:
        var(--seguremar-seguros-cyan);

    transform-origin: left;

    transition:
        width 500ms
        var(--seguremar-seguros-ease);
}

.seguremar-seguros-card:hover
.seguremar-seguros-number::after {
    width: 48px;
}

/* ==================================================
   CONTEÚDO DO CARD
================================================== */

.seguremar-seguros-card-content {
    position: absolute;
    right: 30px;
    bottom: 28px;
    left: 30px;
    z-index: 4;

    color:
        var(--seguremar-seguros-white);
}

.seguremar-seguros-category {
    margin-bottom: 10px;

    display: block;

    color:
        var(--seguremar-seguros-cyan);

    font-size: 8px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.20em;

    text-transform: uppercase;
}

.seguremar-seguros-card-content h3 {
    color:
        var(--seguremar-seguros-white);

    font-family:
        var(--seguremar-seguros-editorial);

    font-size:
        clamp(23px, 2.3vw, 35px);

    font-style: italic;
    font-weight: 400;
    line-height: 1.1;

    letter-spacing: -0.025em;
}

.seguremar-seguros-card-content p {
    max-width: 510px;

    margin-top: 13px;

    color:
        rgba(255, 255, 255, 0.73);

    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.seguremar-seguros-card--empresarial
.seguremar-seguros-card-content,
.seguremar-seguros-card--vida
.seguremar-seguros-card-content {
    right: 20px;
    bottom: 20px;
    left: 20px;
}

.seguremar-seguros-card--empresarial
.seguremar-seguros-card-content h3,
.seguremar-seguros-card--vida
.seguremar-seguros-card-content h3 {
    font-size:
        clamp(18px, 1.65vw, 24px);
}

.seguremar-seguros-card--empresarial
.seguremar-seguros-card-content p,
.seguremar-seguros-card--vida
.seguremar-seguros-card-content p {
    font-size: 10.5px;
    line-height: 1.5;
}

/* ==================================================
   AÇÃO DO CARD
================================================== */

.seguremar-seguros-action {
    margin-top: 18px;

    display: inline-flex;
    align-items: center;

    gap: 11px;

    color:
        rgba(255, 255, 255, 0.88);

    font-size: 8px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.18em;

    text-transform: uppercase;

    opacity: 0.78;

    transform:
        translateY(5px);

    transition:
        color 400ms ease,
        gap 400ms ease,
        opacity 400ms ease,
        transform 500ms
        var(--seguremar-seguros-ease);
}

.seguremar-seguros-action svg {
    width: 15px;
    height: 15px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.seguremar-seguros-card:hover
.seguremar-seguros-action {
    gap: 17px;

    color:
        var(--seguremar-seguros-cyan);

    opacity: 1;

    transform:
        translateY(0);
}

/* ==================================================
   CARDS COMPACTOS
================================================== */

.seguremar-seguros-card--empresarial
.seguremar-seguros-action,
.seguremar-seguros-card--vida
.seguremar-seguros-action {
    margin-top: 12px;

    font-size: 7px;
}

.seguremar-seguros-card--empresarial
.seguremar-seguros-number,
.seguremar-seguros-card--vida
.seguremar-seguros-number {
    top: 16px;
    left: 18px;

    font-size: 15px;
}

/* ==================================================
   RODAPÉ EDITORIAL
================================================== */

.seguremar-seguros-footer {
    margin-top: 52px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    padding-top: 29px;

    border-top:
        1px solid
        rgba(0, 78, 103, 0.13);
}

.seguremar-seguros-footer > span {
    color:
        var(--seguremar-seguros-muted);

    font-family:
        var(--seguremar-seguros-editorial);

    font-size: 17px;
    font-style: italic;
    font-weight: 400;
}

.seguremar-seguros-footer a {
    display: inline-flex;
    align-items: center;

    gap: 14px;

    padding-bottom: 6px;

    color:
        var(--seguremar-seguros-petrol);

    border-bottom:
        1px solid
        rgba(0, 139, 139, 0.32);

    font-size: 9px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.18em;

    text-transform: uppercase;

    transition:
        color 300ms ease,
        gap 300ms ease,
        border-color 300ms ease;
}

.seguremar-seguros-footer a svg {
    width: 15px;
    height: 15px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.seguremar-seguros-footer a:hover,
.seguremar-seguros-footer a:focus {
    gap: 20px;

    color:
        var(--seguremar-seguros-cyan) !important;

    border-color:
        var(--seguremar-seguros-cyan);
}

/* ==================================================
   TEXTO LATERAL
================================================== */

.seguremar-seguros-side-note {
    position: absolute;
    top: 49%;
    left: -39px;

    color:
        rgba(0, 78, 103, 0.30);

    font-size: 7px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.20em;

    text-transform: uppercase;

    transform:
        rotate(-90deg)
        translateX(-50%);

    transform-origin:
        left top;
}

/* ==================================================
   ANIMAÇÕES DE ENTRADA
================================================== */

@keyframes seguremar-seguros-container-up {
    from {
        opacity: 0;

        transform:
            translateY(55px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }
}

@keyframes seguremar-seguros-left-entry {
    from {
        opacity: 0;

        transform:
            translateX(-65px);
    }

    to {
        opacity: 1;

        transform:
            translateX(0);
    }
}

@keyframes seguremar-seguros-right-entry {
    from {
        opacity: 0;

        transform:
            translateX(70px);
    }

    to {
        opacity: 1;

        transform:
            translateX(0);
    }
}

@supports (animation-timeline: view()) {

    .seguremar-seguros-header {
        animation:
            seguremar-seguros-container-up
            linear both;

        animation-timeline:
            view();

        animation-range:
            entry 0%
            cover 24%;
    }

    .seguremar-seguros-enter-left {
        animation:
            seguremar-seguros-left-entry
            linear both;

        animation-timeline:
            view();

        animation-range:
            entry 2%
            cover 27%;
    }

    .seguremar-seguros-enter-right {
        animation:
            seguremar-seguros-right-entry
            linear both;

        animation-timeline:
            view();

        animation-range:
            entry 2%
            cover 27%;
    }

    .seguremar-seguros-footer {
        animation:
            seguremar-seguros-container-up
            linear both;

        animation-timeline:
            view();

        animation-range:
            entry 0%
            cover 25%;
    }
}

/* ==================================================
   NOTEBOOK
================================================== */

@media (max-width: 1180px) {

    .seguremar-seguros-section {
        padding:
            125px 0 120px;
    }

    .seguremar-seguros-container {
        width:
            calc(100% - 80px);
    }

    .seguremar-seguros-grid {
        grid-template-rows:
            240px
            240px
            255px;
    }

    .seguremar-seguros-card-content {
        right: 24px;
        bottom: 24px;
        left: 24px;
    }
}

/* ==================================================
   TABLET
================================================== */

@media (max-width: 980px) {

    .seguremar-seguros-container {
        width:
            calc(100% - 64px);
    }

    .seguremar-seguros-header {
        grid-template-columns:
            1fr;

        gap: 38px;
    }

    .seguremar-seguros-intro {
        max-width: 640px;
    }

    .seguremar-seguros-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        grid-template-rows:
            430px
            300px
            300px
            300px;

        gap: 18px;
    }

    .seguremar-seguros-card--auto {
        grid-column:
            1 / span 2;

        grid-row: 1;
    }

    .seguremar-seguros-card--residencial {
        grid-column: 1;
        grid-row: 2;
    }

    .seguremar-seguros-card--empresarial {
        grid-column: 2;
        grid-row: 2;
    }

    .seguremar-seguros-card--vida {
        grid-column: 1;
        grid-row: 3;
    }

    .seguremar-seguros-card--viagem {
        grid-column: 2;
        grid-row: 3;
    }

    .seguremar-seguros-card--outros {
        grid-column:
            1 / span 2;

        grid-row: 4;
    }

    .seguremar-seguros-card--empresarial
    .seguremar-seguros-card-content,
    .seguremar-seguros-card--vida
    .seguremar-seguros-card-content {
        right: 24px;
        bottom: 24px;
        left: 24px;
    }

    .seguremar-seguros-card--empresarial
    .seguremar-seguros-card-content h3,
    .seguremar-seguros-card--vida
    .seguremar-seguros-card-content h3 {
        font-size: 27px;
    }

    .seguremar-seguros-card--empresarial
    .seguremar-seguros-card-content p,
    .seguremar-seguros-card--vida
    .seguremar-seguros-card-content p {
        font-size: 12px;
        line-height: 1.6;
    }
}

/* ==================================================
   MOBILE
================================================== */

@media (max-width: 680px) {

    .seguremar-seguros-section {
        padding:
            100px 0 92px;
    }

    .seguremar-seguros-container {
        width:
            calc(100% - 40px);
    }

    .seguremar-seguros-header {
        margin-bottom: 56px;
    }

    .seguremar-seguros-heading h2 {
        font-size:
            clamp(31px, 9vw, 43px);
    }

    .seguremar-seguros-intro {
        padding-left: 20px;

        font-size: 13.5px;
    }

    .seguremar-seguros-grid {
        display: flex;
        flex-direction: column;

        gap: 16px;
    }

    .seguremar-seguros-card {
        width: 100%;
        height: 390px;
    }

    .seguremar-seguros-card--auto,
    .seguremar-seguros-card--outros {
        height: 450px;
    }

    .seguremar-seguros-card-content {
        right: 22px;
        bottom: 23px;
        left: 22px;
    }

    .seguremar-seguros-card-content h3,
    .seguremar-seguros-card--empresarial
    .seguremar-seguros-card-content h3,
    .seguremar-seguros-card--vida
    .seguremar-seguros-card-content h3 {
        font-size: 28px;
    }

    .seguremar-seguros-card-content p,
    .seguremar-seguros-card--empresarial
    .seguremar-seguros-card-content p,
    .seguremar-seguros-card--vida
    .seguremar-seguros-card-content p {
        max-width: 430px;

        font-size: 12.5px;
        line-height: 1.65;
    }

    .seguremar-seguros-footer {
        margin-top: 42px;

        flex-direction: column;
        align-items: flex-start;

        gap: 18px;
    }

    .seguremar-seguros-side-note {
        display: none;
    }

    @supports (animation-timeline: view()) {

        .seguremar-seguros-enter-left,
        .seguremar-seguros-enter-right {
            animation:
                seguremar-seguros-container-up
                linear both;

            animation-timeline:
                view();

            animation-range:
                entry 0%
                cover 24%;
        }
    }
}

/* ==================================================
   MOBILE PEQUENO
================================================== */

@media (max-width: 430px) {

    .seguremar-seguros-container {
        width:
            calc(100% - 30px);
    }

    .seguremar-seguros-eyebrow {
        font-size: 8px;

        letter-spacing: 0.22em;
    }

    .seguremar-seguros-heading h2 {
        font-size: 30px;
    }

    .seguremar-seguros-card {
        height: 360px;
    }

    .seguremar-seguros-card--auto,
    .seguremar-seguros-card--outros {
        height: 420px;
    }

    .seguremar-seguros-card-content h3,
    .seguremar-seguros-card--empresarial
    .seguremar-seguros-card-content h3,
    .seguremar-seguros-card--vida
    .seguremar-seguros-card-content h3 {
        font-size: 25px;
    }
}

/* ==================================================
   REDUÇÃO DE MOVIMENTO
================================================== */

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

    .seguremar-seguros-section *,
    .seguremar-seguros-section *::before,
    .seguremar-seguros-section *::after {
        animation:
            none !important;

        transition-duration:
            0.01ms !important;

        scroll-behavior:
            auto !important;
    }

    .seguremar-seguros-header,
    .seguremar-seguros-enter-left,
    .seguremar-seguros-enter-right,
    .seguremar-seguros-footer {
        opacity: 1 !important;

        transform:
            none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71e93b3 */@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500&family=Jost:wght@300;400;500&display=swap');

/* ==================================================
   VARIÁVEIS
================================================== */

:root {
    --seguremar-processo-deep: #00131F;
    --seguremar-processo-ocean: #001C2E;
    --seguremar-processo-navy: #002E47;
    --seguremar-processo-blue: #004E67;
    --seguremar-processo-petrol: #008B8B;
    --seguremar-processo-cyan: #00CEC8;
    --seguremar-processo-aqua: #B3EBF2;
    --seguremar-processo-silver: #D9E2E6;
    --seguremar-processo-white: #FFFFFF;
    --seguremar-processo-muted: #91A5AE;

    --seguremar-processo-editorial:
        'Bodoni Moda', serif;

    --seguremar-processo-interface:
        'Jost', sans-serif;

    --seguremar-processo-content: 1320px;

    --seguremar-processo-ease:
        cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==================================================
   RESET
================================================== */

.seguremar-processo-section,
.seguremar-processo-section *,
.seguremar-processo-section *::before,
.seguremar-processo-section *::after {
    box-sizing: border-box;
}

.seguremar-processo-section h2,
.seguremar-processo-section h3,
.seguremar-processo-section p,
.seguremar-processo-section blockquote {
    margin: 0;
    padding: 0;
}

.seguremar-processo-section a,
.seguremar-processo-section a:link,
.seguremar-processo-section a:visited,
.seguremar-processo-section a:hover,
.seguremar-processo-section a:focus,
.seguremar-processo-section a:active {
    text-decoration: none !important;
    box-shadow: none !important;
}

/* ==================================================
   FULL WIDTH — ELEMENTOR
================================================== */

.seguremar-processo-parent {
    position: relative;

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left:
        calc(50% - 50vw) !important;

    margin-right:
        calc(50% - 50vw) !important;

    padding: 0 !important;

    overflow: visible !important;

    background: transparent !important;
}

.seguremar-processo-parent > .e-con-inner,
.seguremar-processo-parent > .elementor-container,
.seguremar-processo-parent > .elementor-widget-wrap,
.seguremar-processo-parent .elementor-widget-html,
.seguremar-processo-parent
.elementor-widget-html
> .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* ==================================================
   SEÇÃO
================================================== */

.seguremar-processo-section {
    position: relative;

    width: 100%;

    padding:
        145px 0 150px;

    overflow: hidden;

    color:
        var(--seguremar-processo-white);

    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(0, 206, 200, 0.10),
            transparent 29%
        ),
        radial-gradient(
            circle at 91% 82%,
            rgba(0, 139, 139, 0.13),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            var(--seguremar-processo-ocean) 0%,
            var(--seguremar-processo-deep) 100%
        );

    font-family:
        var(--seguremar-processo-interface);
}

/* ==================================================
   DECORAÇÃO
================================================== */

.seguremar-processo-decoration {
    position: absolute;
    right: -220px;
    bottom: -290px;

    width: 660px;
    height: 660px;

    pointer-events: none;

    border:
        1px solid
        rgba(179, 235, 242, 0.045);

    border-radius: 50%;
}

.seguremar-processo-decoration::before,
.seguremar-processo-decoration::after {
    content: "";

    position: absolute;

    border:
        1px solid
        rgba(179, 235, 242, 0.04);

    border-radius: 50%;
}

.seguremar-processo-decoration::before {
    inset: 105px;
}

.seguremar-processo-decoration::after {
    inset: 210px;
}

/* ==================================================
   CONTAINER
================================================== */

.seguremar-processo-container {
    position: relative;
    z-index: 2;

    width:
        min(
            var(--seguremar-processo-content),
            calc(100% - 120px)
        );

    margin: 0 auto;
}

/* ==================================================
   CABEÇALHO
================================================== */

.seguremar-processo-header {
    margin-bottom: 76px;

    display: grid;

    grid-template-columns:
        minmax(500px, 1.2fr)
        minmax(300px, 0.8fr);

    align-items: end;

    gap:
        clamp(60px, 8vw, 130px);
}

.seguremar-processo-heading {
    max-width: 760px;
}

.seguremar-processo-eyebrow {
    margin-bottom: 27px;

    display: inline-flex;
    align-items: center;

    gap: 13px;

    color:
        var(--seguremar-processo-cyan);

    font-size: 9px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.27em;

    text-transform: uppercase;
}

.seguremar-processo-eyebrow::before {
    content: "";

    width: 28px;
    height: 1px;

    background:
        var(--seguremar-processo-cyan);
}

.seguremar-processo-heading h2 {
    color:
        var(--seguremar-processo-white);

    font-size:
        clamp(36px, 4.15vw, 59px);

    font-weight: 300;
    line-height: 1.13;

    letter-spacing: 0.015em;

    text-transform: uppercase;
}

.seguremar-processo-heading h2 em {
    display: block;

    margin-top: 8px;

    color:
        var(--seguremar-processo-aqua);

    font-family:
        var(--seguremar-processo-editorial);

    font-size: 1.08em;
    font-style: italic;
    font-weight: 400;
    line-height: 1.04;

    letter-spacing: -0.04em;

    text-transform: none;
}

.seguremar-processo-intro {
    max-width: 410px;

    padding-left: 30px;

    border-left:
        1px solid
        rgba(179, 235, 242, 0.18);

    color:
        rgba(217, 226, 230, 0.67);

    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
}

.seguremar-processo-intro p + p {
    margin-top: 15px;
}

/* ==================================================
   CONTEÚDO PRINCIPAL
================================================== */

.seguremar-processo-content {
    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(380px, 0.92fr);

    align-items: stretch;

    gap:
        clamp(35px, 5vw, 72px);
}

/* ==================================================
   PAINEL PRINCIPAL
================================================== */

.seguremar-processo-feature {
    position: relative;

    min-height: 590px;

    padding:
        70px 66px 62px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 75% 20%,
            rgba(0, 206, 200, 0.17),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            rgba(0, 78, 103, 0.72),
            rgba(0, 19, 31, 0.94)
        );

    border:
        1px solid
        rgba(179, 235, 242, 0.14);

    box-shadow:
        0 45px 90px -52px
        rgba(0, 0, 0, 0.70);

    transform:
        translateY(0);

    transition:
        transform 750ms
        var(--seguremar-processo-ease),
        border-color 500ms ease,
        box-shadow 750ms
        var(--seguremar-processo-ease);
}

.seguremar-processo-feature:hover {
    transform:
        translateY(-8px);

    border-color:
        rgba(0, 206, 200, 0.32);

    box-shadow:
        0 58px 105px -48px
        rgba(0, 0, 0, 0.78);
}

/* ==================================================
   LUZ DO PAINEL
================================================== */

.seguremar-processo-feature-glow {
    position: absolute;
    top: -190px;
    right: -130px;

    width: 480px;
    height: 480px;

    border:
        1px solid
        rgba(179, 235, 242, 0.07);

    border-radius: 50%;

    transition:
        transform 1100ms
        var(--seguremar-processo-ease);
}

.seguremar-processo-feature-glow::before,
.seguremar-processo-feature-glow::after {
    content: "";

    position: absolute;

    border:
        1px solid
        rgba(179, 235, 242, 0.055);

    border-radius: 50%;
}

.seguremar-processo-feature-glow::before {
    inset: 78px;
}

.seguremar-processo-feature-glow::after {
    inset: 156px;
}

.seguremar-processo-feature:hover
.seguremar-processo-feature-glow {
    transform:
        translate(-18px, 18px)
        scale(1.04);
}

/* ==================================================
   CONTEÚDO DO PAINEL
================================================== */

.seguremar-processo-feature-content {
    position: relative;
    z-index: 3;

    max-width: 560px;
}

.seguremar-processo-feature-label {
    margin-bottom: 24px;

    display: block;

    color:
        var(--seguremar-processo-cyan);

    font-size: 8px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}

.seguremar-processo-feature-content h3 {
    max-width: 520px;

    color:
        var(--seguremar-processo-white);

    font-family:
        var(--seguremar-processo-editorial);

    font-size:
        clamp(31px, 3.3vw, 47px);

    font-style: italic;
    font-weight: 400;
    line-height: 1.08;

    letter-spacing: -0.035em;
}

.seguremar-processo-feature-content > p {
    max-width: 500px;

    margin-top: 26px;

    color:
        rgba(217, 226, 230, 0.69);

    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.8;
}

.seguremar-processo-feature-content blockquote {
    max-width: 470px;

    margin-top: 31px;

    padding-left: 22px;

    color:
        rgba(255, 255, 255, 0.87);

    border-left:
        1px solid
        var(--seguremar-processo-cyan);

    font-size: 12px;
    font-weight: 400;
    line-height: 1.75;

    letter-spacing: 0.03em;
}

/* ==================================================
   CTA
================================================== */

.seguremar-processo-contact {
    margin-top: 34px;

    display: inline-flex;
    align-items: center;

    gap: 14px;

    padding:
        13px 0 8px;

    color:
        var(--seguremar-processo-aqua);

    border-bottom:
        1px solid
        rgba(179, 235, 242, 0.30);

    font-size: 9px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.18em;

    text-transform: uppercase;

    transition:
        color 300ms ease,
        border-color 300ms ease,
        gap 300ms ease;
}

.seguremar-processo-contact svg {
    width: 16px;
    height: 16px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.seguremar-processo-contact:hover,
.seguremar-processo-contact:focus {
    gap: 21px;

    color:
        var(--seguremar-processo-cyan) !important;

    border-color:
        var(--seguremar-processo-cyan);
}

/* ==================================================
   BÚSSOLA
================================================== */

.seguremar-processo-compass {
    position: absolute;
    top: 70px;
    right: 60px;
    z-index: 3;

    width: 124px;
    height: 124px;

    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0.72;

    transition:
        transform 1100ms
        var(--seguremar-processo-ease),
        opacity 600ms ease;
}

.seguremar-processo-feature:hover
.seguremar-processo-compass {
    opacity: 1;

    transform:
        rotate(12deg)
        scale(1.05);
}

.seguremar-processo-compass-ring {
    position: absolute;

    border:
        1px solid
        rgba(179, 235, 242, 0.17);

    border-radius: 50%;
}

.seguremar-processo-compass-ring:nth-child(1) {
    inset: 0;
}

.seguremar-processo-compass-ring:nth-child(2) {
    inset: 17px;
}

.seguremar-processo-compass-ring:nth-child(3) {
    inset: 34px;
}

.seguremar-processo-compass svg {
    width: 65px;
    height: 65px;

    fill: none;

    stroke:
        var(--seguremar-processo-aqua);

    stroke-width: 1;
    stroke-linejoin: round;
}

/* ==================================================
   CAMINHO DECORATIVO
================================================== */

.seguremar-processo-path {
    position: absolute;
    right: -40px;
    bottom: 70px;

    width: 85%;
    height: 270px;

    pointer-events: none;

    opacity: 0.32;

    transition:
        transform 1000ms
        var(--seguremar-processo-ease),
        opacity 600ms ease;
}

.seguremar-processo-feature:hover
.seguremar-processo-path {
    opacity: 0.46;

    transform:
        translateX(-16px);
}

.seguremar-processo-path-shadow,
.seguremar-processo-path-line {
    fill: none;

    stroke-linecap: round;
}

.seguremar-processo-path-shadow {
    stroke:
        var(--seguremar-processo-cyan);

    stroke-width: 7;

    opacity: 0.07;

    filter: blur(5px);
}

.seguremar-processo-path-line {
    stroke:
        var(--seguremar-processo-aqua);

    stroke-width: 1;

    stroke-dasharray:
        3 10;

    animation:
        seguremar-processo-path-flow
        10s linear infinite;
}

@keyframes seguremar-processo-path-flow {
    to {
        stroke-dashoffset: -140;
    }
}

/* ==================================================
   LISTA DE ETAPAS
================================================== */

.seguremar-processo-steps {
    display: grid;

    grid-template-columns: 1fr;

    border-top:
        1px solid
        rgba(179, 235, 242, 0.12);
}

/* ==================================================
   ETAPA
================================================== */

.seguremar-processo-step {
    position: relative;

    min-height: 147px;

    display: grid;

    grid-template-columns:
        38px
        55px
        1fr;

    align-items: center;

    gap: 20px;

    padding:
        25px 22px 25px 10px;

    border-bottom:
        1px solid
        rgba(179, 235, 242, 0.12);

    transition:
        background 500ms ease,
        padding-left 650ms
        var(--seguremar-processo-ease),
        border-color 500ms ease;
}

.seguremar-processo-step::before {
    content: "";

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 2px;

    background:
        var(--seguremar-processo-cyan);

    transform:
        scaleY(0);

    transform-origin:
        center;

    transition:
        transform 600ms
        var(--seguremar-processo-ease);
}

.seguremar-processo-step:hover {
    padding-left: 22px;

    background:
        rgba(179, 235, 242, 0.035);

    border-color:
        rgba(0, 206, 200, 0.25);
}

.seguremar-processo-step:hover::before {
    transform:
        scaleY(1);
}

/* ==================================================
   NÚMERO
================================================== */

.seguremar-processo-step-number {
    align-self: start;

    padding-top: 5px;

    color:
        rgba(179, 235, 242, 0.44);

    font-family:
        var(--seguremar-processo-editorial);

    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 1;

    transition:
        color 400ms ease;
}

.seguremar-processo-step:hover
.seguremar-processo-step-number {
    color:
        var(--seguremar-processo-cyan);
}

/* ==================================================
   ÍCONE
================================================== */

.seguremar-processo-step-icon {
    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    color:
        var(--seguremar-processo-aqua);

    border:
        1px solid
        rgba(179, 235, 242, 0.14);

    border-radius: 50%;

    transition:
        color 450ms ease,
        background 450ms ease,
        border-color 450ms ease,
        transform 650ms
        var(--seguremar-processo-ease);
}

.seguremar-processo-step-icon svg {
    width: 20px;
    height: 20px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.seguremar-processo-step:hover
.seguremar-processo-step-icon {
    color:
        var(--seguremar-processo-deep);

    background:
        var(--seguremar-processo-cyan);

    border-color:
        var(--seguremar-processo-cyan);

    transform:
        rotate(4deg)
        scale(1.06);
}

/* ==================================================
   TEXTO DA ETAPA
================================================== */

.seguremar-processo-step-copy > span {
    margin-bottom: 7px;

    display: block;

    color:
        var(--seguremar-processo-cyan);

    font-size: 7px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.17em;

    text-transform: uppercase;
}

.seguremar-processo-step-copy h3 {
    color:
        var(--seguremar-processo-white);

    font-family:
        var(--seguremar-processo-editorial);

    font-size: 23px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.05;
}

.seguremar-processo-step-copy p {
    max-width: 350px;

    margin-top: 8px;

    color:
        rgba(217, 226, 230, 0.59);

    font-size: 11px;
    font-weight: 300;
    line-height: 1.6;
}

/* ==================================================
   ANIMAÇÕES DE ENTRADA
================================================== */

@keyframes seguremar-processo-container-up {
    from {
        opacity: 0;

        transform:
            translateY(55px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }
}

@keyframes seguremar-processo-left-entry {
    from {
        opacity: 0;

        transform:
            translateX(-70px);
    }

    to {
        opacity: 1;

        transform:
            translateX(0);
    }
}

@keyframes seguremar-processo-right-entry {
    from {
        opacity: 0;

        transform:
            translateX(70px);
    }

    to {
        opacity: 1;

        transform:
            translateX(0);
    }
}

@supports (animation-timeline: view()) {

    .seguremar-processo-container {
        animation:
            seguremar-processo-container-up
            linear both;

        animation-timeline:
            view();

        animation-range:
            entry 0%
            cover 18%;
    }

    .seguremar-processo-heading,
    .seguremar-processo-feature {
        animation:
            seguremar-processo-left-entry
            linear both;

        animation-timeline:
            view();

        animation-range:
            entry 2%
            cover 27%;
    }

    .seguremar-processo-intro,
    .seguremar-processo-steps {
        animation:
            seguremar-processo-right-entry
            linear both;

        animation-timeline:
            view();

        animation-range:
            entry 2%
            cover 27%;
    }
}

/* ==================================================
   NOTEBOOK
================================================== */

@media (max-width: 1180px) {

    .seguremar-processo-section {
        padding:
            125px 0 130px;
    }

    .seguremar-processo-container {
        width:
            calc(100% - 80px);
    }

    .seguremar-processo-feature {
        padding:
            60px 50px 54px;
    }

    .seguremar-processo-compass {
        top: 55px;
        right: 42px;

        width: 105px;
        height: 105px;
    }
}

/* ==================================================
   TABLET
================================================== */

@media (max-width: 980px) {

    .seguremar-processo-container {
        width:
            calc(100% - 64px);
    }

    .seguremar-processo-header {
        grid-template-columns: 1fr;

        gap: 38px;
    }

    .seguremar-processo-intro {
        max-width: 620px;
    }

    .seguremar-processo-content {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .seguremar-processo-feature {
        min-height: 570px;
    }

    .seguremar-processo-step {
        grid-template-columns:
            42px
            62px
            1fr;

        padding:
            27px 24px 27px 14px;
    }
}

/* ==================================================
   MOBILE
================================================== */

@media (max-width: 680px) {

    .seguremar-processo-section {
        padding:
            100px 0 95px;
    }

    .seguremar-processo-container {
        width:
            calc(100% - 40px);
    }

    .seguremar-processo-header {
        margin-bottom: 58px;
    }

    .seguremar-processo-heading h2 {
        font-size:
            clamp(31px, 9vw, 43px);
    }

    .seguremar-processo-intro {
        padding-left: 20px;

        font-size: 13.5px;
    }

    .seguremar-processo-feature {
        min-height: 600px;

        padding:
            46px 28px 42px;
    }

    .seguremar-processo-feature-content h3 {
        font-size:
            clamp(29px, 9vw, 40px);
    }

    .seguremar-processo-compass {
        top: 37px;
        right: 26px;

        width: 82px;
        height: 82px;
    }

    .seguremar-processo-compass svg {
        width: 44px;
        height: 44px;
    }

    .seguremar-processo-path {
        right: -80px;
        bottom: 105px;

        width: 115%;
    }

    .seguremar-processo-step {
        grid-template-columns:
            30px
            48px
            1fr;

        gap: 14px;

        padding:
            25px 8px 25px 4px;
    }

    .seguremar-processo-step:hover {
        padding-left: 10px;
    }

    .seguremar-processo-step-icon {
        width: 44px;
        height: 44px;
    }

    .seguremar-processo-step-copy h3 {
        font-size: 21px;
    }

    @supports (animation-timeline: view()) {

        .seguremar-processo-container,
        .seguremar-processo-heading,
        .seguremar-processo-intro,
        .seguremar-processo-feature,
        .seguremar-processo-steps {
            animation:
                seguremar-processo-container-up
                linear both;

            animation-timeline:
                view();

            animation-range:
                entry 0%
                cover 24%;
        }
    }
}

/* ==================================================
   MOBILE PEQUENO
================================================== */

@media (max-width: 430px) {

    .seguremar-processo-container {
        width:
            calc(100% - 30px);
    }

    .seguremar-processo-eyebrow {
        font-size: 8px;

        letter-spacing: 0.22em;
    }

    .seguremar-processo-heading h2 {
        font-size: 30px;
    }

    .seguremar-processo-feature {
        min-height: 620px;

        padding:
            42px 23px 38px;
    }

    .seguremar-processo-compass {
        width: 72px;
        height: 72px;
    }

    .seguremar-processo-step {
        grid-template-columns:
            25px
            42px
            1fr;

        gap: 11px;
    }

    .seguremar-processo-step-icon {
        width: 40px;
        height: 40px;
    }

    .seguremar-processo-step-icon svg {
        width: 17px;
        height: 17px;
    }

    .seguremar-processo-step-copy p {
        font-size: 10.5px;
    }
}

/* ==================================================
   REDUÇÃO DE MOVIMENTO
================================================== */

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

    .seguremar-processo-section *,
    .seguremar-processo-section *::before,
    .seguremar-processo-section *::after {
        animation: none !important;

        transition-duration:
            0.01ms !important;

        scroll-behavior:
            auto !important;
    }

    .seguremar-processo-container,
    .seguremar-processo-heading,
    .seguremar-processo-intro,
    .seguremar-processo-feature,
    .seguremar-processo-steps {
        opacity: 1 !important;

        transform:
            none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6f3015 */@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500&family=Jost:wght@300;400;500&display=swap');

/* ==================================================
   VARIÁVEIS
================================================== */

:root {
    --seguremar-faq-deep: #00131F;
    --seguremar-faq-ocean: #001C2E;
    --seguremar-faq-navy: #002E47;
    --seguremar-faq-blue: #004E67;
    --seguremar-faq-petrol: #008B8B;
    --seguremar-faq-cyan: #00CEC8;
    --seguremar-faq-aqua: #B3EBF2;
    --seguremar-faq-silver: #D9E2E6;
    --seguremar-faq-mist: #EEF5F6;
    --seguremar-faq-white: #FFFFFF;
    --seguremar-faq-ink: #10222D;
    --seguremar-faq-muted: #6F828C;

    --seguremar-faq-editorial:
        'Bodoni Moda', serif;

    --seguremar-faq-interface:
        'Jost', sans-serif;

    --seguremar-faq-content: 1320px;

    --seguremar-faq-ease:
        cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==================================================
   RESET
================================================== */

.seguremar-faq-section,
.seguremar-faq-section *,
.seguremar-faq-section *::before,
.seguremar-faq-section *::after {
    box-sizing: border-box;
}

.seguremar-faq-section h2,
.seguremar-faq-section p,
.seguremar-faq-section summary {
    margin: 0;
    padding: 0;
}

.seguremar-faq-section summary {
    list-style: none;
}

.seguremar-faq-section summary::-webkit-details-marker {
    display: none;
}

/* ==================================================
   FULL WIDTH — ELEMENTOR
================================================== */

.seguremar-faq-parent {
    position: relative;

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left:
        calc(50% - 50vw) !important;

    margin-right:
        calc(50% - 50vw) !important;

    padding: 0 !important;

    overflow: visible !important;

    background: transparent !important;
}

.seguremar-faq-parent > .e-con-inner,
.seguremar-faq-parent > .elementor-container,
.seguremar-faq-parent > .elementor-widget-wrap,
.seguremar-faq-parent .elementor-widget-html,
.seguremar-faq-parent
.elementor-widget-html
> .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* ==================================================
   SEÇÃO
================================================== */

.seguremar-faq-section {
    position: relative;

    width: 100%;

    padding:
        145px 0 150px;

    overflow: hidden;

    color:
        var(--seguremar-faq-ink);

    background:
        radial-gradient(
            circle at 91% 16%,
            rgba(0, 206, 200, 0.06),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #F9FBFC 0%,
            var(--seguremar-faq-mist) 100%
        );

    font-family:
        var(--seguremar-faq-interface);
}

/* ==================================================
   DECORAÇÃO
================================================== */

.seguremar-faq-decoration {
    position: absolute;
    top: 105px;
    left: -235px;

    width: 530px;
    height: 530px;

    pointer-events: none;

    border:
        1px solid
        rgba(0, 78, 103, 0.035);

    border-radius: 50%;
}

.seguremar-faq-decoration::before,
.seguremar-faq-decoration::after {
    content: "";

    position: absolute;

    border:
        1px solid
        rgba(0, 78, 103, 0.035);

    border-radius: 50%;
}

.seguremar-faq-decoration::before {
    inset: 90px;
}

.seguremar-faq-decoration::after {
    inset: 180px;
}

/* ==================================================
   CONTAINER
================================================== */

.seguremar-faq-container {
    position: relative;
    z-index: 2;

    width:
        min(
            var(--seguremar-faq-content),
            calc(100% - 120px)
        );

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(340px, 0.78fr)
        minmax(600px, 1.22fr);

    align-items: start;

    gap:
        clamp(70px, 8vw, 125px);
}

/* ==================================================
   CABEÇALHO
================================================== */

.seguremar-faq-heading {
    position: sticky;
    top: 145px;

    max-width: 475px;
}

.seguremar-faq-eyebrow {
    margin-bottom: 27px;

    display: inline-flex;
    align-items: center;

    gap: 13px;

    color:
        var(--seguremar-faq-petrol);

    font-size: 9px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.27em;

    text-transform: uppercase;
}

.seguremar-faq-eyebrow::before {
    content: "";

    width: 28px;
    height: 1px;

    background:
        var(--seguremar-faq-cyan);
}

.seguremar-faq-heading h2 {
    color:
        var(--seguremar-faq-ink);

    font-size:
        clamp(35px, 3.65vw, 53px);

    font-weight: 300;
    line-height: 1.15;

    letter-spacing: 0.015em;

    text-transform: uppercase;
}

.seguremar-faq-heading h2 em {
    display: block;

    margin-top: 10px;

    color:
        var(--seguremar-faq-petrol);

    font-family:
        var(--seguremar-faq-editorial);

    font-size: 1.08em;
    font-style: italic;
    font-weight: 400;
    line-height: 1.05;

    letter-spacing: -0.04em;

    text-transform: none;
}

.seguremar-faq-heading > p {
    max-width: 440px;

    margin-top: 32px;

    color:
        var(--seguremar-faq-muted);

    font-size: 14px;
    font-weight: 300;
    line-height: 1.85;
}

/* ==================================================
   ÍNDICE
================================================== */

.seguremar-faq-index {
    max-width: 420px;

    margin-top: 43px;

    display: grid;

    grid-template-columns:
        78px
        1fr;

    align-items: center;

    gap: 22px;

    padding:
        23px 24px;

    background:
        rgba(255, 255, 255, 0.62);

    border:
        1px solid
        rgba(0, 78, 103, 0.10);

    box-shadow:
        0 24px 55px -42px
        rgba(0, 46, 71, 0.36);

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);
}

.seguremar-faq-index-number {
    color:
        var(--seguremar-faq-petrol);

    font-family:
        var(--seguremar-faq-editorial);

    font-size: 45px;
    font-style: italic;
    font-weight: 400;
    line-height: 1;

    text-align: center;

    border-right:
        1px solid
        rgba(0, 78, 103, 0.13);
}

.seguremar-faq-index-text {
    color:
        var(--seguremar-faq-muted);

    font-size: 10.5px;
    font-weight: 300;
    line-height: 1.65;
}

/* ==================================================
   LISTA
================================================== */

.seguremar-faq-list {
    border-top:
        1px solid
        rgba(0, 78, 103, 0.14);
}

/* ==================================================
   ITEM
================================================== */

.seguremar-faq-item {
    position: relative;

    border-bottom:
        1px solid
        rgba(0, 78, 103, 0.14);

    background:
        transparent;

    transition:
        background 500ms ease,
        border-color 500ms ease,
        box-shadow 650ms
        var(--seguremar-faq-ease);
}

.seguremar-faq-item::before {
    content: "";

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 2px;

    background:
        var(--seguremar-faq-cyan);

    transform:
        scaleY(0);

    transform-origin:
        center;

    transition:
        transform 650ms
        var(--seguremar-faq-ease);
}

.seguremar-faq-item:hover {
    background:
        rgba(255, 255, 255, 0.48);

    border-color:
        rgba(0, 139, 139, 0.25);
}

.seguremar-faq-item[open] {
    background:
        rgba(255, 255, 255, 0.72);

    border-color:
        rgba(0, 139, 139, 0.26);

    box-shadow:
        0 30px 65px -52px
        rgba(0, 46, 71, 0.42);
}

.seguremar-faq-item[open]::before {
    transform:
        scaleY(1);
}

/* ==================================================
   SUMMARY
================================================== */

.seguremar-faq-item summary {
    position: relative;

    min-height: 112px;

    display: grid;

    grid-template-columns:
        40px
        minmax(0, 1fr)
        42px;

    align-items: center;

    gap: 22px;

    padding:
        26px 24px 26px 18px;

    cursor: pointer;

    transition:
        padding-left 650ms
        var(--seguremar-faq-ease);
}

.seguremar-faq-item summary:hover {
    padding-left: 28px;
}

.seguremar-faq-item summary:focus-visible {
    outline:
        1px solid
        var(--seguremar-faq-cyan);

    outline-offset: -4px;
}

/* ==================================================
   NUMERAÇÃO
================================================== */

.seguremar-faq-number {
    align-self: start;

    padding-top: 6px;

    color:
        rgba(0, 78, 103, 0.43);

    font-family:
        var(--seguremar-faq-editorial);

    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    line-height: 1;

    transition:
        color 400ms ease;
}

.seguremar-faq-item:hover
.seguremar-faq-number,
.seguremar-faq-item[open]
.seguremar-faq-number {
    color:
        var(--seguremar-faq-petrol);
}

/* ==================================================
   PERGUNTA
================================================== */

.seguremar-faq-question {
    color:
        var(--seguremar-faq-ink);

    font-family:
        var(--seguremar-faq-editorial);

    font-size:
        clamp(20px, 1.8vw, 27px);

    font-style: italic;
    font-weight: 400;
    line-height: 1.25;

    letter-spacing: -0.02em;
}

/* ==================================================
   ÍCONE MAIS/MENOS
================================================== */

.seguremar-faq-icon {
    position: relative;

    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border:
        1px solid
        rgba(0, 78, 103, 0.15);

    border-radius: 50%;

    transition:
        background 450ms ease,
        border-color 450ms ease,
        transform 650ms
        var(--seguremar-faq-ease);
}

.seguremar-faq-icon::before,
.seguremar-faq-icon::after {
    content: "";

    position: absolute;

    width: 13px;
    height: 1px;

    background:
        var(--seguremar-faq-petrol);

    transition:
        background 400ms ease,
        transform 600ms
        var(--seguremar-faq-ease);
}

.seguremar-faq-icon::after {
    transform:
        rotate(90deg);
}

.seguremar-faq-item:hover
.seguremar-faq-icon {
    border-color:
        rgba(0, 206, 200, 0.42);

    transform:
        scale(1.06);
}

.seguremar-faq-item[open]
.seguremar-faq-icon {
    background:
        var(--seguremar-faq-cyan);

    border-color:
        var(--seguremar-faq-cyan);

    transform:
        rotate(180deg);
}

.seguremar-faq-item[open]
.seguremar-faq-icon::before,
.seguremar-faq-item[open]
.seguremar-faq-icon::after {
    background:
        var(--seguremar-faq-deep);
}

.seguremar-faq-item[open]
.seguremar-faq-icon::after {
    transform:
        rotate(0deg);
}

/* ==================================================
   RESPOSTA
================================================== */

.seguremar-faq-answer {
    padding:
        0 86px 34px 80px;

    animation:
        seguremar-faq-answer-reveal
        550ms
        var(--seguremar-faq-ease)
        both;
}

.seguremar-faq-answer p {
    max-width: 650px;

    color:
        var(--seguremar-faq-muted);

    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.82;
}

.seguremar-faq-answer p + p {
    margin-top: 13px;
}

@keyframes seguremar-faq-answer-reveal {
    from {
        opacity: 0;

        transform:
            translateY(-12px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }
}

/* ==================================================
   ANIMAÇÕES DE ENTRADA
================================================== */

@keyframes seguremar-faq-container-up {
    from {
        opacity: 0;

        transform:
            translateY(55px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }
}

@keyframes seguremar-faq-left-entry {
    from {
        opacity: 0;

        transform:
            translateX(-70px);
    }

    to {
        opacity: 1;

        transform:
            translateX(0);
    }
}

@keyframes seguremar-faq-right-entry {
    from {
        opacity: 0;

        transform:
            translateX(70px);
    }

    to {
        opacity: 1;

        transform:
            translateX(0);
    }
}

@supports (animation-timeline: view()) {

    .seguremar-faq-container {
        animation:
            seguremar-faq-container-up
            linear both;

        animation-timeline:
            view();

        animation-range:
            entry 0%
            cover 18%;
    }

    .seguremar-faq-heading {
        animation:
            seguremar-faq-left-entry
            linear both;

        animation-timeline:
            view();

        animation-range:
            entry 2%
            cover 27%;
    }

    .seguremar-faq-list {
        animation:
            seguremar-faq-right-entry
            linear both;

        animation-timeline:
            view();

        animation-range:
            entry 2%
            cover 27%;
    }
}

/* ==================================================
   NOTEBOOK
================================================== */

@media (max-width: 1180px) {

    .seguremar-faq-section {
        padding:
            125px 0 130px;
    }

    .seguremar-faq-container {
        width:
            calc(100% - 80px);

        grid-template-columns:
            minmax(310px, 0.75fr)
            minmax(530px, 1.25fr);

        gap: 70px;
    }

    .seguremar-faq-heading {
        top: 120px;
    }
}

/* ==================================================
   TABLET
================================================== */

@media (max-width: 980px) {

    .seguremar-faq-container {
        width:
            calc(100% - 64px);

        grid-template-columns: 1fr;

        gap: 75px;
    }

    .seguremar-faq-heading {
        position: relative;
        top: auto;

        max-width: 650px;
    }

    .seguremar-faq-heading > p {
        max-width: 600px;
    }

    .seguremar-faq-index {
        max-width: 520px;
    }
}

/* ==================================================
   MOBILE
================================================== */

@media (max-width: 680px) {

    .seguremar-faq-section {
        padding:
            100px 0 95px;
    }

    .seguremar-faq-container {
        width:
            calc(100% - 40px);

        gap: 60px;
    }

    .seguremar-faq-heading h2 {
        font-size:
            clamp(31px, 9vw, 43px);
    }

    .seguremar-faq-heading > p {
        font-size: 13.5px;
    }

    .seguremar-faq-index {
        grid-template-columns:
            66px
            1fr;

        padding:
            20px 18px;
    }

    .seguremar-faq-index-number {
        font-size: 38px;
    }

    .seguremar-faq-item summary {
        min-height: 104px;

        grid-template-columns:
            28px
            minmax(0, 1fr)
            36px;

        gap: 13px;

        padding:
            23px 10px 23px 6px;
    }

    .seguremar-faq-item summary:hover {
        padding-left: 10px;
    }

    .seguremar-faq-question {
        font-size: 20px;
    }

    .seguremar-faq-icon {
        width: 34px;
        height: 34px;
    }

    .seguremar-faq-answer {
        padding:
            0 12px 30px 47px;
    }

    .seguremar-faq-answer p {
        font-size: 12.8px;
        line-height: 1.75;
    }

    @supports (animation-timeline: view()) {

        .seguremar-faq-container,
        .seguremar-faq-heading,
        .seguremar-faq-list {
            animation:
                seguremar-faq-container-up
                linear both;

            animation-timeline:
                view();

            animation-range:
                entry 0%
                cover 24%;
        }
    }
}

/* ==================================================
   MOBILE PEQUENO
================================================== */

@media (max-width: 430px) {

    .seguremar-faq-container {
        width:
            calc(100% - 30px);
    }

    .seguremar-faq-eyebrow {
        font-size: 8px;

        letter-spacing: 0.22em;
    }

    .seguremar-faq-heading h2 {
        font-size: 30px;
    }

    .seguremar-faq-index {
        grid-template-columns:
            58px
            1fr;

        gap: 15px;
    }

    .seguremar-faq-index-number {
        font-size: 34px;
    }

    .seguremar-faq-index-text {
        font-size: 9.5px;
    }

    .seguremar-faq-item summary {
        grid-template-columns:
            24px
            minmax(0, 1fr)
            32px;

        gap: 10px;
    }

    .seguremar-faq-number {
        font-size: 13px;
    }

    .seguremar-faq-question {
        font-size: 18px;
    }

    .seguremar-faq-icon {
        width: 31px;
        height: 31px;
    }

    .seguremar-faq-answer {
        padding:
            0 8px 27px 36px;
    }
}

/* ==================================================
   REDUÇÃO DE MOVIMENTO
================================================== */

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

    .seguremar-faq-section *,
    .seguremar-faq-section *::before,
    .seguremar-faq-section *::after {
        animation:
            none !important;

        transition-duration:
            0.01ms !important;

        scroll-behavior:
            auto !important;
    }

    .seguremar-faq-container,
    .seguremar-faq-heading,
    .seguremar-faq-list {
        opacity: 1 !important;

        transform:
            none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49fc2fb */@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500&family=Jost:wght@300;400;500&display=swap');

/* ==================================================
   VARIÁVEIS
================================================== */

:root {
    --seguremar-cta-deep: #00131F;
    --seguremar-cta-ocean: #001C2E;
    --seguremar-cta-navy: #002E47;
    --seguremar-cta-blue: #004E67;
    --seguremar-cta-petrol: #008B8B;
    --seguremar-cta-cyan: #00CEC8;
    --seguremar-cta-aqua: #B3EBF2;
    --seguremar-cta-silver: #D9E2E6;
    --seguremar-cta-white: #FFFFFF;
    --seguremar-cta-muted: #91A5AE;

    --seguremar-cta-editorial:
        'Bodoni Moda', serif;

    --seguremar-cta-interface:
        'Jost', sans-serif;

    --seguremar-cta-content: 1320px;

    --seguremar-cta-ease:
        cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==================================================
   RESET
================================================== */

.seguremar-cta-section,
.seguremar-cta-section *,
.seguremar-cta-section *::before,
.seguremar-cta-section *::after {
    box-sizing: border-box;
}

.seguremar-cta-section h2,
.seguremar-cta-section h3,
.seguremar-cta-section p {
    margin: 0;
    padding: 0;
}

.seguremar-cta-section a,
.seguremar-cta-section a:link,
.seguremar-cta-section a:visited,
.seguremar-cta-section a:hover,
.seguremar-cta-section a:focus,
.seguremar-cta-section a:active {
    text-decoration: none !important;
    box-shadow: none !important;
}

/* ==================================================
   FULL WIDTH — ELEMENTOR
================================================== */

.seguremar-cta-parent {
    position: relative;

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left:
        calc(50% - 50vw) !important;

    margin-right:
        calc(50% - 50vw) !important;

    padding: 0 !important;

    overflow: visible !important;

    background:
        transparent !important;
}

.seguremar-cta-parent > .e-con-inner,
.seguremar-cta-parent > .elementor-container,
.seguremar-cta-parent > .elementor-widget-wrap,
.seguremar-cta-parent .elementor-widget-html,
.seguremar-cta-parent
.elementor-widget-html
> .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* ==================================================
   SEÇÃO
================================================== */

.seguremar-cta-section {
    position: relative;

    width: 100%;

    padding:
        135px 0 0;

    overflow: hidden;

    color:
        var(--seguremar-cta-white);

    background:
        radial-gradient(
            circle at 12% 15%,
            rgba(0, 206, 200, 0.13),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 12%,
            rgba(0, 139, 139, 0.17),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            var(--seguremar-cta-ocean) 0%,
            var(--seguremar-cta-deep) 100%
        );

    font-family:
        var(--seguremar-cta-interface);
}

/* ==================================================
   CONTAINER
================================================== */

.seguremar-cta-container {
    position: relative;
    z-index: 3;

    width:
        min(
            var(--seguremar-cta-content),
            calc(100% - 120px)
        );

    margin: 0 auto;
}

/* ==================================================
   CONTEÚDO PRINCIPAL
================================================== */

.seguremar-cta-content {
    display: grid;

    grid-template-columns:
        minmax(450px, 1.08fr)
        minmax(430px, 0.92fr);

    align-items: center;

    gap:
        clamp(75px, 8vw, 130px);

    padding-bottom: 105px;
}

.seguremar-cta-reveal-shell {
    min-width: 0;
}

/* ==================================================
   TÍTULO
================================================== */

.seguremar-cta-heading {
    max-width: 650px;
}

.seguremar-cta-eyebrow {
    margin-bottom: 27px;

    display: inline-flex;
    align-items: center;

    gap: 13px;

    color:
        var(--seguremar-cta-cyan);

    font-size: 9px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.27em;

    text-transform: uppercase;
}

.seguremar-cta-eyebrow::before {
    content: "";

    width: 28px;
    height: 1px;

    background:
        var(--seguremar-cta-cyan);
}

.seguremar-cta-heading h2 {
    max-width: 650px;

    color:
        var(--seguremar-cta-white);

    font-size:
        clamp(38px, 4.45vw, 64px);

    font-weight: 300;
    line-height: 1.12;

    letter-spacing: 0.015em;

    text-transform: uppercase;
}

.seguremar-cta-heading h2 em {
    display: block;

    margin-top: 8px;

    color:
        var(--seguremar-cta-aqua);

    font-family:
        var(--seguremar-cta-editorial);

    font-size: 1.1em;
    font-style: italic;
    font-weight: 400;
    line-height: 1.03;

    letter-spacing: -0.04em;

    text-transform: none;
}

.seguremar-cta-heading > p {
    max-width: 570px;

    margin-top: 31px;

    color:
        rgba(217, 226, 230, 0.68);

    font-size: 14px;
    font-weight: 300;
    line-height: 1.85;
}

/* ==================================================
   PAINEL DE AÇÃO
================================================== */

.seguremar-cta-action-panel {
    position: relative;

    padding:
        53px 49px 49px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            rgba(0, 78, 103, 0.48),
            rgba(0, 19, 31, 0.62)
        );

    border:
        1px solid
        rgba(179, 235, 242, 0.16);

    box-shadow:
        0 45px 90px -52px
        rgba(0, 0, 0, 0.75);

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);

    transform:
        translateY(0);

    transition:
        transform 750ms
        var(--seguremar-cta-ease),
        border-color 500ms ease,
        box-shadow 750ms
        var(--seguremar-cta-ease);
}

.seguremar-cta-action-panel::before {
    content: "";

    position: absolute;
    top: -130px;
    right: -110px;

    width: 260px;
    height: 260px;

    border:
        1px solid
        rgba(179, 235, 242, 0.08);

    border-radius: 50%;

    transition:
        transform 900ms
        var(--seguremar-cta-ease);
}

.seguremar-cta-action-panel::after {
    content: "";

    position: absolute;
    top: -67px;
    right: -47px;

    width: 134px;
    height: 134px;

    border:
        1px solid
        rgba(179, 235, 242, 0.07);

    border-radius: 50%;

    transition:
        transform 900ms
        var(--seguremar-cta-ease);
}

.seguremar-cta-action-panel:hover {
    transform:
        translateY(-8px);

    border-color:
        rgba(0, 206, 200, 0.34);

    box-shadow:
        0 58px 105px -48px
        rgba(0, 0, 0, 0.82);
}

.seguremar-cta-action-panel:hover::before {
    transform:
        translate(-12px, 12px)
        scale(1.04);
}

.seguremar-cta-action-panel:hover::after {
    transform:
        translate(-8px, 8px)
        scale(1.08);
}

/* ==================================================
   CONTEÚDO DO PAINEL
================================================== */

.seguremar-cta-panel-label {
    position: relative;
    z-index: 2;

    display: block;

    margin-bottom: 20px;

    color:
        var(--seguremar-cta-cyan);

    font-size: 8px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.21em;

    text-transform: uppercase;
}

.seguremar-cta-action-panel h3 {
    position: relative;
    z-index: 2;

    max-width: 430px;

    color:
        var(--seguremar-cta-white);

    font-family:
        var(--seguremar-cta-editorial);

    font-size:
        clamp(30px, 3vw, 43px);

    font-style: italic;
    font-weight: 400;
    line-height: 1.1;

    letter-spacing: -0.035em;
}

.seguremar-cta-action-panel > p {
    position: relative;
    z-index: 2;

    max-width: 420px;

    margin-top: 22px;

    color:
        rgba(217, 226, 230, 0.66);

    font-size: 13px;
    font-weight: 300;
    line-height: 1.75;
}

/* ==================================================
   BOTÕES
================================================== */

.seguremar-cta-buttons {
    position: relative;
    z-index: 2;

    margin-top: 34px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 15px;
}

.seguremar-cta-button {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    padding:
        0 23px;

    font-size: 8px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.17em;

    text-transform: uppercase;

    transition:
        color 400ms ease,
        background 400ms ease,
        border-color 400ms ease,
        transform 600ms
        var(--seguremar-cta-ease),
        box-shadow 600ms
        var(--seguremar-cta-ease);
}

.seguremar-cta-button svg {
    width: 17px;
    height: 17px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Botão principal */

.seguremar-cta-button--primary {
    color:
        var(--seguremar-cta-deep);

    background:
        var(--seguremar-cta-cyan);

    border:
        1px solid
        var(--seguremar-cta-cyan);

    box-shadow:
        0 18px 38px -24px
        rgba(0, 206, 200, 0.70);
}

.seguremar-cta-button--primary:hover,
.seguremar-cta-button--primary:focus {
    color:
        var(--seguremar-cta-deep) !important;

    background:
        var(--seguremar-cta-aqua);

    border-color:
        var(--seguremar-cta-aqua);

    transform:
        translateY(-4px);

    box-shadow:
        0 26px 46px -22px
        rgba(0, 206, 200, 0.78);
}

/* Botão secundário */

.seguremar-cta-button--secondary {
    color:
        var(--seguremar-cta-aqua);

    background:
        transparent;

    border:
        1px solid
        rgba(179, 235, 242, 0.24);
}

.seguremar-cta-button--secondary:hover,
.seguremar-cta-button--secondary:focus {
    color:
        var(--seguremar-cta-white) !important;

    background:
        rgba(179, 235, 242, 0.07);

    border-color:
        rgba(0, 206, 200, 0.56);

    transform:
        translateY(-4px);
}

.seguremar-cta-button:focus-visible {
    outline:
        1px solid
        var(--seguremar-cta-cyan);

    outline-offset: 5px;
}

/* ==================================================
   FAIXA DE CONTATO
================================================== */

.seguremar-cta-contact-wrapper {
    position: relative;
}

.seguremar-cta-contact {
    position: relative;
    z-index: 3;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        rgba(179, 235, 242, 0.13);

    background:
        rgba(0, 19, 31, 0.34);

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);
}

.seguremar-cta-contact-item {
    position: relative;

    min-height: 118px;

    display: flex;
    align-items: center;

    gap: 18px;

    padding:
        28px 34px;

    color:
        var(--seguremar-cta-white);

    border-right:
        1px solid
        rgba(179, 235, 242, 0.12);

    transition:
        background 500ms ease,
        padding-left 650ms
        var(--seguremar-cta-ease);
}

.seguremar-cta-contact-item:last-child {
    border-right: 0;
}

a.seguremar-cta-contact-item:hover,
a.seguremar-cta-contact-item:focus {
    padding-left: 42px;

    color:
        var(--seguremar-cta-white) !important;

    background:
        rgba(179, 235, 242, 0.045);
}

.seguremar-cta-contact-icon {
    flex:
        0 0 45px;

    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    color:
        var(--seguremar-cta-aqua);

    border:
        1px solid
        rgba(179, 235, 242, 0.17);

    border-radius: 50%;

    transition:
        color 450ms ease,
        background 450ms ease,
        border-color 450ms ease,
        transform 600ms
        var(--seguremar-cta-ease);
}

.seguremar-cta-contact-item:hover
.seguremar-cta-contact-icon {
    color:
        var(--seguremar-cta-deep);

    background:
        var(--seguremar-cta-cyan);

    border-color:
        var(--seguremar-cta-cyan);

    transform:
        scale(1.06)
        rotate(3deg);
}

.seguremar-cta-contact-icon svg {
    width: 19px;
    height: 19px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.seguremar-cta-contact-copy {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 7px;
}

.seguremar-cta-contact-copy small {
    color:
        var(--seguremar-cta-cyan);

    font-size: 7px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.19em;

    text-transform: uppercase;
}

.seguremar-cta-contact-copy strong {
    overflow-wrap: anywhere;

    color:
        rgba(255, 255, 255, 0.86);

    font-family:
        var(--seguremar-cta-editorial);

    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.2;
}

/* ==================================================
   ÓRBITAS DECORATIVAS
================================================== */

.seguremar-cta-orbit {
    position: absolute;

    pointer-events: none;

    border:
        1px solid
        rgba(179, 235, 242, 0.045);

    border-radius: 50%;
}

.seguremar-cta-orbit::before,
.seguremar-cta-orbit::after {
    content: "";

    position: absolute;

    border:
        1px solid
        rgba(179, 235, 242, 0.04);

    border-radius: 50%;
}

.seguremar-cta-orbit::before {
    inset: 70px;
}

.seguremar-cta-orbit::after {
    inset: 140px;
}

.seguremar-cta-orbit--one {
    top: -230px;
    left: -240px;

    width: 600px;
    height: 600px;
}

.seguremar-cta-orbit--two {
    right: -230px;
    bottom: -270px;

    width: 620px;
    height: 620px;
}

/* ==================================================
   ROTA DECORATIVA
================================================== */

.seguremar-cta-route {
    position: absolute;
    right: 0;
    bottom: 65px;
    left: 0;

    width: 100%;
    height: 310px;

    pointer-events: none;

    opacity: 0.26;
}

.seguremar-cta-route-shadow,
.seguremar-cta-route-path {
    fill: none;

    stroke-linecap: round;
}

.seguremar-cta-route-shadow {
    stroke:
        var(--seguremar-cta-cyan);

    stroke-width: 7;

    opacity: 0.06;

    filter:
        blur(5px);
}

.seguremar-cta-route-path {
    stroke:
        var(--seguremar-cta-aqua);

    stroke-width: 1;

    stroke-dasharray:
        3 11;

    animation:
        seguremar-cta-route-flow
        12s linear infinite;
}

@keyframes seguremar-cta-route-flow {
    to {
        stroke-dashoffset: -160;
    }
}

/* ==================================================
   MOTOR DE ANIMAÇÃO DE ENTRADA
================================================== */

/*
 * Os elementos só ficam ocultos depois que o JavaScript
 * confirma que o sistema de animação foi inicializado.
 */

.seguremar-animacoes-prontas
[data-seguremar-reveal] {
    opacity: 0;

    will-change:
        opacity,
        transform;

    transition:
        opacity 900ms
        var(--seguremar-cta-ease),
        transform 1000ms
        var(--seguremar-cta-ease);

    transition-delay:
        var(--seguremar-reveal-delay, 0ms);
}

/* Fade in simples */

.seguremar-animacoes-prontas
[data-seguremar-reveal="fade"] {
    transform:
        none;
}

/* Fade in de baixo para cima */

.seguremar-animacoes-prontas
[data-seguremar-reveal="up"] {
    transform:
        translate3d(0, 58px, 0);
}

/* Fade in vindo da esquerda */

.seguremar-animacoes-prontas
[data-seguremar-reveal="left"] {
    transform:
        translate3d(-78px, 0, 0);
}

/* Fade in vindo da direita */

.seguremar-animacoes-prontas
[data-seguremar-reveal="right"] {
    transform:
        translate3d(78px, 0, 0);
}

/* Estado final */

.seguremar-animacoes-prontas
[data-seguremar-reveal].seguremar-reveal-visible {
    opacity: 1;

    transform:
        translate3d(0, 0, 0);
}

/* ==================================================
   NOTEBOOK
================================================== */

@media (max-width: 1180px) {

    .seguremar-cta-section {
        padding-top: 120px;
    }

    .seguremar-cta-container {
        width:
            calc(100% - 80px);
    }

    .seguremar-cta-content {
        grid-template-columns:
            minmax(390px, 1fr)
            minmax(390px, 1fr);

        gap: 65px;
    }

    .seguremar-cta-action-panel {
        padding:
            46px 40px 43px;
    }

    .seguremar-cta-contact-item {
        padding:
            26px 25px;
    }
}

/* ==================================================
   TABLET
================================================== */

@media (max-width: 980px) {

    .seguremar-cta-container {
        width:
            calc(100% - 64px);
    }

    .seguremar-cta-content {
        grid-template-columns: 1fr;

        gap: 65px;

        padding-bottom: 85px;
    }

    .seguremar-cta-heading {
        max-width: 720px;
    }

    .seguremar-cta-action-panel {
        width:
            min(100%, 680px);

        margin-left: auto;
    }

    .seguremar-cta-contact {
        grid-template-columns: 1fr;
    }

    .seguremar-cta-contact-item {
        min-height: 105px;

        border-right: 0;

        border-bottom:
            1px solid
            rgba(179, 235, 242, 0.12);
    }

    .seguremar-cta-contact-item:last-child {
        border-bottom: 0;
    }
}

/* ==================================================
   MOBILE
================================================== */

@media (max-width: 680px) {

    .seguremar-cta-section {
        padding-top: 100px;
    }

    .seguremar-cta-container {
        width:
            calc(100% - 40px);
    }

    .seguremar-cta-content {
        gap: 55px;

        padding-bottom: 70px;
    }

    .seguremar-cta-heading h2 {
        font-size:
            clamp(32px, 9vw, 44px);
    }

    .seguremar-cta-heading > p {
        font-size: 13.5px;
    }

    .seguremar-cta-action-panel {
        padding:
            39px 27px 34px;
    }

    .seguremar-cta-action-panel h3 {
        font-size:
            clamp(28px, 8vw, 38px);
    }

    .seguremar-cta-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .seguremar-cta-button {
        width: 100%;
    }

    .seguremar-cta-contact-item {
        min-height: 100px;

        padding:
            24px 18px;
    }

    a.seguremar-cta-contact-item:hover,
    a.seguremar-cta-contact-item:focus {
        padding-left: 25px;
    }

    .seguremar-cta-contact-copy strong {
        font-size: 16px;
    }

    /*
     * No celular, as animações laterais são reduzidas
     * para não causar deslocamento visual excessivo.
     */

    .seguremar-animacoes-prontas
    [data-seguremar-reveal="left"] {
        transform:
            translate3d(-34px, 0, 0);
    }

    .seguremar-animacoes-prontas
    [data-seguremar-reveal="right"] {
        transform:
            translate3d(34px, 0, 0);
    }

    .seguremar-animacoes-prontas
    [data-seguremar-reveal="up"] {
        transform:
            translate3d(0, 38px, 0);
    }

    .seguremar-animacoes-prontas
    [data-seguremar-reveal].seguremar-reveal-visible {
        transform:
            translate3d(0, 0, 0);
    }
}

/* ==================================================
   MOBILE PEQUENO
================================================== */

@media (max-width: 430px) {

    .seguremar-cta-container {
        width:
            calc(100% - 30px);
    }

    .seguremar-cta-eyebrow {
        font-size: 8px;

        letter-spacing: 0.22em;
    }

    .seguremar-cta-heading h2 {
        font-size: 30px;
    }

    .seguremar-cta-action-panel {
        padding:
            35px 22px 30px;
    }

    .seguremar-cta-contact-item {
        gap: 14px;

        padding:
            22px 15px;
    }

    .seguremar-cta-contact-icon {
        flex-basis: 41px;

        width: 41px;
        height: 41px;
    }

    .seguremar-cta-contact-copy strong {
        font-size: 15px;
    }
}

/* ==================================================
   REDUÇÃO DE MOVIMENTO
================================================== */

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

    .seguremar-cta-section *,
    .seguremar-cta-section *::before,
    .seguremar-cta-section *::after {
        animation:
            none !important;

        transition-duration:
            0.01ms !important;

        scroll-behavior:
            auto !important;
    }

    .seguremar-animacoes-prontas
    [data-seguremar-reveal] {
        opacity: 1 !important;

        transform:
            none !important;
    }
}/* End custom CSS */