:root {
    --am--bg: #cce5dc;
    --am--panel: #e3e7fc;
    --am--text: #0f172a;
    --am--muted: #304b47;
    --am--brand: #6a5acd;
    --am--icon: #22a26d;
    --am--divider: #b7d3c9;
    --am--white: #fff;
}

.am-wrap {
    max-width: 1160px;
    margin: 24px auto;
    padding: 20px;
    margin-top: 80px;
}

.am-card {
    background: var(--am--panel);
    border-radius: 24px;
    padding: 3.5rem;
}

.am-title {
    font-weight: 800;
    letter-spacing: -0.02em;
    font-size: clamp(26px, 2.4vw, 40px);
    margin: 0 0 18px 0;
}

.am-title .brand {
    color: var(--am--brand);
}

.am-impact {
    margin-top: 14px;
}

.drop-cloud {
    opacity: .15;
    width: 120%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 0%;
    bottom: 0%;
    right: 0%;
    z-index: -1;
}

.am-lead {
    margin: 0 0 20px 0;
    font-size: clamp(15px, 1.2vw, 18px);
    line-height: 1.8;
    color: var(--am--muted);
}

.am-line {
    margin-top: 14px;
    margin-bottom: 28px;
    font-size: clamp(14px, 1.1vw, 17px);
    color: var(--am--muted);
}

/* columnas */
.am-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /* gap: 24px; */
    position: relative;
}

.am-grid::before,
.am-grid::after {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background: var(--am--divider);
}

.am-grid::before {
    left: calc(33.333%);
}

.am-grid::after {
    left: calc(66.666%);
}

/* item: icono ARRIBA del título */
.am-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 8px;
    padding-right: 3.5rem;
    padding-left: 1.75rem;
}

.am-grid> :first-child {
    padding-left: 0;
}


.am-ico {
    width: 56px;
    height: 56px;
    border-radius: 999px;
    background: var(--am--white);
    display: grid;
    place-items: center;
    margin-bottom: 14px;
    /* ⟵ deja el ícono por encima */
    box-shadow: 0 1px 0 rgba(0, 0, 0, .04), 0 2px 10px rgba(0, 0, 0, .05) inset;
}

.am-ico svg {
    width: 100%;
    height: 100%;
    display: block
}

.am-item h3 {
    margin: 2px 0 8px;
    font-size: clamp(18px, 1.4vw, 22px);
    font-weight: 700;
    letter-spacing: -0.01em;
}

.am-item p {
    margin: 0;
    color: var(--am--muted);
    font-size: clamp(14px, 1.1vw, 16px);
    line-height: 1.75;
}

.container-celu-morosidad {
    padding: 3.5rem 6rem;
    max-width: 53rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    box-shadow: -7px 11px 20px -4px #00000024;
    border-radius: 25px;
    background-color: #fafafd;
}

.timeline-section {
    margin-bottom: 0 !important;
}
.new-card--full-section {
    margin-bottom: 0 !important;
}

/* Responsive */
@media (max-width: 1700px) {

    .new-card--full-section-first,
    .timeline-section {
        padding: 60px !important;
    }
}

@media (max-width: 1300px) {
    .container-celu_textos {
        text-align: left !important;
    }

    .lista-bullets-black {
        margin: 0 !important;
    }

    .new-card--full-section-first,
    .timeline-section {
        margin-bottom: 64px !important;
        padding: 100px 30px !important;
    }

    .new-card--full-section .timeline-section {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 980px) {
    .am-card {
        padding: 28px 24px;
        border-radius: 0;
    }

    .new-card--full-section-first {
        padding: 28px 24px;
        border-radius: 0;
    }

    .new-card--full-section {
        /* padding: 28px 24px; */
        border-radius: 0;
        margin-top: 0 !important;
    }

    .am-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .am-grid::before,
    .am-grid::after {
        display: none;
    }

    .am-item {
        padding: 18px 0;
        border-top: 1px solid var(--am--divider);
    }

    .am-item:first-child {
        border-top: none;
    }

    .am-wrap {
        max-width: 1160px;
        margin: 24px auto;
        padding: 0;
        padding-top: 75px;
        margin-top: 0px;
        margin-bottom: 0 !important;
    }

    .comunication-section.backdround-white {
        padding: 0;
    }

    .new-card--full-section-first {
        padding-bottom: 0 !important;
    }

    .timeline-content {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 550px) {
    .container-celu_textos {
        padding: 0 !important;
    }

    .subtitl-e {
        line-height: 2.5rem !important;
    }

    .container-celu-morosidad {
        padding: 28px 24px;
        padding-top: 0;
        background-color: white;
        border-radius: 0;
        box-shadow: none !important;
        padding-bottom: 0 !important;
    }

    .drop-cloud {
        display: none;
    }

    .new-card--full-section-first,
    .timeline-section {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .new-card--full-section-first {
        padding-bottom: 0 !important;
    }
}

@media (max-width: 420px) {
    .am-ico {
        width: 48px;
        height: 48px
    }

    .am-ico svg {
        width: 26px;
        height: 26px
    }
}