/* CSS Unificado: mihoja.css + semi.css */

/* --- Estilos Generales y Tipografía --- */
h2 {
    color: #3598FE;
    text-align: center;
}

.titulo {
    text-align: center;
    color: #3598FE;
    font-weight: bold;
}

SELECT {   
    font-size: 21pt;   
    font-family: verdana, arial, helvetica;
    width: 45% !important;
    float: left;
    margin: 0 auto;
}

INPUT {   
    font-size: 20pt;   
    font-family: verdana, arial, helvetica;   
}

.fecha {
    width: 90% !important;
}

/* --- Contenedores y Estructura Principal --- */
.detras {
    background-image: url(/images/detras.webp); 
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    font-size: 18px;
    padding: 10px;
}

.box {
    border-radius: 10px;
    border: none;
    background-color: rgba(255, 255, 255, 0.4); 
    width: 90%;
    margin: auto;
    padding: 25px;
}

.sombra { 
    width: 90%;
    border: 1px solid #ddd;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
    padding: 10px;
    border-radius: 10px;
    background-color: #FFFFFF;
    margin: auto;
}

/* --- Sistema de Columnas --- */
.fila:after {
    content: "";
    display: table;
    clear: both;
}

.col-25 {
    float: left;
    width: 25%;
}

/* --- Alineación y Posicionamiento --- */
.derecha, .right {
    text-align: right;
}

.right {
    float: right;
}

/* --- Clases de Texto y Precios --- */
.precio {
    font-size: 40px;
    font-weight: bold;
    color: #3598FE;
}

.reservar {
    font-size: 34px;
    font-weight: bold;
    color: #3598FE;    
}

.r {
    color: #e00c0c;
    text-align: center;
    font-size: 18px;
}

/* --- Variantes de Fuente (tefe) --- */
.tefe {
    font-size: 18pt;
    text-align: left;
}

.tefe2 {
    font-size: 14pt;
    color: #3598FE;
    text-align: center;
}

.tefe3 {
    font-size: 14pt;
    font-weight: bold;
    color: #0b08d5;
    text-align: center;
    background-color: #aecff0;
}

.tefe4 {
    font-size: 14pt;
    text-align: left;
}

.fe7 {
    font-size: 14pt;
    font-weight: bold;
    color: #0b08d5;
    text-align: center;
    background-color: #e2c870;
}

.fe8 {
    font-size: 14pt;
    font-weight: bold;
    color: #f01111;
    text-align: center;
    background-color: #e2c870;
}

/* --- Media Queries (Responsividad) --- */
@media screen and (max-width: 980px) {
    .col-50 {
        width: 100%;
        margin-top: 0;
    }
    .col-25 {
        width: 50%;
        margin-top: 0;
    }
    .col-50:after {
        content: "";
        display: table;
        clear: both;
    }
}

@media screen and (max-width: 600px) {
    .col-25 {
        width: 100%;
        margin-top: 0;
    }
}