/* =========================================================
   COSTA MODERNA V50
   DESCRIPCIÓN REALMENTE A TODO EL ANCHO
   ========================================================= */

/*
 * CAUSA REAL:
 *
 * La sección de contenido debajo de la galería tiene estas clases:
 *
 * modern-detail-layout
 * modern-detail-layout-content-only
 * modern-detail-content-v12
 *
 * La clase base .modern-detail-layout crea 2 columnas:
 *
 * 1fr + 370px
 *
 * Como esta sección sólo tiene un hijo, quedaban 370px vacíos
 * a la derecha. Por eso ampliar .modern-rich-copy no servía.
 *
 * Aquí convertimos ÚNICAMENTE la sección content-only en una
 * sola columna real.
 */

.modern-detail-page
.modern-detail-layout-content-only {
    display: block !important;

    grid-template-columns:
        none !important;

    gap:
        0 !important;

    width:
        100% !important;

    max-width:
        none !important;

    padding-top:
        14px !important;

    padding-bottom:
        70px !important;
}


.modern-detail-page
.modern-detail-layout-content-only
> .modern-detail-content {
    display: block !important;

    width:
        100% !important;

    max-width:
        none !important;

    min-width:
        0 !important;

    margin:
        0 !important;
}


/* Cada bloque de contenido ocupa toda la columna izquierda. */
.modern-detail-page
.modern-detail-layout-content-only
.modern-content-block {
    width:
        100% !important;

    max-width:
        none !important;

    box-sizing:
        border-box;
}


/* Descripción enriquecida sin límite artificial. */
.modern-detail-page
.modern-detail-layout-content-only
.modern-rich-copy,

.modern-detail-page
.modern-detail-layout-content-only
.modern-rich-content-v38 {
    width:
        100% !important;

    max-width:
        none !important;
}


.modern-detail-page
.modern-detail-layout-content-only
.modern-rich-content-v38
p,

.modern-detail-page
.modern-detail-layout-content-only
.modern-rich-content-v38
ul,

.modern-detail-page
.modern-detail-layout-content-only
.modern-rich-content-v38
ol,

.modern-detail-page
.modern-detail-layout-content-only
.modern-rich-content-v38
blockquote {
    width:
        100% !important;

    max-width:
        none !important;

    box-sizing:
        border-box;
}


/*
 * Permitimos que los párrafos recorran el ancho real,
 * pero conservamos una longitud de línea agradable mediante
 * el tamaño y line-height existentes.
 */
.modern-detail-page
.modern-detail-layout-content-only
.modern-rich-copy {
    margin-right:
        0 !important;

    padding-right:
        0 !important;

    font-size:
        var(
            --modern-detail-body-size,
            16px
        ) !important;

    line-height:
        1.75 !important;
}


/* Amenidades y mapa también pueden usar la columna completa. */
.modern-detail-page
.modern-detail-layout-content-only
.modern-amenities-grid,

.modern-detail-page
.modern-detail-layout-content-only
.modern-map-block-v12 {
    width:
        100% !important;

    max-width:
        none !important;
}


@media (
    max-width:
    700px
) {
    .modern-detail-page
    .modern-detail-layout-content-only {
        padding-top:
            10px !important;

        padding-bottom:
            45px !important;
    }
}