:root {
    /*COLORES - HOMBRE*/
    --color-darkblue: #08395D;
    --color-blue: #0D648D;
    --color-aqua: #24BFA5;
    --color-green: #0F6466;
    --color-darkgreen: #0A3B3B;
    /*COLORES - MUJER*/
    --color-pink: #AA499A;
    --color-yellow: #FAA000;
    --color-cream: #FFDFAD;
    --color-lightblue: #36A9E1;
    /*OTROS-COLORES*/
    --color-purple: #4e468e;
    --color-fucshia: #740171;
    --color-grey: silver;
    --color-white: white;
}
body {
}


.text-darkblue {
    color: var(--color-darkblue);
}
.text-blue {
    color: var(--color-blue);
}
.text-aqua {
    color: var(--color-aqua);
}
.text-green {
    color: var(--color-green);
}
.text-green {
    color: var(--color-darkgreen);
}
.text-darkgreen {
    color: var(--color-darkgreen);
}


.text-pink {
    color: var(--color-pink);
}
.text-yellow {
    color: var(--color-yellow);
}
.text-cream {
    color: var(--color-cream);
}
.text-lightblue {
    color: var(--color-lightblue);
}

.text-white {
    color: var(--color-white);
}
.text-grey {
    color: var(--color-grey);
}
.text-purple {
    color: var(--color-purple);
}
.text-fucshia {
    color: var(--color-fucshia);
}

/*  IMAGE BACKGROUND */
.image-background {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.image-background-cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


/*  SECTIONS */
.section-darkblue {
    background-color: var(--color-darkblue);
    color: white;
}
.section-blue {
    background-color: var(--color-blue);
    color: white;
}
.section-aqua {
    background-color: var(--color-aqua);
}
.section-green {
    background-color: var(--color-green);
    color: white;
}
.section-darkgreen {
    background-color: var(--color-darkgreen);
    color: white;
}

.section-pink {
    background-color: var(--color-pink);
}
.section-yellow {
    background-color: var(--color-yellow);
}
.section-cream {
    background-color: var(--color-cream);
}
.section-lightblue {
    background-color: var(--color-lightblue);
}


.section-purple {
    background-color: var(--color-purple);
}
.section-fucshia {
    background-color: var(--color-fucshia);
}
.section-gray {
    background-color: var(--color-grey);
}
.section-white {
    background-color: var(--color-white);
}


/*  CARD */
.card-efect:hover {
    box-shadow: 8px 8px 8px #005D8F;
    transform: scale(1.1);
}

/*  BUTTON */
.button-main {
    background-color: var(--color-aqua);
    color: var(--color-white);
}
.button-main:hover {
    background-color: var(--color-blue);
    color: var(--color-white);
}

.button-grow {
}
    .button-grow:hover {
        box-shadow: 8px 8px 8px silver;
        transform: scale(1.1);
    }

.validation-message {
    color: red;
}