/** Logo  **/
#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
    height: 190px !important;
    position: absolute !important;
    padding: 0;
    z-index: 99;
}
#Top_bar .menu > li > a {
    padding: 0;
}
#Top_bar .logo {
    box-shadow: 2px 2px #00000066;
}
.post-template-default #Subheader .container {
    padding: 0 327px;
}
.post-nav a.button.default.the-icon {
    padding: 0px 20px;
}
ul.clients .client_wrapper {
    padding: 0;
    height: 100px;
}
/** Portafolio  **/
.image_frame.post-photo-wrapper.scale-with-grid.image {
    max-height: 210px;
}

/** asjuntar archivo **/
input[type="file"] {
    font-family: Arial, sans-serif; /* Fuente limpia y profesional */
    display: block; /* Asegura que se muestre correctamente */
    margin: 10px 0; /* Espaciado superior e inferior */
    padding: 8px 10px; /* Espaciado interno para hacerlo cómodo */
    font-size: 14px; /* Tamaño de fuente legible */
    color: #555; /* Color de texto */
    background-color: #f9f9f9; /* Fondo sutil y claro */
    border: 1px solid #ccc; /* Borde suave */
    border-radius: 5px; /* Bordes redondeados */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Sombra ligera */
    cursor: pointer; /* Cambia el cursor para indicar interacción */
    transition: all 0.3s ease; /* Transición para un efecto suave */
}

input[type="file"]:hover {
    background-color: #f0f0f0; /* Cambia el fondo al pasar el cursor */
    border-color: #888; /* Borde más oscuro en hover */
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); /* Incrementa la sombra */
}

input[type="file"]:focus {
    outline: none; /* Remueve el borde predeterminado del navegador */
    border-color: #007bff; /* Borde azul para enfoque */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Efecto de enfoque */
}
/* Eliminar las flechas del campo tipo número en navegadores modernos */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield; /* Para Firefox */


/** Footer  **/
#Footer {
    margin-top: 130px;
}
figure.image-footer {
    margin-top: -150px;
}

/** Mobiles **/
@media only screen and (max-width: 767px){
#Top_bar .logo #logo, #Top_bar .logo .custom-logo-link {
    margin: 0px 50px 0 20px;
}
#Top_bar .top_bar_right {
    padding: 5px 10px 0 110px;
}
#Top_bar a.responsive-menu-toggle {
    top: 31px;
    right: 20px;
}
.sticky-tb-color #Top_bar.is-sticky {
    height: 60px;
}
.mobile-sticky #Top_bar.is-sticky #logo, .mobile-sticky #Top_bar.is-sticky .custom-logo-link {
    height: 45px !important;
}
#Subheader {
    padding: 150px 0 20px;
}
}