/* =====================================================
   COSTA RENT | PASO 41.0-A
   MEDITERRANEAN NIGHT | TARJETAS DE PORTADA
   ===================================================== */

body.cr410-home .cr410-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;

    box-sizing: border-box !important;
    min-width: 0 !important;
    height: 100% !important;

    padding: 15px 15px 21px !important;

    border: 1px solid rgba(96,166,214,.25) !important;
    border-radius: 19px !important;

    background:
        linear-gradient(
            153deg,
            #173b5c 0%,
            #102e4a 62%,
            #0d263f 100%
        ) !important;

    box-shadow:
        0 12px 30px rgba(13,38,64,.14),
        inset 0 1px 0 rgba(255,255,255,.08) !important;

    overflow: hidden !important;

    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease,
        background .28s ease !important;
}

/* Iluminación al pasar el ratón */

body.cr410-home .cr410-card:hover {
    transform: translateY(-6px) !important;

    border-color: rgba(91,195,247,.75) !important;

    background:
        linear-gradient(
            145deg,
            #245c85 0%,
            #16466d 55%,
            #123755 100%
        ) !important;

    box-shadow:
        0 22px 42px rgba(12,46,79,.24),
        0 0 0 1px rgba(88,190,246,.18),
        inset 0 1px 0 rgba(255,255,255,.13) !important;
}

/* Imagen de tamaño uniforme */

body.cr410-home .cr410-card .cr410-image-frame {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    height: 205px !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    border-radius: 13px !important;
    overflow: hidden !important;

    background: #173b59 !important;
}

body.cr410-home .cr410-card .cr410-image-frame img,
body.cr410-home .cr410-card > img {
    display: block !important;

    width: 100% !important;
    height: 205px !important;

    max-width: none !important;
    min-height: 205px !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 13px !important;

    transition:
        transform .4s ease,
        filter .4s ease !important;
}

body.cr410-home .cr410-card:hover
.cr410-image-frame img,
body.cr410-home .cr410-card:hover > img {
    transform: scale(1.045) !important;
    filter: brightness(1.07) saturate(1.06) !important;
}

/* Identificador editorial */

body.cr410-home .cr410-category {
    display: block !important;

    margin: 0 0 11px !important;

    color: #8dd7fc !important;

    font-size: 10px !important;
    font-weight: 800 !important;

    letter-spacing: 1.6px !important;
    text-transform: uppercase !important;
}

/* Fecha real de publicación */

body.cr410-home .cr410-date {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;

    margin: 0 0 12px !important;

    color: #b8d5e9 !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    letter-spacing: .2px !important;
}

body.cr410-home .cr410-date::before {
    content: "◷";
    color: #68caf5;
    font-size: 16px;
}

/* Titulares más compactos */

body.cr410-home .cr410-card h3 {
    margin: 0 0 12px !important;

    font-size: 18px !important;
    font-weight: 750 !important;

    line-height: 1.35 !important;
    letter-spacing: -.35px !important;

    color: #ffffff !important;
}

body.cr410-home .cr410-card h3 a {
    color: #ffffff !important;
    text-decoration: none !important;

    font-size: inherit !important;
    line-height: inherit !important;
}

body.cr410-home .cr410-card h3 a:hover {
    color: #a9e4ff !important;
}

/* Extracto del artículo */

body.cr410-home .cr410-excerpt {
    margin: 0 0 18px !important;

    color: #c6d9e8 !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1.72 !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;

    overflow: hidden !important;
}

/* Acceso al artículo */

body.cr410-home .cr410-read {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    align-self: flex-start !important;

    gap: 14px !important;

    margin-top: auto !important;
    padding: 10px 14px !important;

    border: 1px solid rgba(126,202,246,.28) !important;
    border-radius: 10px !important;

    background: rgba(89,164,218,.12) !important;

    color: #e6f7ff !important;

    font-size: 12px !important;
    font-weight: 750 !important;

    line-height: 1.4 !important;
    text-decoration: none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}

body.cr410-home .cr410-read:hover {
    background: rgba(71,174,231,.28) !important;

    border-color: rgba(159,221,255,.65) !important;

    color: #ffffff !important;

    transform: translateX(2px) !important;
}

/* Evitar texto oscuro heredado */

body.cr410-home .cr410-card
:is(p,span,small) {
    color: #c6d9e8;
}

/* Adaptación móvil */

@media (max-width: 760px) {

    body.cr410-home .cr410-card {
        padding: 13px 13px 19px !important;
    }

    body.cr410-home .cr410-card
    .cr410-image-frame,
    body.cr410-home .cr410-card
    .cr410-image-frame img {
        height: 195px !important;
        min-height: 195px !important;
    }

    body.cr410-home .cr410-card h3 {
        font-size: 17px !important;
    }
}

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

    body.cr410-home .cr410-card,
    body.cr410-home .cr410-card img,
    body.cr410-home .cr410-read {
        transition: none !important;
        transform: none !important;
    }
}

/* FIN PASO 41.0-A */

/* =====================================================
   COSTA RENT | PASO 41.0-B
   MEDITERRANEAN BLUE | REFINAMIENTO EDITORIAL
   ===================================================== */

/* Tarjetas más luminosas */

body.cr410-home .cr410-card {

    background:
        linear-gradient(
            150deg,
            #32698b 0%,
            #285a7d 55%,
            #1e4869 100%
        ) !important;

    border-color:
        rgba(125,196,232,.38) !important;

    box-shadow:
        0 12px 28px rgba(18,58,89,.12),
        inset 0 1px 0 rgba(255,255,255,.16) !important;
}

/* Iluminación al pasar el ratón */

body.cr410-home .cr410-card:hover {

    background:
        linear-gradient(
            145deg,
            #4287ae 0%,
            #3076a0 55%,
            #235e86 100%
        ) !important;

    border-color:
        rgba(153,225,255,.85) !important;

    box-shadow:
        0 21px 38px rgba(17,68,105,.20),
        0 0 0 1px rgba(116,208,250,.22),
        inset 0 1px 0 rgba(255,255,255,.22) !important;
}

/* Marco uniforme y centrado */

body.cr410-home .cr410-card .cr410-image-frame {

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

    box-sizing: border-box !important;

    width: 100% !important;
    height: 205px !important;

    padding: 0 !important;
    margin-bottom: 18px !important;

    border-radius: 13px !important;

    background:
        linear-gradient(
            145deg,
            #f3f8fb,
            #e7f1f7
        ) !important;

    overflow: hidden !important;
}

/* Fotografía completa, sin recortes */

body.cr410-home .cr410-card
.cr410-image-frame img,

body.cr410-home .cr410-card > img {

    display: block !important;

    width: 100% !important;
    height: 205px !important;

    min-height: 0 !important;
    max-height: 205px !important;

    max-width: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    margin: 0 auto !important;
    padding: 0 !important;

    transform: none !important;
}

/* Hover: realzar la fotografía sin ampliar ni recortar */

body.cr410-home .cr410-card:hover
.cr410-image-frame img,

body.cr410-home .cr410-card:hover > img {

    transform: none !important;

    filter:
        brightness(1.045)
        saturate(1.06) !important;
}

/* Textos blancos equilibrados */

body.cr410-home .cr410-card h3,
body.cr410-home .cr410-card h3 a {

    color: #ffffff !important;
}

body.cr410-home .cr410-card .cr410-excerpt {

    color: #e1eef6 !important;
}

body.cr410-home .cr410-card .cr410-date {

    color: #d7ecfa !important;
}

body.cr410-home .cr410-card .cr410-category {

    color: #a6e5ff !important;
}

/* Botón de lectura más visible */

body.cr410-home .cr410-card .cr410-read {

    background:
        rgba(234,246,255,.13) !important;

    border-color:
        rgba(206,235,255,.35) !important;

    color: #ffffff !important;
}

body.cr410-home .cr410-card
.cr410-read:hover {

    background:
        rgba(222,244,255,.25) !important;

    border-color:
        rgba(222,244,255,.70) !important;
}

/* Adaptación móvil */

@media (max-width: 760px) {

    body.cr410-home .cr410-card
    .cr410-image-frame,

    body.cr410-home .cr410-card
    .cr410-image-frame img,

    body.cr410-home .cr410-card > img {

        height: 195px !important;
        max-height: 195px !important;
    }
}

/* FIN PASO 41.0-B */

/* =====================================================
   COSTA RENT | PASO 41.0-C
   FOTOGRAFIAS EDITORIALES SIN FRANJAS
   ===================================================== */

/* Marco común */

body.cr410-home .cr410-card .cr410-image-frame {
    position: relative !important;

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

    height: 205px !important;

    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 13px !important;

    background: #32698b !important;
    isolation: isolate;
}

/* Relleno fotográfico difuminado */

body.cr410-home .cr410-card
.cr410-image-frame::before {
    content: "";

    position: absolute;
    inset: -18px;

    z-index: 0;

    background-image: var(--cr410-image);
    background-size: cover;
    background-position: center;

    filter:
        blur(15px)
        brightness(.80)
        saturate(.90);

    opacity: .92;

    transform: scale(1.06);

    pointer-events: none;
}

/* Fotografía original, completa y centrada */

body.cr410-home .cr410-card
.cr410-image-frame img {
    position: relative !important;
    z-index: 1 !important;

    display: block !important;

    width: 100% !important;
    height: 205px !important;

    max-width: 100% !important;
    max-height: 205px !important;
    min-height: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    border-radius: 0 !important;

    transform: none !important;
}

/* Hover sin recortar fotografías */

body.cr410-home .cr410-card:hover
.cr410-image-frame img {
    transform: none !important;

    filter:
        brightness(1.05)
        saturate(1.06) !important;
}

/* Móviles */

@media (max-width: 760px) {
    body.cr410-home .cr410-card
    .cr410-image-frame,

    body.cr410-home .cr410-card
    .cr410-image-frame img {
        height: 195px !important;
        max-height: 195px !important;
    }
}

/* FIN PASO 41.0-C */