/* ================================
   BUILT TITLING FONT FAMILY
================================ */

/* Regular */
@font-face {
    font-family: 'BuiltTitling';
    src: url('fonts/built-titling-rg.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

/* Regular Italic */
@font-face {
    font-family: 'BuiltTitling';
    src: url('fonts/built-titling-rg it.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

/* Light */
@font-face {
    font-family: 'BuiltTitling';
    src: url('fonts/built-titling-lt.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

/* Light Italic */
@font-face {
    font-family: 'BuiltTitling';
    src: url('fonts/built-titling-lt-it.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

/* Extra Light */
@font-face {
    font-family: 'BuiltTitling';
    src: url('fonts/built-titling-el.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}

/* Extra Light Italic */
@font-face {
    font-family: 'BuiltTitling';
    src: url('fonts/built-titling-el-it.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
}

/* Semi Bold */
@font-face {
    font-family: 'BuiltTitling';
    src: url('fonts/built-titling-sb.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

/* Semi Bold Italic */
@font-face {
    font-family: 'BuiltTitling';
    src: url('fonts/built-titling-sb-it.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
}

/* Bold */
@font-face {
    font-family: 'BuiltTitling';
    src: url('fonts/built-titling-bd.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

/* Bold Italic */
@font-face {
    font-family: 'BuiltTitling';
    src: url('fonts/built-titling-bd-it.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}






body {
    margin: 0;
    font-family: Arial, sans-serif;
    background:url(img/fondo.jpg) center center;
    background-attachment: fixed;
    color: white;
    text-align: center;
}

.hero {
    max-width:600px;
    margin: 0 auto;   /* 👈 esto lo centra */
}

.logo h1 {
    margin: 0;
    font-size: 28px;
}

.btnIdioma{max-width:30%;margin:10px 5% 20px 5%;}

.borde{border: 1px #dfee00 solid;}
.imgBtn{max-width:80%;}
.imgBtnCh{max-width:40%; margin:10px 0px;}
.imgBtnHrs{max-width:80%;}

.contenedor {
    margin: 0 auto;   /* 👈 esto lo centra */
    max-width:600px;
    padding: 20px 20px 0px 20px;
}

/* BOTONES MENU */
.btn-menu {
    border: none;
    padding: 15px 40px;
    font-size: 22px;
    font-weight: bold;
    border-radius: 8px;
    margin-bottom: 15px;
    cursor: pointer;
}

.botones-menu {
    display: none;
}
.botones-menu button {
    display: block;
    width: 200px;
    margin: 10px auto;
    padding: 10px;
    border-radius: 8px;
    border: 2px solid #fff;
    background: transparent;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

/* HORARIOS */
.horarios h2 {
    background: red;
    padding: 10px;
    font-family: 'BuiltTitling';
    letter-spacing: 2px;
    text-align: left;
}

.lista-horarios {
    width: 100%;
    margin: 30px 0px;
    display:none;
}

.lista-horarios span {
    text-align: right !important;
    font-size: 30px;
    width:80%;
}

.lista-horarios  .sp2 {
    text-align: left !important; float: right;
    width:80%;
}

.lista-horarios p {
    display: grid;
    grid-template-columns: 1fr 1fr; /* dos columnas iguales */
    margin: 6px 0;
    font-family: 'BuiltTitling', sans-serif;
    font-size: 22px;
}

.lista-horarios span {
    text-align: left;
}

.lista-horarios p::after {
    content: attr(data-time);
}



/* INFO BOX */
.info-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 20px 0;
    padding: 15px;
    border-radius: 10px;
}

.info-box img {
    width: 50px;
}

.verde {
    background: #8dc63f;
}

.amarillo {
    background: #ffcc00;
    color: black;
}

/* DOMICILIO */
.domicilio {
    background: red;
    padding: 15px;
    margin: 20px 0;
}

.domicilio img {
    width: 60px;
}

.domicilio h2 {
    font-family: 'BuiltTitling';
}

.logotipo{max-width:150px;margin-top: -60px;}

/* REDES */
.redesFondo {
    background:url(img/fondoCuadrados.png);
    background-position: center top;
    background-size: cover;
    padding: 20px 20px 0px 20px;
    margin-top: 80px;
    border-radius: 15px;
    color: black;
}

.iconos-redes img {
    width:80px;
    margin: 20px;
    cursor: pointer;
}

footer {
    max-width:600px;
    margin: 0 auto;   /* 👈 esto lo centra */
    padding: 15px;
    font-size: 14px;
    background: #065c25;
}






@media(max-width:800px){

.imgBtn{max-width:96%;}
.imgBtnCh{max-width:60%; margin:10px 0px;}
.imgBtnHrs{max-width:96%;}

.btn-menu {
    padding: 5px 10px;
    margin-bottom: 5px;
}
.iconos-redes img {
    width:60px;
    margin: 10px;
    cursor: pointer;
}

}/*media 800*/