/*
|--------------------------------------------------------------------------
| AJUSTES PARA 9 EJES + MICROINTERACCIONES
|--------------------------------------------------------------------------
*/

/* Evita desbordes en títulos largos como "Infraestructura". */
.propuestas-item,
.propuestas-item__layout,
.propuestas-item__intro,
.propuestas-item__body,
.propuestas-item__media,
.propuestas-item__head > div {
    min-width: 0;
}

.propuestas-item {
    overflow: hidden;
}

.propuestas-item__title {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
}

.propuestas-item__keyword {
    display: inline;
    max-width: 100%;
    overflow-wrap: anywhere;
}

#lince-infraestructura .propuestas-item__title {
    font-size: clamp(2rem, 3.2vw, 3.35rem);
    line-height: .98;
}

#lince-infraestructura .propuestas-item__keyword {
    display: block;
    font-size: .9em;
}

#lince-infraestructura .propuestas-item__tagline {
    max-width: 620px;
}

#lince-infraestructura .propuestas-item__body {
    overflow: hidden;
}

#lince-infraestructura .propuestas-item__point {
    overflow-wrap: anywhere;
}

/* Ajustes de imagen para que no invada el contenido. */
.propuestas-item__media {
    overflow: hidden;
}

.propuestas-item__image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Página detalle de Infraestructura */
#detalle-lince-infraestructura .propuesta-section-head__title,
#detalle-lince-infraestructura .propuesta-summary__title,
#detalle-lince-infraestructura .propuesta-life__title {
    overflow-wrap: anywhere;
}

#detalle-lince-infraestructura .propuesta-card,
#detalle-lince-transparente .propuesta-card {
    overflow: hidden;
}

/* Hover moderno en tarjetas y botones */
.propuestas-item,
.propuesta-benefit,
.propuesta-card,
.propuestas-goals__item,
.historia-cta__card {
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}

.propuestas-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 60px rgba(8, 43, 83, .12);
}

.propuesta-benefit:hover,
.propuesta-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 44px rgba(8, 43, 83, .12);
}

.propuestas-item__image,
.propuesta-benefit__image,
.propuesta-card__image,
.propuesta-detalle__image,
.propuesta-life__visual img {
    transition: transform .5s ease;
}

.propuestas-item:hover .propuestas-item__image,
.propuesta-benefit:hover .propuesta-benefit__image,
.propuesta-card:hover .propuesta-card__image {
    transform: scale(1.035);
}

.btn {
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background-color .2s ease,
        color .2s ease;
}

.btn:hover {
    transform: translateY(-2px);
}

.btn:active {
    transform: translateY(0) scale(.985);
}

/* Animaciones de aparición */
[data-reveal] {
    opacity: 0;
    transform: translateY(28px);
    transition:
        opacity .7s ease,
        transform .7s cubic-bezier(.22, 1, .36, 1);
    transition-delay: var(--reveal-delay, 0ms);
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

[data-reveal="left"] {
    transform: translateX(-34px);
}

[data-reveal="right"] {
    transform: translateX(34px);
}

[data-reveal="left"].is-visible,
[data-reveal="right"].is-visible {
    transform: translateX(0);
}

/* Microanimación de los checks */
.propuestas-item__check,
.propuesta-benefit__icon,
.propuestas-goals__icon {
    transition: transform .24s ease;
}

.propuestas-item__point:hover .propuestas-item__check,
.propuesta-benefit:hover .propuesta-benefit__icon,
.propuestas-goals__item:hover .propuestas-goals__icon {
    transform: scale(1.12) rotate(-4deg);
}

/* Resalta la sección al llegar por ancla */
.propuestas-item:target,
.propuesta-detalle:target {
    scroll-margin-top: 110px;
    animation: targetPulse 1.1s ease;
}

@keyframes targetPulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 174, 0, .58); }
    100% { box-shadow: 0 0 0 14px rgba(255, 174, 0, 0); }
}

@media (max-width: 1100px) {
    #lince-infraestructura .propuestas-item__title {
        font-size: clamp(1.8rem, 4vw, 2.7rem);
    }
}

@media (max-width: 700px) {
    #lince-infraestructura .propuestas-item__keyword {
        font-size: .82em;
    }

    .propuestas-item:hover,
    .propuesta-benefit:hover,
    .propuesta-card:hover {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }

    [data-reveal] {
        opacity: 1;
        transform: none;
    }
}