html,body
{
    background-color: #ffffff;
}
.bg-blur-noise::after {
    content: "";
    position: fixed;
    width: 100%;
    top: 0px;
    height: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTEyIDUxMicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4KICA8ZmlsdGVyIGlkPSdub2lzZUZpbHRlcic+CiAgICA8ZmVUdXJidWxlbmNlIAogICAgICB0eXBlPSdmcmFjdGFsTm9pc2UnIAogICAgICBiYXNlRnJlcXVlbmN5PScwLjcnCiAgICAgIG51bU9jdGF2ZXM9JzMnIAogICAgICBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+CiAgICA8ZmVDb2xvck1hdHJpeCBpbj0idHVyYnVsZW5jZSIgdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPgoKICAgIDxmZUNvbXBvbmVudFRyYW5zZmVyPgogICAgICA8ZmVGdW5jUiB0eXBlPSJkaXNjcmV0ZSIgdGFibGVWYWx1ZXM9IjAgMSIgLz4KICAgICAgPGZlRnVuY0cgdHlwZT0iZGlzY3JldGUiIHRhYmxlVmFsdWVzPSIwIDEiIC8+CiAgICAgIDxmZUZ1bmNCIHR5cGU9ImRpc2NyZXRlIiB0YWJsZVZhbHVlcz0iMCAxIiAvPgogICAgPC9mZUNvbXBvbmVudFRyYW5zZmVyPgogIDwvZmlsdGVyPgogIAogIDxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbHRlcj0ndXJsKCNub2lzZUZpbHRlciknLz4KPC9zdmc+);
    background-size: 512px 512px;
    background-repeat: repeat;
    opacity: 0.04;
    mix-blend-mode: overlay;
}

.bg-blur-noise::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    background: var(--color-background-ginicio);
    background: -moz-linear-gradient(157deg, var(--color-background-ginicio) 30%, var(--color-background-gfin) 85%);
    background: -webkit-linear-gradient(157deg, var(--color-background-ginicio) 30%, var(--color-background-gfin) 85%);
    background: linear-gradient(157deg, var(--color-background-ginicio) 30%, var(--color-background-gfin) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8eae3",endColorstr="#d5d6ca",GradientType=1);
    opacity: 0.2;
}
.bg-blur-noise {
    width: 100%;
    height: 100%;
    position: relative;
}

/* HOME  */

.text-main-olive
{
    color:var(--main-olive);
}
.text-light-olive
{
    color:var(--light-olive);
}
.text-olive-hover
{
    color:var(--olive-hover);
}
.text-main-pink
{
    color:var(--main-pink);
}
.bg-main-pink
{
    background-color:var(--main-pink);
}
.bg-main-olive
{
    background-color:var(--main-olive);
}
.bg-light-olive
{
    background-color:var(--light-olive);
}
.bg-olive-hover
{
    background-color:var(--olive-hover);
}
.bg-background-light
{
    background-color:var(--color-background-light);
}

.d-flex-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
    .d-flex-100
    {
        flex: 1 0 100px;
    }
    .d-flex-200
    {
        flex: 1 0 200px;
    }
    .d-flex-300
    {
        flex: 1 0 300px;
    }
.max-ancho-center
{
    margin: 0 auto;
    max-width: var(--max-ancho);
}
.max-ancho
{
    max-width: var(--max-ancho);
}

.espaciador
{
    display: block;
    width: 100%;
    content: "";
    float: none;
}
img[data-rd-lazy]
{
    opacity: 0;
    transition: opacity 200ms linear;
}

.my-0
{
    margin-top:0;
    margin-bottom:0;
}
/*PADDING*/
.pg-3
{
    padding-top   : var(--mg-3);
    padding-bottom: var(--mg-3);
}
.px-05
{
    padding-left:var(--mg-05);
    padding-right:var(--mg-05);
}
.pl-05
{
    padding-left:var(--mg-05);
}
.pr-05
{
    padding-right:var(--mg-05);
}
.z-index-0
{
    z-index:0;
}
.z-index-1
{
    z-index:1;
}
.z-index-2
{
    z-index:2;
}
.z-index-3
{
    z-index:3;
}
.z-index-4
{
    z-index:4;
}
.z-index-5
{
    z-index:5;
}
.z-index-6
{
    z-index:6;
}
.z-index-7
{
    z-index:7;
}

/* FOOTER  */
.d-flex-informacion-footer {
    display: flex;
    max-width: 500px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}

.d-flex-informacion-footer .dif-card {
    gap: 0.5rem;
    flex: 1 0 150px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
#formNewsletter {
    display: block;
    max-width: 430px;
}

#formNewsletter .d-flex {
    gap: 0.3rem;
}

#formNewsletter .d-flex input, #formNewsletter .d-flex button {
    font-size: .7rem;
    text-transform: lowercase;
}
#formNewsletter .d-flex input {
    background-color: #ffffff;
}

#formNewsletter .d-flex button {
    padding: 0.1rem 1rem;
    border-radius: 30px;
}

.d-flex-center-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    gap: 1rem;
}

div#_itattoMapa 
{
    width: 100%;
    min-width: 320px;
    min-height: 400px;
    display: block;
    height: 100%;
}
div#_itattoMapa iframe {
    height: 100%;
    width: 100%;
}
.mantiene-info-centrada {
    text-align: left;
    max-width: 500px;
    position: relative;
    right: 0;
    display: inline-block;
    padding-top: var(--mg-3);
    padding-bottom: var(--mg-3);
}
.d-flex-redes {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
}

.d-flex-redes .redes {
    border-radius: 100%;
    height: 30px;
    width: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 0 1px #B88A7A;
}

.d-flex-redes .redes img {
    height: 13px;
}

.d-flex-redes .redes:hover {
    background-color: #ffffff;
}
#fotterWb
{
    background-color: #312F2E;
}
.contenedor-footer.w100.p-relative.bg-background-light {
    width: 100%;
/*    margin-top: var(--mg-4);*/
}

.d-flex-footer-secundario {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    padding: var(--mg-1) 0;
    gap: .5rem;
}

.d-flex-sitemap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
    gap: 0 1.3rem;
}

.d-flex-sitemap .sitem-1 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0.5rem;
    width:100px;
}

/* MENU  */
header#menu_logo a, header#menu_logo .btn {
    --texto-proyectos: 0.67rem;
}
.dropdown 
{
    display: inline-block;
    position: relative;
}
.drpd-menu ul.menu {
    background-color: rgba(255, 255, 255, 0.85);
    width: fit-content;
    min-width: 100px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    -ms-backdrop-filter: blur(16px);
    -moz-backdrop-filter: blur(16px);
    top: calc(100% + 7px);
}

.drpd-menu ul.menu li {
    width: fit-content;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.contenedor-normal {
    position: relative;
    width: 100%;
    display: inline-block;
}

.btn.btn-sm.btn-sm-iris {
    padding: 0.2rem 1rem;
    border-radius: 30px;
    font-size: .7rem;
    text-transform: lowercase;
    height: fit-content;
}
#contMenuPreparaMovile, #contMenuPrepara {
    display: flex;
    flex: 1 0 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    scroll-snap-type: x mandatory;
    scroll-snap-align: start;
    overflow: auto;
    width: 100%;
    max-width: 500px;
}

/* LEAN - REVISAR LUEGO PORQUE SE ROMPIO */
aside#contMenuPrepara a, aside#contMenuPrepara div.dropdown {
    flex: 1 0 60px;
    text-align: center;
    text-decoration: none;
    height: 100%;
    padding: 0.3rem 0.2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #2b2d1b;
}
/* LEAN - REVISAR LUEGO PORQUE SE ROMPIO */

.dropdown.drpd-menu {
    padding: 0 !important;
    margin: 0 !important;
}

a[data-acc="reg"] {
    max-width: 111px;
    padding: 0.5rem 0.6rem;
}
*[data-acc="about"]
{
    order:0;
}
*[data-acc="artist"]
{
    order:1;
}
*[data-acc="services"]
{
    order:2;
}
*[data-acc="gumball"]
{
    order:3;
}
*[data-acc="blog"]
{
    order:4;
}
*[data-acc="workshop"]
{
    order:5;
}
*[data-acc="faqs"]
{
    order:6;
}
*[data-acc="shop"]
{
    order:7;
}

#medallaSeccion
{
    padding: 0 0.3rem;
}
.medalla
{
    font-size: var(--h4-font-size);
}
aside#contMenuPreparaMovile a {
    flex      : 1 0 60px;
    text-align: center;
    padding   : 0.5rem 0;
    color: #2b2d1b;
}
#contMenuPrepara .menu .menu-item > a {
    width: 100%;
    min-width: 120px;
    text-align: left;
    display: inline-block;
}
.card-puntaje
{
    text-decoration: none !important;
}
p.card-texto {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
.join-footer {
    text-transform: uppercase !important;
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
}

#pencet{
  display:flex;
  align-items: center;
  flex-direction:column;
  cursor:pointer;
  width: fit-content;
  align-content: center;
  justify-content: center;
}

#pencet span{
  background-color: var(--main-olive);
  width:1.7em;
  height:.2em;
  margin: 0.2em 0;
  display:block;
  transition: all .4s ease;
  transform-origin:0 0;
}

.Diam span:nth-child(1) {
  transform: rotate(45deg) translate(4px, -5px);
}

.Diam span:nth-child(2) {
  Transform: scaleX(0);
}

.Diam span:nth-child(3) {
  transform: rotate(-45deg) translate(3px, 2px);
}

#burger_menu
{
    width: 100%;
    opacity: 0;
    background-color: rgba(255,255,255,.9);
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 11;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}
#burger_menu.open
{
    display: flex;
    opacity: 1;
}
div#burger {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    z-index: 12;
    background: #ffffff;
    padding: 0.2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 3px;
}


nav#burger_menu.d-none.BMopen {
    display: flex !important;
    opacity: 1;
}

nav#burger_menu.d-none.BMopen a {
    width: 300px;
    text-align: left;
    padding: 0.3rem 1rem;
    font-size: 7vw;
    margin: 0 auto;
}

nav#burger_menu.d-none.BMopen a[data-acc="reg"]
{
    max-width: 100%;
    text-align: center;
    font-size: 5vw;
    margin: 0.4rem auto;
}

nav#burger_menu .byn
{
    position: absolute;
    top: 0.5rem;
    left: 0.3rem;
}

.swp_left {
    position: absolute;
    top: 50%;
    left: 0.3rem;
    transform: translateY(-50%);
    background-color: var(--light-olive);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid var(--light-olive);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.swp_right {
    position: absolute;
    top: 50%;
    right: 0.3rem;
    transform: translateY(-50%);
    background-color: var(--light-olive);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid var(--light-olive);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

button#swp_left svg, button#swp_right svg {
    height: 30px;
    width: 13px;
    fill: var(--main-olive);
}
#videoHome video
{
    width: 100%;
    height: 100%;
    object-fit: none;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
footer div.sitem-1 a {
    color: #87896f;
}
.btn-link-borde-main {
    box-shadow: 0 0 0 1px var(--main-olive);
}