/*
Theme Name: Senoma Theme
Theme URI: https://senomahotels.com
Author: Lisbeth Balabarca
Description: Tema rápido, accesible y moderno.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: senoma-hotels
*/


@font-face {
    font-family: 'Arkhip';
    src: url('assets/fonts/Arkhip_font.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Verdana'; 
    src: url('assets/fonts/Verdana.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.pt-100{
    padding-top: 100px;
}
.pb-100{
    padding-bottom: 100px;
}
.pt-80{
    padding-top: 80px;
}
.pb-80{
    padding-bottom: 80px;
}
.bg-white{
    background: #fff;
}
.bg-principal{
    background: #F3ECE2;
}
.mb-20{
    margin-bottom: 20px;
}
.menu-top{
    position: fixed;
    width: 100%;
    background-color: transparent !important;
}
.menu-icon-desktop{
    margin: 0 !important;
    background: transparent !important;
    border: none;
}
.navbar-toggler {
    width: 50px;    
    height: 50px;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    width: 40px;   /* tamaño del ícono */
    height: 40px;
}

.menu-icon-desktop.icon-white .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.menu-icon-desktop.icon-black .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

.menu-top {
    transition: background-color 0.3s ease;
    background-color: transparent; /* color normal */
}
  
.menu-top.scrolled {
    background: #fff !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* opcional para dar sombra */
}  
.menu-top.scrolled .transp-button{
    background: rgba(45, 69, 84, 0.70);
    color: #fff;
}
.offcanvas{
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .16);
    background: #F3ECE2;
    padding: 20px;
}


.transp-button {
    display: inline-flex;
    padding: 14px 16px;
    justify-content: center;
    align-items: center;
    color: #2D4554;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.32px;
    text-decoration: none;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.70);
}

footer {
    background-color: #222;
    color: white;
    padding: 40px 0;
    text-align: center;
}


@media(max-width:768px){
    .hidden-mobile{
        display: none !important;
    }
    .mobile{
        display: flex !important;
        gap: 10px;
    }
    .mobile span.navbar-toggler-icon{
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
    }
    .mobile .transp-button{
        font-size: 10px;
        padding: 10px;
    }
    #main-logo{
        width: 72px;
        height: 54px;
    }
}