/* ==========================================================================
   CUSTOM DEFAULT - Pagina interior de texto simple con titulo, subtitulo
   y descripcion. Template "default" para paginas legales, informativas, etc.
   ========================================================================== */

/* ----------------------------------------------------------------------------
   Estilos base (Desktop >1600px)
   ---------------------------------------------------------------------------- */

body.default #middle {
    padding-top: 132px;
}

#defaultContent {
    padding: 56px 64px 128px;
}

#defaultContent .defaultContent__container {
    max-width: 960px;
    margin: 0 auto;
}

/* --- Titulo (H1) --- */

#defaultContent .defaultContent__title {
    margin: 0 0 24px 0;
    font-family: 'Playfair Display';
    font-size: 5.625rem;
    color: #00181a;
    font-weight: 400;
    line-height: 6.75rem;
    text-transform: uppercase;
    text-wrap: balance;
}

/* --- Subtitulo (H2) --- */

#defaultContent .defaultContent__subtitle {
    margin: 0 0 24px 0;
    font-size: 1.1875rem;
    color: #00181a;
    font-weight: 700;
    line-height: 1.5rem;
}

#defaultContent .defaultContent__subtitle:last-child {
    margin-bottom: 0;
}

/* --- Descripcion --- */

#defaultContent .defaultContent__description p {
    margin: 0 0 24px 0;
    font-size: 1.0625rem;
    color: #00181a;
    font-weight: 400;
    line-height: 1.5rem;
}

#defaultContent .defaultContent__description p:last-child {
    margin-bottom: 0;
}

#defaultContent .defaultContent__btn-booking {
    margin-top: 32px;
}

/* ----------------------------------------------------------------------------
   Desktop Grande (1601px - 2700px)
   Fuente: maquetador rango 1601-2700
   ---------------------------------------------------------------------------- */

@media (min-width: 1601px) and (max-width: 2700px) {
    #defaultContent .defaultContent__title {
        font-size: 4.6875rem;
        line-height: 5.625rem;
    }
}

/* ----------------------------------------------------------------------------
   Desktop Grande (1501px - 1600px)
   Fuente: maquetador rango 1501-1600
   ---------------------------------------------------------------------------- */

@media (min-width: 1501px) and (max-width: 1600px) {
    #defaultContent .defaultContent__title {
        font-size: 4.6875rem;
        line-height: 5.625rem;
    }
}

/* ----------------------------------------------------------------------------
   Desktop (1366px - 1500px)
   Fuente: maquetador rango 1366-1500
   ---------------------------------------------------------------------------- */

@media (min-width: 1366px) and (max-width: 1500px) {
    #defaultContent {
        padding: 56px 15px 100px;
    }

    #defaultContent .defaultContent__title {
        font-size: 4.375rem;
        line-height: 5rem;
    }
}

/* ----------------------------------------------------------------------------
   Desktop / iPad Pro (961px - 1365px)
   Fuente: maquetador rango 961-1365
   ---------------------------------------------------------------------------- */

@media (min-width: 961px) and (max-width: 1365px) {
    #defaultContent {
        padding: 50px 24px 70px;
    }

    #defaultContent .defaultContent__title {
        font-size: 2.8125rem;
        line-height: 3.4375rem;
    }
}

/* ----------------------------------------------------------------------------
   Tablet (768px - 960px)
   Fuente: maquetador rango 768-960
   ---------------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 960px) {
    body.default #middle {
        padding-top: 88px;
    }

    #defaultContent {
        padding: 50px 15px 50px;
    }

    #defaultContent .defaultContent__title {
        font-size: 2.5rem;
        line-height: 2.8125rem;
    }

    #defaultContent .defaultContent__subtitle {
        margin: 0 0 15px 0;
        font-size: 1.125rem;
    }

    #defaultContent .defaultContent__description p {
        margin: 0 0 15px 0;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    #defaultContent .defaultContent__description p:last-child {
        margin-bottom: 0;
    }
}

/* ----------------------------------------------------------------------------
   Movil (<768px)
   Fuente: maquetador rango max-767
   ---------------------------------------------------------------------------- */

@media (max-width: 767px) {
    body.default #middle {
        padding-top: 60px;
    }

    #defaultContent {
        padding: 30px 15px 50px;
    }

    #defaultContent .defaultContent__title {
        font-size: 2.1875rem;
        line-height: 2.5rem;
    }

    #defaultContent .defaultContent__subtitle {
        margin: 0 0 15px 0;
        font-size: 1.125rem;
    }

    #defaultContent .defaultContent__description p {
        margin: 0 0 15px 0;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    #defaultContent .defaultContent__description p:last-child {
        margin-bottom: 0;
    }
}