/* ============================================================
   VILLAS PERRO LOCO
   CAPA VISUAL FINAL
   NEGRO + BLANCO + GRISES
   ============================================================ */

:root{
    --pl-black:#000000;
    --pl-dark:#171717;
    --pl-dark2:#242424;
    --pl-gray:#707070;
    --pl-gray2:#a0a0a0;
    --pl-light:#e8e8e8;
    --pl-white:#ffffff;
}


/* ============================================================
   BASE
   ============================================================ */

html,
body{
    background:#ffffff;
    color:#171717;
}

main{
    color:#171717;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6{
    color:#000000;
}


/* ============================================================
   HERO PRINCIPAL
   ============================================================ */

.uma-home-hero #heroTitle,
#heroTitle{
    color:#ffffff !important;
    opacity:1 !important;
    -webkit-text-fill-color:#ffffff !important;

    text-shadow:
        0 2px 8px rgba(0,0,0,.70),
        0 1px 3px rgba(0,0,0,.90) !important;
}

.uma-home-hero #heroSubtitle{
    color:#000000 !important;
    opacity:1 !important;
    -webkit-text-fill-color:#000000 !important;
}


/* PLAYA BLANCA */
.pl-hero-label,
.uma-home-hero .eyebrow{
    background:#000000 !important;
    color:#ffffff !important;
    opacity:1 !important;
}


/* RESERVAR */
.pl-hero-reservar{
    background:#000000 !important;
    border-color:#000000 !important;
    color:#ffffff !important;
    opacity:1 !important;
}


/* GALERIA */
.pl-hero-galeria{
    background:#707070 !important;
    border-color:#707070 !important;
    color:#ffffff !important;
    opacity:1 !important;
}


/* ============================================================
   RESERVAS / PLATAFORMAS
   ============================================================ */

.uma-booking-strip{
    background:#171717 !important;
    color:#ffffff !important;
}

.uma-booking-strip-heading,
.uma-booking-strip-copy{
    background:transparent !important;
}


/* ETIQUETA */
.uma-booking-strip-copy .eyebrow,
.uma-booking-strip-copy [class*="eyebrow"]{
    background:transparent !important;
    color:#ffffff !important;
    opacity:1 !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* TITULO */
.uma-booking-strip-copy h1,
.uma-booking-strip-copy h2,
.uma-booking-strip-copy h3,
.uma-booking-strip-copy h1 *,
.uma-booking-strip-copy h2 *,
.uma-booking-strip-copy h3 *{
    background:transparent !important;
    color:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:none !important;
}


/* TEXTO SECUNDARIO */
.uma-booking-strip-copy p,
.uma-booking-strip-copy small{
    color:#e8e8e8 !important;
    opacity:1 !important;
    -webkit-text-fill-color:#e8e8e8 !important;
}


/* BOTON DISPONIBILIDAD */
.uma-booking-strip-action a,
.uma-booking-strip-action button,
.uma-booking-strip-action .btn{
    background:#ffffff !important;
    color:#000000 !important;
    border-color:#ffffff !important;
    opacity:1 !important;
}


/* ============================================================
   TARJETAS PLATAFORMAS
   CORRECCION IMPORTANTE
   ============================================================ */

.uma-booking-marquee{
    background:#171717 !important;
}


/* TARJETAS BLANCAS */
.uma-booking-platform{
    background:#ffffff !important;
    border:1px solid #dddddd !important;
    color:#000000 !important;

    opacity:1 !important;
    visibility:visible !important;

    filter:none !important;
    mix-blend-mode:normal !important;

    box-shadow:none !important;
}


/* ABSOLUTAMENTE TODO EL TEXTO DE LA TARJETA */
.uma-booking-platform a,
.uma-booking-platform div,
.uma-booking-platform p,
.uma-booking-platform span,
.uma-booking-platform strong,
.uma-booking-platform small,
.uma-booking-platform label,
.uma-booking-platform b,
.uma-booking-platform em{
    color:#000000 !important;

    opacity:1 !important;
    visibility:visible !important;

    -webkit-text-fill-color:#000000 !important;

    text-shadow:none !important;

    filter:none !important;
    mix-blend-mode:normal !important;
}


/* TITULO DE PLATAFORMA */
.uma-booking-platform strong,
.uma-booking-platform b{
    color:#000000 !important;
    font-weight:700 !important;
}


/* SUBTEXTO */
.uma-booking-platform small,
.uma-booking-platform p{
    color:#444444 !important;
    opacity:1 !important;
}


/* ICONOS */
.uma-booking-platform svg{
    opacity:1 !important;
    visibility:visible !important;

    fill:#000000 !important;
    color:#000000 !important;
}

.uma-booking-platform img{
    opacity:1 !important;
    visibility:visible !important;
    filter:grayscale(1) !important;
}


/* RESERVA DIRECTA DESTACADA */
.uma-booking-platform-direct{
    background:#707070 !important;
    border-color:#707070 !important;
    color:#ffffff !important;
}

.uma-booking-platform-direct a,
.uma-booking-platform-direct div,
.uma-booking-platform-direct p,
.uma-booking-platform-direct span,
.uma-booking-platform-direct strong,
.uma-booking-platform-direct small,
.uma-booking-platform-direct b{
    color:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* ============================================================
   TITULOS SOBRE FONDOS OSCUROS
   ============================================================ */

.section-dark h1,
.section-dark h2,
.section-dark h3,
.section-dark h4,

.dark-section h1,
.dark-section h2,
.dark-section h3,
.dark-section h4,

[class*="section-dark"] h1,
[class*="section-dark"] h2,
[class*="section-dark"] h3,

[class*="dark-section"] h1,
[class*="dark-section"] h2,
[class*="dark-section"] h3,

[class*="dark-card"] h1,
[class*="dark-card"] h2,
[class*="dark-card"] h3,

[class*="dark-panel"] h1,
[class*="dark-panel"] h2,
[class*="dark-panel"] h3{
    color:#ffffff !important;
    opacity:1 !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* TEXTO EN OSCURO */
.section-dark p,
.section-dark span,
.section-dark small,

.dark-section p,
.dark-section span,
.dark-section small,

[class*="section-dark"] p,
[class*="section-dark"] span,

[class*="dark-section"] p,
[class*="dark-section"] span{
    color:#e8e8e8 !important;
    opacity:1 !important;
}


/* ============================================================
   BLOQUES CON FOTO DE FONDO
   ============================================================ */

section[style*="background-image"] h1,
section[style*="background-image"] h2,
section[style*="background-image"] h3,

div[style*="background-image"] h1,
div[style*="background-image"] h2,
div[style*="background-image"] h3{
    color:#ffffff !important;
    opacity:1 !important;
    -webkit-text-fill-color:#ffffff !important;

    text-shadow:
        0 2px 8px rgba(0,0,0,.75),
        0 1px 2px rgba(0,0,0,.95) !important;
}


/* ============================================================
   TARJETAS CLARAS GENERALES
   ============================================================ */

.card,
.villa-card,
.uma-card,
.uma-villa-card,
.uma-result-card,
.uma-availability-card{
    background:#ffffff !important;
    color:#171717 !important;
}

.card h1,
.card h2,
.card h3,
.card h4,
.villa-card h1,
.villa-card h2,
.villa-card h3,
.uma-card h1,
.uma-card h2,
.uma-card h3{
    color:#000000 !important;
    opacity:1 !important;
}

.card p,
.card span,
.card small,
.villa-card p,
.villa-card span,
.villa-card small,
.uma-card p,
.uma-card span,
.uma-card small{
    color:#444444 !important;
    opacity:1 !important;
}


/* ============================================================
   BOTONES
   ============================================================ */

.btn-primary,
a.btn-primary,
button.btn-primary,
button[type="submit"],
input[type="submit"]{
    background:#000000 !important;
    border-color:#000000 !important;
    color:#ffffff !important;
    opacity:1 !important;
}

.btn-secondary,
a.btn-secondary,
.btn-outline{
    background:#707070 !important;
    border-color:#707070 !important;
    color:#ffffff !important;
    opacity:1 !important;
}


/* ============================================================
   FORMULARIOS
   ============================================================ */

input,
textarea,
select{
    background:#ffffff !important;
    color:#000000 !important;
    border-color:#a0a0a0 !important;
}

input::placeholder,
textarea::placeholder{
    color:#707070 !important;
    opacity:1 !important;
}


/* ============================================================
   FOOTER
   ============================================================ */

footer,
.uma-footer{
    background:#000000 !important;
    color:#ffffff !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer p,
footer span,
footer strong,
footer small,
footer li,
footer a,

.uma-footer h1,
.uma-footer h2,
.uma-footer h3,
.uma-footer h4,
.uma-footer p,
.uma-footer span,
.uma-footer strong,
.uma-footer small,
.uma-footer li,
.uma-footer a{
    color:#ffffff !important;
    opacity:1 !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* ============================================================
   MENU LATERAL
   ============================================================ */

#uma-site-drawer,
.uma-site-drawer{
    background:#000000 !important;
}

#uma-site-drawer a,
#uma-site-drawer p,
#uma-site-drawer span,
#uma-site-drawer strong{
    color:#ffffff !important;
    opacity:1 !important;
}


/* ============================================================
   FIN CAPA FINAL
   ============================================================ */



/* ==========================================================
   PERRO LOCO
   REPARACION REAL DE CONTRASTES
   ========================================================== */


/* ----------------------------------------------------------
   TITULOS DE HERO / CABECERAS OSCURAS
   ---------------------------------------------------------- */

.uma-full-hero h1,
.uma-full-hero h2,
.uma-full-hero h3,

.uma-two-hero h1,
.uma-two-hero h2,
.uma-two-hero h3,

.uma-page-hero h1,
.uma-page-hero h2,
.uma-page-hero h3,

.page-hero h1,
.page-hero h2,
.page-hero h3{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
}


/* HERO PRINCIPAL */
#heroTitle{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
}


/* ----------------------------------------------------------
   RESERVAS / PLATAFORMAS
   ---------------------------------------------------------- */

.uma-booking-strip{
    background:#171717 !important;
    color:#ffffff !important;
}

.uma-booking-strip-copy .uma-home-story-kicker{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
}

.uma-booking-strip-copy h1,
.uma-booking-strip-copy h2,
.uma-booking-strip-copy h3{
    background:transparent !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
}

.uma-booking-strip-action small{
    color:#e8e8e8 !important;
    -webkit-text-fill-color:#e8e8e8 !important;
    opacity:1 !important;
}


/* ----------------------------------------------------------
   TARJETAS BLANCAS
   ---------------------------------------------------------- */

.uma-booking-platform{
    background:#ffffff !important;
    color:#000000 !important;
    border-color:#dddddd !important;

    opacity:1 !important;
    visibility:visible !important;

    filter:none !important;
    mix-blend-mode:normal !important;
}

.uma-booking-platform strong{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
    opacity:1 !important;
    visibility:visible !important;
    font-weight:700 !important;
}

.uma-booking-platform small{
    color:#444444 !important;
    -webkit-text-fill-color:#444444 !important;
    opacity:1 !important;
    visibility:visible !important;
}

.uma-booking-platform span{
    opacity:1 !important;
    visibility:visible !important;
}

.uma-booking-platform img{
    opacity:1 !important;
    visibility:visible !important;
    filter:grayscale(1) !important;
}


/* RESERVA DIRECTA */
.uma-booking-platform-direct{
    background:#707070 !important;
    border-color:#707070 !important;
}

.uma-booking-platform-direct strong,
.uma-booking-platform-direct small{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
}


/* FEATURES DE ABAJO */
.uma-booking-features,
.uma-booking-features span{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
}


/* ----------------------------------------------------------
   GALERIA - BLOQUE GRIS "MAR, NATURALEZA..."
   ---------------------------------------------------------- */

.uma-two-gallery-copy{
    background:#444444 !important;
    color:#ffffff !important;
}

.uma-two-gallery-copy h1,
.uma-two-gallery-copy h2,
.uma-two-gallery-copy h3,
.uma-two-gallery-copy h4{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
}

.uma-two-gallery-copy p,
.uma-two-gallery-copy span,
.uma-two-gallery-copy small,
.uma-two-gallery-copy strong{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
}

.uma-two-gallery-copy a{
    color:#ffffff !important;
    border-color:#ffffff !important;
    opacity:1 !important;
}


/* ----------------------------------------------------------
   CTA CON FOTO "TU PROXIMA ESTADIA"
   ---------------------------------------------------------- */

.uma-footer-parallax-cta,
.uma-footer-parallax-content{
    color:#ffffff !important;
}

.uma-footer-parallax-content h1,
.uma-footer-parallax-content h2,
.uma-footer-parallax-content h3,
.uma-footer-parallax-content p,
.uma-footer-parallax-content span{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
}


/* ----------------------------------------------------------
   FOOTER NEGRO
   ---------------------------------------------------------- */

.uma-footer-main{
    background:#000000 !important;
    color:#ffffff !important;
}

.uma-footer-main h1,
.uma-footer-main h2,
.uma-footer-main h3,
.uma-footer-main h4,
.uma-footer-main p,
.uma-footer-main span,
.uma-footer-main strong,
.uma-footer-main small,
.uma-footer-main li,
.uma-footer-main a{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
}


/* ----------------------------------------------------------
   TARJETA BLANCA DEL FORMULARIO DEL FOOTER
   IMPORTANTE: NO TEXTO BLANCO SOBRE BLANCO
   ---------------------------------------------------------- */

.uma-footer-form-card{
    background:#ffffff !important;
    color:#000000 !important;
}

.uma-footer-form-card h1,
.uma-footer-form-card h2,
.uma-footer-form-card h3,
.uma-footer-form-card h4,
.uma-footer-form-card p,
.uma-footer-form-card span,
.uma-footer-form-card strong,
.uma-footer-form-card small,
.uma-footer-form-card label{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
    opacity:1 !important;
}

.uma-footer-form-card input,
.uma-footer-form-card textarea,
.uma-footer-form-card select{
    background:#ffffff !important;
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
    border-color:#a0a0a0 !important;
}

.uma-footer-form-card input::placeholder,
.uma-footer-form-card textarea::placeholder{
    color:#707070 !important;
    -webkit-text-fill-color:#707070 !important;
    opacity:1 !important;
}

.uma-footer-form-card button{
    background:#000000 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* ----------------------------------------------------------
   FIN REPARACION
   ---------------------------------------------------------- */