/* ==========================================
   LA CHAMANA BOOKING
   Estilo v0.2
========================================== */

.lcb-box{

    max-width:700px;
    margin:50px auto;
    padding:35px;

    background:#ffffff;

    border-radius:16px;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    font-family:Arial, Helvetica, sans-serif;

}

.lcb-box h2{

    text-align:center;

    font-size:28px;

    font-weight:700;

    margin:0;

    color:#222;

}

.lcb-subtitulo{

    text-align:center;

    color:#777;

    font-size:14px;

    line-height:22px;

    max-width:420px;

    margin:10px auto 35px auto;

}

#lcb-form{

    display:flex;

    flex-direction:column;

    gap:16px;

}

#lcb-form label{

    font-size:14px;

    font-weight:600;

    color:#444;

    margin-bottom:-6px;

}

#lcb-form input,
#lcb-form select,
#lcb-form textarea{

    width:100%;

    padding:14px;

    font-size:15px;

    border:1px solid #d8d8d8;

    border-radius:10px;

    background:#fff;

    transition:.25s;

    box-sizing:border-box;

}

#lcb-form input:hover,
#lcb-form select:hover,
#lcb-form textarea:hover{

    border-color:#b5b5b5;

}

#lcb-form input:focus,
#lcb-form select:focus,
#lcb-form textarea:focus{

    outline:none;

    border-color:#25D366;

    box-shadow:0 0 0 3px rgba(37,211,102,.12);

}

#lcb-form textarea{

    min-height:130px;

    resize:vertical;

}

.fecha-legible{

    margin-top:-8px;

    font-size:13px;

    color:#777;

    font-style:italic;

}

#lcb-boton{

    margin-top:12px;

    padding:16px;

    background:#25D366;

    color:#fff;

    border:none;

    border-radius:10px;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    transition:.25s;

}

#lcb-boton:hover{

    background:#1ea851;

    transform:translateY(-2px);

}

#lcb-boton:active{

    transform:translateY(0);

}

::placeholder{

    color:#b7b7b7;

}

/* ==========================================
   CELULAR
========================================== */

@media(max-width:768px){

    .lcb-box{

        margin:18px;

        padding:24px;

        border-radius:14px;

    }

    .lcb-box h2{

        font-size:24px;

    }

    .lcb-subtitulo{

        font-size:13px;

    }

    #lcb-form input,
    #lcb-form select,
    #lcb-form textarea{

        font-size:14px;

        padding:13px;

    }

    #lcb-boton{

        font-size:15px;

    }

}