/* 
========================================================================================================================== 
        TOPBAR
========================================================================================================================== 
*/
#sp-top2 ul li {
    float: right;
    margin: 0px 20px 0px 0px;
}

#sp-top2 ul li span {
    margin-right: 5px;
}

#sp-section-1 {
    background-color: #cececea3;
    z-index: 2;
    position: relative;
}

#sp-section-1 .row {
    align-items: center;
}

#sp-section-2 {
    background-color: transparent;
    z-index: 2;
    position: relative;
}

/* poner en mitad el texto de centro */
#mod-custom111 p {
    margin-bottom: 0px;
}

#sp-section-1 {
    padding: 10px 30px;
}

/* hacer mas black el phone */
#sp-top2 .sp-contact-phone>a {
    font-weight: 700;
}

/*Logo mas grande*/
#sp-logo .logo .logo-image {
    height: 370px;
}

.pagina-estatica-legal #sp-logo .logo .logo-image {
    height: 80px;
}

.pagina-estatica-legal #sp-main-body {
    margin-top: 0px;
}


/* 
========================================================================================================================== 
        BODY
========================================================================================================================== 
*/
#sp-main-body {
    margin-top: -450px;
    position: relative;
    z-index: 1;
}

/*
Texto del primer slider de las páginas 
*/
#sppb-carousel1 .slider1 {
    margin: 500px 0 0 100px;
    width: 300px;
}

#sppb-carousel1 .slider1 h1 {
    color: black;
    font-size: 50px;
    font-weight: bold;
}

#sppb-carousel1 .slider1 p {
    color: black;
    font-size: 20px;
}

#sp-slider-inner-item-1687860555479-num-3-key .sp-slider-btn-text {
    text-align: center;
}

/*Cambios para la pag de pelucas*/
#sppb-carousel1 .slider1.blanco h1,
#sppb-carousel1 .slider1.blanco p {
    color: white;
}

.header .sppb-carousel .sppb-item img {
    width: 100%;
    max-height: 740px;
    object-fit: cover;
    min-height: 245px;
}

/* 
========================================================================================================================== 
        MENU
========================================================================================================================== 
*/
#sp-menu {
    padding-right: 60px;
}

#sp-menu .burger-icon>span {
    height: 4px;
    width: 120%;
    margin: 2px 0;
}

/* offcanvas */
.offcanvas-menu {
    background-color: #0a0a0a;
    color: #ffffff;
}


.offcanvas-menu .offcanvas-inner ul.menu>li a,
.offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #ffffff;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #977a6c !important;
}

.offcanvas-menu .offcanvas-inner a {
    color: #ffffff !important;
}

.offcanvas-menu .offcanvas-inner ul.menu,
.offcanvas-menu .offcanvas-inner ul.menu ul {
    margin: 30px 0px 15px 40px;
}

/* quitar el email */
.offcanvas-menu .mb-4 .sp-contact-email {
    display: none;
}

/* dejar la letra bonita */
.offcanvas-menu .offcanvas-inner ul.menu>li a,
.offcanvas-menu .offcanvas-inner ul.menu>li span {
    font-family: 'Roboto';
    text-transform: uppercase;
    font-weight: 300;
    font-size: 22px;
    line-height: 24px;
}

/* burger */
.offcanvas-active .burger-icon>span,
#modal-menu-toggler.active .burger-icon>span {
    background-color: white !important;
}

.offcanvas-menu .sp-contact-phone a {
    font-size: 30px;
    margin-left: 23px;
    font-weight: 700;
    font-family: 'Roboto';
    letter-spacing: 1px;
}

.offcanvas-menu .fa-phone:before,
.offcanvas-menu .fa-facebook:before,
.offcanvas-menu .fa-instagram:before {
    color: #ffffff;
    font-size: 20px;
}

#offcanvas-toggler {
    position: absolute;
    right: 20px;
    top: -45px;
}

/* darle la vuelta */
.fa-phone {
    transform: scaleX(-1);
}

/* dejarlo verticalmente alineado en el centro */
.offcanvas-menu .sp-contact-phone {
    display: flex;
    align-items: center;
}

/* dejar los iconoces en mitad */
.offcanvas-menu ul.social-icons,
.offcanvas-menu ul.sp-contact-info {
    display: flex;
    justify-content: center;
}

/* dejarlo bien */
.offcanvas-menu .offcanvas-inner ul.menu,
.offcanvas-menu .offcanvas-inner ul.menu ul {
    margin: 40% 0px 25% 40px;
}

/* fondo negro casi */
.offcanvas-inner {
    background-color: #0d0d0d;
}

/* 
========================================================================================================================== 
        PAGINA DE INICIO
========================================================================================================================== 
*/
#sp-slider-item-1687860555478-num-0-key>.sppb-container {
    margin: 340px 0px 0 10%;
}
.logos-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  
  
  .logos-flex img {
    width: 300px;
    height: 180px;
    object-fit: contain;
  }

/* 
================================== 
        resenas
================================== 
*/
.page-1 .sppb-carousel-extended-list .sppb-carousel-extended-item {
    /*border: solid 1px #967967;*/
    padding: 15px;
    min-height: 300px;
}

.page-1 .sppb-carousel-extended-team-content {
    margin: 0px;
}

.page-1 .sppb-carousel-extended-team-content .sppb-carousel-extended-team-designation .hacemos .text-hacemos {
    height: 80px;
}

.page-1 .sppb-carousel-extended-team-content .sppb-carousel-extended-team-designation .hacemos a {
    display: block;
    text-align: center;
}

.page-1 .sppb-carousel-extended-team-content .sppb-carousel-extended-team-designation {
    margin-bottom: 0;
}


/* 
========================================================================================================================== 
        PAGINA DE SALON
========================================================================================================================== 
*/

/* 
========================================================================================================================== 
        PAGINA DE EQUIPO
========================================================================================================================== 
*/
/* 
========================================================================================================================== 
        PAGINA DE NOVIAS
========================================================================================================================== 
*/
#sppb-addon-wrapper-375d9800-ad21-4ff6-8466-7c308895b3da {
    margin-left: 0px !important;
}

/* 
========================================================================================================================== 
        PAGINA DE SERVICIOS
========================================================================================================================== 
*/
.page-5 #sppb-carousel1 .slider1 {
    margin: 500px 0 0 185px;
    width: 300px;
}
/* 
========================================================================================================================== 
        PAGINA DE SPA
========================================================================================================================== 
*/
/* 
========================================================================================================================== 
        PAGINA DE PELUCAS
========================================================================================================================== 
*/
/* 
========================================================================================================================== 
        PAGINA DE CONTACTO
========================================================================================================================== 
*/

.seccion-formulario-contacto .sppb-form-button .sppb-btn.sppb-btn-custom {
    background-color: #977a6c !important;
    color: #FFFFFF !important;
    padding: 10px 50px 10px 50px !important;
}




/* 
========================================================================================================================== 
        FOOTER
========================================================================================================================== 
*/
.seccion-footer-direccion {
    border-right: 1px solid #d2c5bf;
}
#sp-position6 {
	    display: flex;
    justify-content: center;
}

/* 
================================== 
        MENU footer
================================== 
*/
#sp-bottom {
    padding: 35px 0 24px;
}

#sp-bottom .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

#sp-bottom #sp-bottom1 ul.menu {
    display: flex;
}

#sp-bottom .sp-module ul>li {
    padding: 0 40px;
}

#sp-bottom #sp-bottom1 li a {
    font-size: 19px;
    font-family: 'Space Grotesk';
    text-transform: uppercase;
    font-weight: 400;
}

/* 
================================== 
        logo+donde+horario
================================== 
*/
/* 
================================== 
        avisos legales
================================== 
*/
#sp-footer .container .container-inner {
    font-size: 78%;
}

#sp-footer #sp-footer2 .sp-column ul.menu li.item-116,
#sp-footer #sp-footer2 .sp-column ul.menu li.item-117 {
    border-right: 1px solid grey;
    padding-right: 15px;
}

/* 
========================================================================================================================== 
        RESPONSIVE
========================================================================================================================== 
*/
@media (max-width: 2560px) {}

@media (max-width: 1440px) {}

@media (max-width: 1399px) {

    /*Slider*/
    #sp-logo .logo .logo-image {
        height: 170px;
    }

    body:not(.itemid-101) #sp-main-body {
        margin-top: -230px;
    }

    .sppb-item.sppb-item-has-bg .sppb-carousel-item-inner>div>div {
        vertical-align: bottom;
    }

    #sppb-carousel1 .slider1 {
        margin: 0px;
        width: auto;
    }


    /*MENU footer*/
    #sp-bottom .sp-module ul>li {
        padding: 0 30px;
    }
}

@media (max-width: 1199px) {

    /*MENU footer*/
    #sp-bottom .sp-module ul>li {
        padding: 0 21px;
    }

    #sp-bottom #sp-bottom1 li a {
        font-size: 17px;
    }
}

@media (max-width: 1024px) {

    #sp-logo,
    #sp-menu {
        width: 50%;
    }
}

@media (max-width: 991px) {

    /*Slider*/
    #sp-top2 {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }

    body:not(.itemid-101) #sppb-carousel1 .sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {
        background: #ffffff65;
        padding-bottom: 0px;
    }

    body:not(.itemid-101) #sppb-carousel1 .sppb-item.sppb-item-has-bg .sppb-carousel-item-inner .sppb-carousel-content {
        padding-bottom: 0px;

    }

    #sppb-carousel1 .slider1.blanco h1,
    #sppb-carousel1 .slider1.blanco p {
        color: black;
    }


    #sp-top3 .social-icons {
        display: none;
    }

    .seccion-footer-direccion {
        border-right: none;
    }

    .iconos-redes-sociales-footer {
        text-align: center !important;
        margin: 0px 0px 20px;
    }

    /* MENU footer*/
    #sp-bottom .sp-module ul>li {
        padding: 0 13px;
    }

    #sp-bottom #sp-bottom1 li a {
        font-size: 14px;
    }
}

@media (max-width: 768px) {

    /* Inicio */
    .page-1 #sp-main-body {
        margin-top: -230px;
        position: relative;
        z-index: 1;
    }

    body.itemid-101 #sp-top2 {
        display: none;
    }

    .page-1 .sppb-carousel-extended-team-content .sppb-carousel-extended-team-designation .hacemos .text-hacemos {
        height: 120px;
    }

    #texto-intro-pagina br {
        display: none !important;
    }


    .sp-slider-outer-stage {
        height: 800px !important;
    }


    /* Demas paginas */
    body:not(.itemid-101) #sp-section-1 {
        display: none;
    }

    body:not(.itemid-101) #sp-section-2 {
        /*background-color: black;*/
        position: absolute;
        width: 100%;
    }

    /*body:not(.itemid-101) #sp-section-2 .burger-icon>span {
        background-color: white;
    }*/

    body:not(.itemid-101) #sp-logo .logo .logo-image {
        height: 80px;
        /*filter: invert(1);*/
    }

    body:not(.itemid-101) #sp-main-body {
        margin-top: 0px;
        position: initial;
    }
    #offcanvas-toggler {
        position: static; 
    }

}

@media (max-width: 742px) {

    /*MENU footer*/
    #sp-bottom {
        padding: 35px 0 0px;
    }

    #sp-bottom #sp-bottom1 ul.menu {
        display: block;
    }
}


@media (max-width: 560px) {

    /*MENU footer*/
    .sp-slider-outer-stage {
        height: 1000px !important;
    }

    #sppb-addon-1687860555478 .sp-slider #sp-slider-item-1687860555478-num-0-key #sp-slider-inner-item-1687860555479-num-3-key.sppb-sp-slider-button .sp-slider-btn-text {
        font-size: 20px !important;
    }

    .primera-linea .caja-precios {
        border-top: 1px solid #977a6c;
    }
}

@media (max-width: 425px) {
    #sppb-carousel1 .slider1 h1 {
        font-size: 25px;
    }

    #sppb-carousel1 .slider1 p {
        font-size: 15px;
    }

}

@media (max-width: 375px) {}

@media (max-width: 320px) {}