Hello, World!
Inscripciones Curso 2026-2027
Reserva tu plaza para el próximo curso de pintura y cerámica.
Selecciona la disciplina, escoge tu grupo y completa tu solicitud.
¿Qué te gustaría cursar?
Cerámica
Pintura
Pintura + Cerámica
¿Quién asistirá?
Kinder
4-6 años
Munari 1
6-10 años
Munari 2
10-16 años
Accésit
+16 años
Adulto
Familia
/* ==========================
LA BLAU INSCRIPCIONES
========================== */
#lablau-inscripciones{
max-width:1200px;
margin:0 auto;
padding:40px 20px 80px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#2b2b2b;
}
/* HERO */
.lb-hero{
margin-bottom:60px;
}
.lb-hero-image{
overflow:hidden;
border-radius:24px;
}
.lb-hero-image img{
width:100%;
display:block;
height:auto;
}
.lb-hero-content{
text-align:center;
padding-top:30px;
}
.lb-hero-content h1{
font-size:3rem;
margin-bottom:15px;
font-weight:300;
letter-spacing:-1px;
}
.lb-hero-content p{
max-width:700px;
margin:0 auto;
line-height:1.7;
color:#666;
}
/* PASOS */
.lb-step{
display:none;
margin-top:40px;
}
.lb-step.active{
display:block;
}
.lb-step h2{
text-align:center;
font-size:2rem;
margin-bottom:35px;
font-weight:300;
}
/* TARJETAS */
.lb-cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:24px;
}
.lb-card{
background:white;
border:1px solid #ececec;
border-radius:22px;
overflow:hidden;
cursor:pointer;
transition:all .25s ease;
padding:0;
}
.lb-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,.08);
}
.lb-card.selected{
border:2px solid #111;
}
.lb-card-image{
aspect-ratio:4/3;
overflow:hidden;
}
.lb-card-image img{
width:100%;
height:100%;
object-fit:cover;
}
.lb-card h3{
padding:20px 20px 8px;
margin:0;
font-size:1.25rem;
font-weight:500;
}
.lb-card p{
padding:0 20px 20px;
margin:0;
color:#666;
}
/* HORARIO */
#scheduleContainer{
margin-top:30px;
}
.lb-schedule{
overflow-x:auto;
}
.lb-schedule table{
width:100%;
min-width:900px;
border-collapse:separate;
border-spacing:10px;
}
.lb-schedule th{
text-align:center;
font-weight:500;
padding:12px;
}
.lb-schedule td{
min-height:80px;
height:80px;
text-align:center;
}
.lb-slot{
background:#f5f5f5;
border-radius:14px;
padding:10px;
cursor:pointer;
transition:.2s;
font-size:.9rem;
}
.lb-slot:hover{
background:#e9e9e9;
}
.lb-slot.selected{
background:#111;
color:white;
}
.lb-slot.disabled{
opacity:.25;
cursor:not-allowed;
}
/* FORMULARIO */
#registrationForm{
max-width:900px;
margin:auto;
}
.lb-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
margin-bottom:24px;
}
label{
display:block;
margin-bottom:8px;
font-size:.95rem;
}
input,
textarea{
width:100%;
padding:14px;
border:1px solid #ddd;
border-radius:12px;
box-sizing:border-box;
}
textarea{
min-height:120px;
}
#guardianSection{
margin-top:40px;
padding-top:30px;
border-top:1px solid #eee;
}
/* RESUMEN */
#summaryCard{
max-width:800px;
margin:0 auto 40px;
background:#fafafa;
border-radius:20px;
padding:30px;
}
.lb-notice{
max-width:800px;
margin:30px auto;
background:#f7f7f7;
padding:30px;
border-radius:20px;
}
.lb-notice h3{
margin-top:0;
}
.lb-consent{
max-width:800px;
margin:30px auto;
}
.lb-consent label{
display:block;
margin-bottom:18px;
}
/* BOTONES */
.lb-actions{
display:flex;
justify-content:center;
gap:16px;
margin-top:40px;
}
.lb-btn,
#submitBtn{
background:#111;
color:white;
border:none;
border-radius:50px;
padding:14px 28px;
cursor:pointer;
font-size:1rem;
}
.lb-btn.secondary{
background:white;
color:#111;
border:1px solid #ddd;
}
/* MÓVIL */
@media(max-width:768px){
.lb-hero-content h1{
font-size:2rem;
}
.lb-grid{
grid-template-columns:1fr;
}
.lb-step h2{
font-size:1.6rem;
}
.lb-card{
max-width:none;
}
}
