/* Coming soon*/
html {
    margin: 0 !important;
}

.kurooi-coming-soon-logo {
    width: 100%;
    margin-top: -5%;
    margin-bottom: -5%;
    padding: 0 10%;
}

.kurooi-coming-soon-info {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #F7C700 ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 100vh;
    place-items: end;
}

/* Stickers */
.kurooi-stickers__container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

.kurooi-stickers__container > img {
    position: absolute;
    cursor: pointer;
    pointer-events: auto;
    transition: transform 1s;
}

.kurooi-stickers__container > img:hover {
    transform: scale(1.1);
}

.kurooi-newsletter__container {
    width: 50%;
    margin: auto;
    padding: 2% 0 2%;
}

.kurooi-coming-soon-content #kitsune {
    width: 12%;
    right: 0%;
    bottom: 9%;
}

.kurooi-coming-soon-content #koi {
    width: 13%;
    right: 86%;
    bottom: 48%;
}

.kurooi-coming-soon-content #lamp {
    width: 6%;
    right: 80%;
    bottom: 61%;
}

.kurooi-coming-soon-content #mask {
    width: 9%;
    right: 88%;
    bottom: 25%;
}

.kurooi-coming-soon-content #ninja {
    width: 10%;
    right: 86%;
    bottom: 9%;
}

.kurooi-coming-soon-content #oni {
    width: 9%;
    right: 3%;
    bottom: 51%;
}

.kurooi-coming-soon-content #onigiri {
    width: 12%;
    right: 7%;
    bottom: 71%;
}

.kurooi-coming-soon-content #sticks {
    width: 8%;
    right: 1%;
    bottom: 84%;
}

.kurooi-coming-soon-content #origami {
    width: 13%;
    right: 77%;
    bottom: 18%;
}

.kurooi-coming-soon-content #taiyaki {
    width: 7.5%;
    right: 1%;
    bottom: 67%;
}

.kurooi-coming-soon-content #weapon {
    width: 8%;
    right: 11%;
    bottom: 49%;
}

.kurooi-coming-soon-content #daruma {
    width: 13%;
    right: 86%;
    bottom: 69%;
}

.kurooi-coming-soon-content #fuji {
    width: 13%;
    right: 74%;
    bottom: 33%;
}

.kurooi-coming-soon-content #cat {
    width: 14%;
    right: 4%;
    bottom: 20%;
}

.kurooi-coming-soon-content #bamboo {
    width: 5%;
    right: 88%;
    bottom: 44%;
}

.kurooi-coming-soon-content #katana {
    width: 15%;
    right: 75%;
    bottom: 3%;
}

/* Redes sociales */
.kurooi-coming-soon-social {
    z-index: 0;
    height: fit-content;
    position: absolute;
    bottom: 0;
}

.kurooi-coming-soon-social {
    align-content: flex-end;
    padding: 30px 5% 30px 0;
}

.kurooi-coming-soon-social .wp-social-link {
    background-color: #000;
}

.kurooi-coming-soon-social .wp-social-link svg {
    color: #f7c700;
}

.kurooi-coming-soon-copy-banner {
    display: flex;
    background: #000;
    align-items: center;
    padding: 15px 30px;
    font-size: 14px;
}

.kurooi-coming-soon-copyright {
    color: #fff;
}

.kurooi-coming-soon-legal ul {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.kurooi-coming-soon-legal ul li {
    flex-shrink: 0;
}

.kurooi-coming-soon-legal ul li a {
    text-decoration: none;
    color: #fff;
}

.kurooi-coming-soon-legal ul li a:hover {
    font-weight: bold;
}

.kurooi-coming-soon-designed {
    display: flex;
    color: #fff;
    align-items: center;
    margin-left: auto;
}

.kurooi-coming-soon-designed > a {
    display: flex;
    width: 100%;
    max-width: 90px;
    padding-left: 10px;
}

.kurooi-title {
    font-size: 3vw;
    line-height: 3vw;
    text-align: center;
    margin: 0;
}

.kurooi-subtitle {
    font-size: 2vw;
    line-height: 2vw;
    text-align: center;
    margin-bottom: 0;
}

.kurooi-newsletter-form .kurooi-newsletter-email {
    padding: 0;
}

.kurooi-newsletter-form .kurooi-newsletter-email input{
    height: auto;
    padding: 0 1.5vw !important;
    font-size: 2vw !important;
    border-radius: 40px !important;
    text-align: center;
}

.kurooi-newsletter-form .kurooi-newsletter-legal {
    padding: 0.5vw 0;
}

.kurooi-newsletter-form .kurooi-newsletter-legal li{
    margin: auto !important;
}

.kurooi-newsletter-form .kurooi-newsletter-legal label {
    font-size: 1.3vw !important;
    line-height: 1.3vw !important;
    padding-left: 1vw;
}

.kurooi-newsletter-form .kurooi-newsletter-legal label > a {
    text-decoration: none;
    color: #d50f0f;
}

.kurooi-newsletter-form .kurooi-newsletter-legal label > a:hover {
    font-weight: bold;
}

.kurooi-newsletter-form .kurooi-newsletter-legal fieldset {
    text-align: center;
}

.kurooi-newsletter-form  form > .wpforms-field-container > .kurooi-newsletter-legal > fieldset > .wpforms-field-required input[type=checkbox]:checked:before {
    border-color: #d50f0f;
    box-shadow: 0 0 0 1px #d50f0f, 0px 1px 2px rgba(0, 0, 0, 0.15);
}

.kurooi-newsletter-form  form > .wpforms-field-container > .kurooi-newsletter-legal > fieldset > .wpforms-field-required input[type=checkbox]:checked:after {
    border-left: 4px solid #d50f0f;
    border-bottom: 4px solid #d50f0f;
}

.kurooi-newsletter-form .wpforms-submit-container {
    text-align: center;
}

.kurooi-newsletter-form .wpforms-submit-container .kurooi-newsletter-submit-btn {
    background: #d50f0f !important;
    color: #fff !important;
    font-family: jaf-mashine !important;
    font-size: 1.5vw;
    font-weight: bold;
    padding: 0.5vw 1.5vw;
    height: auto;
    border-radius: 0;
}

.kurooi-newsletter-form .wpforms-submit-container .kurooi-newsletter-submit-btn:hover {
    background: #f7c700 !important;
    color: #000 !important;
}



/* Estilos para pantallas grandes */
@media (min-width: 2560px) {
    .kurooi-coming-soon-social {
        padding: 2vw 5vw 2vw 0;
    }

    .kurooi-coming-soon-copy-banner {
        padding: 1vw 1.5vw;
        font-size: 0.8vw;
    }

    .kurooi-coming-soon-designed > img {
        max-width: 4vw;
        padding-left: 0.5vw;
    }
}

@media (min-width: 1501px) {
    .kurooi-coming-soon-social .wp-social-link {
        font-size: 2vw;
    }
}

/* Estilos para pantallas grandes */
@media (min-width: 1090px) {
    .kurooi-coming-soon-legal ul li::before {
        content: "|"; /* Añade la barra */
        margin: 0 5px; /* Espaciado alrededor de la barra */
        color: #fff; /* Ajusta el color si es necesario */
    }
}

@media (max-width: 1089px) {
    .kurooi-coming-soon-copy-banner {
        flex-direction: column;
    }
    
    .kurooi-coming-soon-legal {
        padding: 10px 0 15px;
    }

    .kurooi-coming-soon-legal ul li:not(:first-child)::before {
        content: "|"; /* Añade la barra */
        margin: 0 5px; /* Espaciado alrededor de la barra */
        color: #fff; /* Ajusta el color si es necesario */
    }

    .kurooi-coming-soon-designed {
        margin-left: unset;
    }
}

/* Estilos para dispositivos móviles */
@media (max-width: 768px) {
    .kurooi-coming-soon-info {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .kurooi-stickers__container {
        display: none;
    }
    .kurooi-coming-soon-social {
        padding: 15px;
    }
    .kurooi-newsletter__container {
        width: 90%;
    }
    .kurooi-title {
        font-size: 7vw;
        line-height: 7vw;
    }
    .kurooi-subtitle {
        font-size: 3.8vw;
        line-height: 4vw;
    }
    .kurooi-newsletter-form .kurooi-newsletter-email input{
        font-size: 5vw !important;
    }
    .kurooi-newsletter-form .kurooi-newsletter-legal label {
        font-size: 3vw !important;
        line-height: 3vw !important;
    }
    .kurooi-newsletter-form .wpforms-submit-container .kurooi-newsletter-submit-btn {
        font-size: 3.5vw;
        padding: 1vw 1.7vw;
    }
}

@media (max-width: 560px) {
    .kurooi-coming-soon-copyright span {
        display: block;
        text-wrap-style: balance;
        text-align: center;
    }
    .kurooi-coming-soon-legal ul {
        flex-direction: column;
        text-align: center;
    }

    .kurooi-coming-soon-legal ul li:not(:first-child)::before {
        content: "";
        margin: 0;
    }
}

/*Botón cuervo*/
#form-events {
    /*min-height: 435px;*/
}

#crow__button {
    display: flex;
    cursor: pointer;
}

#crow__text {
    font-family: jaf-mashine;
    height: 5%;
    width: 50%;
    margin: 10% -6% 0 6%;
    background: #000;
    color: #fff;
    font-size: 1.5vw;
    line-height: 1.5vw;
    font-weight: bold;
    text-align: center;
    padding: 1vw 4vw 1.5vw;
    clip-path: polygon(16% 0%, 100% 25%, 77% 80%, 0% 100%);
}

#crow__img {
    position: relative;
    width: 50%;
}

#crow__img--screaming {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

#newsletter-container {
    transform: scale(0);
    display: none;
    padding: 0;
}


/*Estilos newsletter*/
.sib-form {
    text-align: center;
    background-color: transparent;
}

#error-message.sib-form-message-panel {
    font-size: 1.2vw;
    line-height: 1.2vw;
    text-align:left; 
    font-family: jaf-mashine, Helvetica, sans-serif; 
    color:#661d1d; 
    background-color:#ffeded; 
    border-radius:3px; 
    border-color:#ff4949;
}

#success-message.sib-form-message-panel {
    font-size: 1.2vw;
    line-height: 1.2vw;
    text-align:left;
    font-family: jaf-mashine, Helvetica, sans-serif;
    color:#085229;
    background-color:#e7faf0;
    border-radius:3px;
    border-color:#13ce66;
}

#sib-container.sib-container--large {
    text-align:center;
    background-color:transparent;
    direction:ltr;
    padding: 2%;
}

#sib-form > div {
    padding: 1% 0;
}

#sib-form > #sib-form-call > .sib-form-block {
    font-size: 1.5vw;
    line-height: 1.5vw;
    text-align:center;
    font-weight:700;
    font-family: jaf-mashine, Helvetica, sans-serif;
    color:#000000;
    background-color:transparent;
}

#sib-form-email.entry__error.entry__error--primary {
    font-size: 1.2vw;
    line-height: 1.2vw;
    text-align:left;
    font-family: jaf-mashine, Helvetica, sans-serif;
    color:#661d1d;
    background-color:#ffeded;
    border-radius:3px;
    border-color:#ff4949;
}

.sib-form-block {
    padding: 0 2% !important;
}

#sib-form-optin #optin-text {
    display: block;
    font-size: 1.1vw;
    line-height: 1.1vw;
}

#sib-form-optin.entry__error {
    font-size: 1.2vw;
    line-height: 1.2vw;
    text-align:left;
    font-family: jaf-mashine, Helvetica, sans-serif;
    color:#661d1d;
    background-color:#ffeded;
    border-radius:3px;
    border-color:#ff4949;
}

#optin-legal {
    font-size: 1.1vw;
    line-height: 1.1vw;
    text-align: left;
    font-family:Helvetica, sans-serif;
    color:#000000;
    background-color:transparent;
}
    
.sib-optin > .form__entry > .form__label-row > .entry__choice {
    padding-left: 2vw;
    text-indent: -1.7vw;
}

.sib-form-block__button {
    font-size: 1.4vw;
    line-height: 1.4vw;
    text-align:center;
    font-weight:700;
    font-family: jaf-mashine, Helvetica, sans-serif;
    color:#FFFFFF;
    background-color:#d50f0f;
    border-radius:3px;
    border-width:0px;
    text-transform: uppercase;
}

#sib-container a {
    color: #000 !important;
    font-weight: bold;
    text-decoration: none !important;
}

#sib-container a:hover {
    color: #d50f0f !important;
}

@media(max-width:768px) {
    .sib-form-block {
        padding: 0 !important;
    }

    #error-message.sib-form-message-panel {
        font-size: 3vw;
        line-height: 3vw;
    }
    
    #success-message.sib-form-message-panel {
        font-size: 3vw;
        line-height: 3vw;
    }
    
    #sib-container.sib-container--large {
        padding: 2%;
    }
    
    #sib-form > div {
        padding: 1% 0;
    }
    
    #sib-form > #sib-form-call > .sib-form-block {
        font-size: 4.3vw;
        line-height: 4.3vw;
    }
    
    #sib-form-email.entry__error.entry__error--primary {
        font-size: 3vw;
        line-height: 3vw;
    }
    
    #sib-form-optin #optin-text {
        font-size: 3vw;
    line-height: 3vw;
    }
    
    #sib-form-optin.entry__error {
        font-size: 3vw;
        line-height: 3vw;
    }
    
    #optin-legal {
        font-size: 3vw;
        line-height: 3vw;
    }
    
    .sib-form-block__button {
        font-size: 3.5vw;
        line-height: 3.5vw;
    }
    
    .sib-optin > .form__entry > .form__label-row > .entry__choice {
        padding-left: 4vw;
        text-indent: -4vw;
    }
}

/*Clases animaciones*/
.hideCrow {
    animation: fadeOut 0.3s ease-in-out forwards;
}

.showCrow {
    animation: showCrow 0.3s ease-in-out forwards;
}

.zoomIn {
    animation: zoomIn 1s ease-in-out forwards;
}

.fadeOut {
    animation: fadeOut 1s ease-in-out forwards;
}

.zoomOut {
    animation: zoomOut 1s ease-in-out forwards;
}

@keyframes zoomIn {
    0% {
        transform: scaleY(0);
    }
    100% {
        transform: scaleY(1);
    }
}

@keyframes zoomOut {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes showCrow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@media (max-width: 768px){
    #crow__text {
        font-size: 3.6vw;
        line-height: 3.6vw;
        clip-path: polygon(11% 0%, 100% 13%, 80% 92%, 0% 99%);
    }
}

/*Newsletter*/
@font-face {
    font-display: block;
    font-family: Roboto;
    src: url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Roboto;
    font-weight: 600;
    src: url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Roboto;
    font-weight: 700;
    src: url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff")
}

#sib-container input:-ms-input-placeholder {
    text-align: left;
    font-family: jaf-mashine, Helvetica, sans-serif;
    color: #c0ccda;
}

#sib-container input::placeholder {
    text-align: left;
    font-family: jaf-mashine, Helvetica, sans-serif;
    color: #c0ccda;
}

#sib-container textarea::placeholder {
    text-align: left;
    font-family: jaf-mashine, Helvetica, sans-serif;
    color: #c0ccda;
}

#sib-container a {
    text-decoration: underline;
    color: #2BB2FC;
}

.sib-form {
    padding-top: 0 !important;
}

#sib-container {
        border-radius: 30px !important;
}