@font-face {
    font-family: fashion;
    src: url("/fonts/Fashion\ Fetish\ Regular.ttf");
}

@font-face {
    font-family: fashion-heavy;
    src:url("/fonts/Fashion\ Fetish\ Heavy.ttf");
}

@font-face {
    font-family: hero;
    src:url("/fonts/Hero.otf");
}

:root {
    --color-rosa: #F9C0B9;
    --color-aqua-green: #1C8AA5;
    --color-gris: #626262;
    --color-gris-claro: #D9D9D9;
}

.bg-rosa {
    background: var(--color-rosa);
}

.bg-gris {
    background: var(--color-gris);
}

.bg-gris-claro {
    background: var(--color-gris-claro);
}

.bg-aqua-green {
background: var(--color-aqua-green);
}

.ff-hero {
    font-family: hero;
}

.ff-fashion {
    font-family: fashion;
}

.ff-fashion-heavy {
    font-family: fashion-heavy;
}

.txt-aqua-green {
    color: var(--color-aqua-green);
}

.txt-gris {
    color: var(--color-gris);
}

.txt-gris-claro {
    color: var(--color-gris-claro);
}

.txt-rosa {
    color: var(--color-rosa);
}

.td-none {
    text-decoration: none;
}

.bg-white {
 background: #F9C0B9;
}

body {
    background: var(--color-gris-claro);
}

header {
    border-bottom: var(--color-rosa) 3px solid;
    background: #1C8AA5;
}

header .contenedor .row {
    /* min-height: 170px; */
    background: #1C8AA5;
}

.nav-link {
    color: #fff;
    font-family: fashion;
}

.nav-link:hover {
    color: var(--color-rosa);
}

.img-pastel {
    width: 100%;
    border-radius: 5px 5px 0 0;
    margin-bottom: 1rem;;
}

.galeria {
    background: var(--color-gris-claro);
}

.hover-green:hover {
    text-decoration: underline;
    color: var(--color-aqua-green)
}

.hover-gris:hover {
    text-decoration: underline;
    color: var(--color-gris)
}

.info-img {
    width: 170px;
    height: 170px;
    border-radius: 150px;
    /* border: 5px solid rgba(102, 102, 102, .4); */
    border: 4px solid rgba(255, 255, 255, 1);
    /* margin-bottom: 1rem;; */
}

.error {
    border: red 1px solid;
}