/* ==========================================================================
   MAISON LA TURQUEZA - ATELIER PRIVADO (ESTILOS COMPLEMENTARIOS DEFINITIVOS)
   ========================================================================== */

/* Contenedor del formulario del Atelier integrado */
.atelier-wrapper { 
    position: relative; 
    max-width: 650px; 
    margin: 40px auto; 
    min-height: 580px; 
    background: #ffffff;
    border-radius: 8px; 
    box-shadow: 0 20px 60px rgba(4, 8, 51, 0.06); 
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* --- CORTINA DE BIENVENIDA CON DESVANECIMIENTO PREMIUM --- */
.atelier-curtain { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: #040833; 
    z-index: 10; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
    padding: 40px; 
    text-align: center; 
    opacity: 1;
    visibility: visible;
    transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s;
}

/* Al activarse se desvanece de manera fluida hacia arriba */
.atelier-curtain.lifted { 
    opacity: 0;
    transform: translateY(-30px);
    visibility: hidden;
}

.curtain-logo { 
    width: 120px; 
    height: auto; 
    margin-bottom: 25px; 
    filter: brightness(0) invert(1) drop-shadow(0 4px 15px rgba(0,245,212,0.3)); 
}

.curtain-title { 
    font-family: 'Cinzel', serif; 
    font-size: 24px; 
    color: #ffffff; 
    text-transform: uppercase; 
    letter-spacing: 4px; 
    margin-bottom: 12px; 
}

.curtain-sub { 
    font-size: 13px; 
    color: rgba(255, 255, 255, 0.6); 
    font-weight: 300; 
    line-height: 1.6; 
    max-width: 380px; 
    margin-bottom: 40px; 
}

.btn-reveal-atelier { 
    background: transparent; 
    border: 1px solid #00f5d4; 
    color: #00f5d4; 
    font-family: 'Montserrat', sans-serif; 
    font-size: 11px; 
    text-transform: uppercase; 
    letter-spacing: 2px; 
    padding: 15px 35px; 
    border-radius: 4px; 
    cursor: pointer; 
    font-weight: 500; 
    transition: all 0.3s; 
}
.btn-reveal-atelier:hover { 
    background: #00f5d4; 
    color: #040833; 
    box-shadow: 0 0 20px rgba(0, 245, 212, 0.4); 
}

/* --- TARJETA INTERNA DEL FORMULARIO --- */
.atelier-card { 
    background: #ffffff; 
    width: 100%; 
    padding: 45px; 
    opacity: 0; 
    transform: scale(0.97); 
    transition: opacity 0.5s ease, transform 0.5s ease;
    transition-delay: 0.1s; 
}

.atelier-wrapper.active .atelier-card { 
    opacity: 1; 
    transform: scale(1); 
}

.atelier-heading { 
    font-family: 'Cinzel', serif; 
    font-size: 22px; 
    text-transform: uppercase; 
    letter-spacing: 3px; 
    color: #040833; 
    text-align: center; 
    margin-bottom: 10px; 
}

.atelier-sub { 
    font-size: 13px; 
    color: #64748b; 
    text-align: center; 
    margin-bottom: 35px; 
    font-weight: 300; 
}

.atelier-form-group { 
    margin-bottom: 25px; 
    text-align: left; 
}

.atelier-label { 
    font-size: 11px; 
    text-transform: uppercase; 
    letter-spacing: 1.5px; 
    color: #040833; 
    font-weight: 600; 
    display: block; 
    margin-bottom: 10px; 
}

.atelier-select, .atelier-textarea, .atelier-file, .atelier-input-other { 
    width: 100%; 
    padding: 14px; 
    border: 1px solid rgba(4, 8, 51, 0.1); 
    border-radius: 4px; 
    font-size: 13px; 
    outline: none; 
    font-family: 'Montserrat', sans-serif; 
    background-color: #fafafa; 
    color: #040833; 
    transition: all 0.3s; 
}
.atelier-select:focus, .atelier-textarea:focus, .atelier-input-other:focus { 
    border-color: #00f5d4; 
    background-color: #ffffff; 
}
.atelier-textarea { height: 120px; resize: none; }

.atelier-input-other { 
    margin-top: 10px; 
    display: none; 
    background-color: #f0fdfa; 
    border-left: 3px solid #00f5d4; 
    animation: slideDownIn 0.3s forwards; 
}

.atelier-file { background: #ffffff; padding: 10px; font-size: 12px; }
.atelier-file::file-selector-button { 
    background: #040833; color: white; border: none; padding: 8px 16px; 
    border-radius: 2px; font-family: 'Montserrat', sans-serif; font-size: 11px; 
    text-transform: uppercase; cursor: pointer; margin-right: 15px; 
}
.atelier-file::file-selector-button:hover { background: #00f5d4; color: #040833; }

.btn-send-atelier { 
    width: 100%; padding: 16px; background-color: #040833; color: white; 
    border: none; font-family: 'Montserrat', sans-serif; font-size: 12px; 
    text-transform: uppercase; letter-spacing: 2px; cursor: pointer; border-radius: 4px; 
    transition: all 0.3s; 
}
.btn-send-atelier:hover { background-color: #00f5d4; color: #040833; font-weight: 600; }

@keyframes slideDownIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}