:root {
    --naranja: #eb661c;
    --gris: #f6f6f4;
    --grisOscuro: #a7a2a0;
    --verdeOscuro: #17331c;
}

/*
****************************************************************************************
GENERAL
****************************************************************************************
*/
html {
    font-size: 100%;
}

.fondo-naranja {
    background-color: var(--naranja);
}

.fondo-gris {
    background-color: var(--gris);
}

.fondo-grisOscuro {
    background-color: var(--grisOscuro);
}

.fondo-verdeOscuro {
    background-color: var(--verdeOscuro);
}

.btn-naranja,
#btn-b375a8f7-5eff-4cd1-b2d1-c4d3f4419fe9 {
    background-color: var(--naranja);
    border: 1px solid var(--naranja);
    color: white;
}

.btn-naranja:hover,
#btn-b375a8f7-5eff-4cd1-b2d1-c4d3f4419fe9:hover {
    color: white;
}

.btn-verde {
    background-color: var(--verdeOscuro);
    border: 1px solid var(--verdeOscuro);
    color: white;
}

.btn-verde:hover {
    color: white;
}

.btn-transp-verde {
    border: 1px solid var(--verdeOscuro);
    color: var(--verdeOscuro);
}

.btn-transp-verde:hover {
    color: var(--verdeOscuro);
}

/*
****************************************************************************************
MENU
****************************************************************************************
*/
.burger-icon>span {
    background-color: var(--naranja);
}

#sp-header {
    height: 140px;
    display: flex;
    padding: 0 65px;
}

#sp-header * {
    color: var(--naranja);
}

#sp-header .btn-naranja,
#sp-header .sp-menu-item a {
    color: white;
}

#sp-header #sp-logo {
    display: flex;
    align-items: center;
}

#sp-header #sp-logo img {
    height: 80px;
}

#carrito-box img {
    width: 30px;
}

#sp-header .btn-naranja {
    font-size: 20px;
    padding: 0px 15px;
    border-radius: 5px;
    height: fit-content;
}

#sp-header .menu-lami-inf {
    max-height: 50px;
}

#sp-header #sp-menu {
    position: static;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

#sp-header #sp-menu>div {
    display: flex;
    gap: 25px;
}

.sp-profile-wrapper:hover .sp-profile-dropdown {
    z-index: 9999;
}

form.familia-search {
    display: flex;
    width: 190px;
    position: relative;
}

form.familia-search button {
    background: none;
    border: none;
    position: absolute;
    right: 0;
}

.row-mm-catalogos .catalogos-box {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
    color: var(--verdeOscuro);
    gap: 20px;
}

.row-mm-catalogos .catalogos-box .box>img {
    width: 250px;
    height: 280px;
}

.row-mm-catalogos .catalogos-box .box .box-info {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 15px;
    color: var(--verdeOscuro);
    font-size: 20px;
    line-height: 40px;
}

.row-mm-catalogos .catalogos-box .box .box-info img {
    width: 40px;
}

/*
****************************************************************************************
INICIO
.page-1
****************************************************************************************
*/
.page-1 .sppb-carousel-inner>.sppb-item>img,
.sppb-img-responsive {
    max-height: 455px;
}

.row-accesosrapidos .accesos-rapidos {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

.row-accesosrapidos .accesos-rapidos .box {
    display: block;
    position: relative;
}

.row-accesosrapidos .accesos-rapidos .box>img {
    border-radius: 15px;
}

.row-accesosrapidos .accesos-rapidos .box a {
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: flex;
    gap: 20px;
    padding: 30px;
    align-items: center;
}

.row-accesosrapidos .accesos-rapidos .box a:hover div p {
    text-decoration: underline;
}

.row-accesosrapidos .accesos-rapidos .box a>img {
    width: 45px;
    height: 45px;
}

.row-accesosrapidos .accesos-rapidos .box a div {}

.row-accesosrapidos .accesos-rapidos .box a div p {
    margin: 0;
    color: white;
    font-size: 1rem;
}

.row-accesosrapidos .accesos-rapidos .box a div p:first-child {
    font-weight: bold;
    font-size: 1.2rem;
}

.row-lamiinfo img {
    max-width: 400px;
    width: 100%;
}

.row-lamiinfo .sppb-addon-text-block h2 {
    font-size: 2rem;
}

.row-lamiinfo .sppb-addon-text-block p {
    font-size: 1.5rem;
}

.row-catalogos .catalogos-box {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
    color: black;
    gap: 20px;
}

.row-catalogos .catalogos-box .box>img {
    width: 300px;
    height: 390px;
}

.row-catalogos .catalogos-box .box .box-info {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 15px;
}

.row-catalogos .catalogos-box .box .box-info h3 {
    color: black;
    font-size: 20px;
    margin: 0;
    line-height: 35px;
}

.row-catalogos .catalogos-box .box .box-info img {
    width: 40px;
}

.row-banner {
    background: var(--naranja);
}

.row-banner .sppb-addon-title {
    color: white;
    font-size: 4vw;
    font-weight: 400;
    line-height: 95px;
}

.row-banner .sppb-addon-title strong {
    font-size: 5vw;
}

.row-banner .sppb-addon-text-block {
    color: white;
    font-size: 1.5rem;
    line-height: normal;
}

.row-lamiinfo2 p {
    font-size: 1.5rem;
}

.row-cta1 .sppb-addon-title {
    font-size: 1.5rem;
    color: white;
}

.row-cta1 p {
    font-size: 1.5rem;
    color: white;
}

.row-cta1 img {
    max-width: 200px;
    margin-bottom: 20px;
}

.row-cta1 .sppb-addon-title {
    font-size: 3rem;
}

#column-id-1763391176459 {
    max-width: 455px;
    margin: 0 auto;
}

.row-ventajasLami .sppb-column-addons {
    max-width: 425px;
    margin: 0 auto;
}

.row-ventajasLami .sppb-addon-title {

    font-size: 2.5rem;
    margin-bottom: 63px;
}

.row-ventajasLami ul {
    list-style-image: url(../../../images/img/logos/item.webp);
}

.row-ventajasLami ul li {
    font-size: 1.5rem;
    margin-bottom: 25px;
}

.row-cta2 .sppb-addon-text-block {
    margin: 0 auto;
}

.row-cta2 .sppb-addon-text-block p {
    font-size: 2.5vw;
    color: white;
    font-weight: 100;
    line-height: 3vw;
}

.row-cta2 .sppb-addon-text-block p strong {
    font-size: 2vw;
    font-weight: bold;
}

.row-lamiinfo2 .info-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.row-lamiinfo2 .info-box .box {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.row-lamiinfo2 .info-box .box img {
    height: 35px;
}

.row-lamiinfo2 .info-box .box div {
    width: 255px;
}

.row-lamiinfo2 .info-box .box div h3 {
    font-size: 25px;
}

.row-lamiinfo2 .info-box .box div p {
    font-size: 20px;
}

/*
****************************************************************************************
Productos - estilos
****************************************************************************************
*/
.page-familia {
    display: flex;
    gap: 20px;
}

.page-familia .filtros-familia {
    width: 280px;
}

.page-familia .filtros-familia .form-check {
    font-size: 1.2rem;
}

.titulo-filtro {
    color: var(--naranja);
    margin: 0 0 10px 0;
}
.familias-grid {
    gap: 20px;
    padding: 0 50px;
}
.familias-grid .col {
min-width: 250px;
    max-width: 250px;
    margin: 0;
    padding: 0;
}

.familias-grid .card .card-img-top img {
    height: 100%;
    object-fit: cover;
}

.familias-grid .card .card-body {
    padding: 0;
    height: 130px;
    position: relative;
}

.familias-grid .card .card-body .card-title {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    padding: 0px 10px
}

.familias-grid .card .card-body a {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 0;
    background: var(--naranja);
    border: var(--naranja);
}
.pagination>.active>span,
.pagination>.active>span:hover {
    border-color: var(--naranja);
    background-color: var(--naranja);
}
/*
****************************************************************************************
Producto - estilos
****************************************************************************************
*/
.com_productoslami.view-familia {
    font-size: 1.2rem;
}

.com_productoslami.view-familia h1 {
    font-size: 1.5rem;
}

.com_productoslami.view-familia .cabecera {
    margin: 0 0 40px 0;
}

.com_productoslami.view-familia .cabecera .product-data .referencia {
    color: var(--naranja);

}

.com_productoslami.view-familia #caracteristicas .caracteric-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.com_productoslami.view-familia #caracteristicas .caracteric-box .box {
    min-width: 200px;
}

.com_productoslami.view-familia #caracteristicas .caracteric-box .box p:first-child {
    font-weight: bold;
    font-size: 20px;
    color: var(--verdeOscuro);
    text-align: center;
    border-bottom: 2px solid var(--verdeOscuro);
    margin: 0 0 10px 0;
}

.com_productoslami.view-familia #caracteristicas .caracteric-box .box p:last-child {
    font-size: 20px;
    text-align: center;
}

#familiaTabs .nav-item .active {
    background-color: #fbfbfbf7;
}

#familiaTabs .nav-item .nav-link,
#familiaTabs .nav-item .nav-link:focus,
#familiaTabs .nav-item .nav-link:hover {
    color: var(--verdeOscuro);
}

#familiaTabsContent {
    min-height: 300px;
    padding: 25px;
    background-color: #fbfbfbf7;
}

.com-productoslami.view-familia .iconos {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 15px;
    margin: 10px 0;
}

.com-productoslami.view-familia .iconos img {
    width: 50px;
}

.com-productoslami.view-familia #seleccionarRef {
    background: none;
    border: none;
    color: var(--naranja);
    font-size: 22px;
}

.documentos-box ul {
    list-style: none;
}

.documentos-box ul a {
    color: var(--naranja);
}

.referencias-table {
    margin-top: 50px;
}

.referencias-table .card {
    border: none;
}

.referencias-table .card .header-referencias {
    color: var(--naranja);
}

.referencias-table .card .header-referencias h2 {}

.referencias-table .card .card-body {}

.referencias-table .card .card-body .c1 {
    width: 145px;
}

.referencias-table .card .card-body .c2 {
    width: 120px;
}

.referencias-table .card .card-body .c3 {
    width: 220px;
}

.referencias-table .card .card-body tbody form .qty-btn,
.product-data form .qty-btn{
    border: none;
    color: var(--naranja);
    font-weight: bold;
}
.product-data form{}
.product-data form#seleccionarArticulo{
        flex-wrap: wrap;
}
.product-data form#seleccionarArticulo > div{
            display: flex;
}
.product-data form#seleccionarArticulo #seleccionarRef{
        width: 100%;
    background: var(--naranja);
    color: white;
    margin-top: 15px;
}
/*
****************************************************************************************
Producto - GALERÍA DE PRODUCTO
****************************************************************************************
*/
.producto-galeria {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.producto-galeria__viewport {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.producto-galeria__viewport figure {
    margin: 0;
    max-width: 100%;
    text-align: center;
}

.producto-galeria__imagen {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    height: 400px;
    object-fit: contain;
}

.producto-galeria__control {
    background: transparent;
    border: none;
    color: var(--naranja);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    cursor: pointer;
}

.producto-galeria__control:focus,
.producto-galeria__control:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
}

.producto-galeria__thumbs {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
    gap: 0.5rem;
}

.producto-galeria__thumb {
    border: 2px solid transparent;
    padding: 0;
    background: none;
    cursor: pointer;
}

.producto-galeria__thumb img {
    width: 100%;
    height: auto;
    display: block;
}

.producto-galeria__thumb.is-active {
    border-color: var(--naranja);
}

/*
****************************************************************************************
MARCAS
.page-7
****************************************************************************************
*/
.page-7 .row-logosMarcas {}

.page-7 .row-logosMarcas .sppb-row-column {}

.page-7 .row-logosMarcas .sppb-column-addons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-7 .row-logosMarcas .sppb-column-addons img {
    object-fit: contain;
    max-height: 160px;
}

/*
****************************************************************************************
CONTACTO
.page-9
****************************************************************************************
*/
.page-9 .sppb-addon-form-builder-form label {
    font-size: 15px;
}

.page-9 .sppb-addon-form-builder .sppb-form-check-label::before {
    top: inherit;
    border: 2px solid var(--naranja);

}

.sppb-addon-form-builder .sppb-form-check-input:checked+label::before {
    background: var(--naranja);
}

.page-9 .sppb-addon-form-builder .sppb-form-check-label::after {
    top: inherit;
    background: var(--naranja);
}

/*
****************************************************************************************
REGISTRO USUARIO
****************************************************************************************
*/
#member-registration {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

#member-registration .control-group.field-spacer {
    display: none;
}

#member-registration .registration-box {
    width: 45%;
    min-width: 300px;
}

#member-registration .com-users-registration__submit {
    width: 100%;
}

/*
****************************************************************************************
OFERTAS
****************************************************************************************
*/
.blog.com-content-category-blog .article .article-body .article-introtext {
    font-size: 1.2rem;
}

.blog.com-content-category-blog .article .article-body .readmore {
    text-align: end;
}

.blog.com-content-category-blog .article .article-body .readmore a {
    color: var(--naranja);
}

/*
****************************************************************************************
FOOTER
****************************************************************************************
*/
#sp-bottom {
    background-color: var(--gris);
    padding: 1px;
    font-size: 1rem;
}

#sp-bottom .sp-module {
    margin-bottom: 0px;
}

#sp-bottom #column-id-1752140419368 {
    max-width: 380px;
    margin: 0 auto;
}

#sp-bottom #column-id-1752140419368 #sppb-addon-1752140985832 img {
    width: 300px;
    margin-top: 50px;
}

#sp-bottom address {
    margin-top: 40px;
}

#sp-bottom address .box {
    display: flex;
    gap: 15px;
    color: black;
    font-size: 1.5rem;
    align-items: center;
    margin-bottom: 15px;
}

#sp-bottom address .box img {
    height: 30px;
    width: 30px;
    object-fit: contain;
}

/*
****************************************************************************************
MEDIA QUERY
****************************************************************************************
*/
@media only screen and (max-width: 1440px) {}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1420px;
    }
}

@media only screen and (max-width: 1200px) {
    .page-familia {
        flex-direction: column;
    }
}

@media only screen and (max-width: 992px) {
    #sp-header #sp-menu .menu-lami-sup {
        display: none;
    }

    .row-banner .sppb-addon-title {
        line-height: 55px;
    }
}

@media only screen and (max-width: 768px) {
    html {
        font-size: 85%;
    }

    .com-productoslami.view-familia #sp-main-body {
        padding: 50px 0;
    }

    .page-7 .row-logosMarcas .sppb-row-container>.sppb-row.sppb-align-center {
        justify-content: center;
    }

    .page-7 .row-logosMarcas .sppb-row-column {
        max-width: 210px !important;
    }

    .producto-galeria__imagen {
        height: 100%;
    }

    .com_productoslami.view-familia .cabecera .product-data {
        margin: 20px 0;

    }
}

@media only screen and (max-width: 576px) {
    .page-1 .row-banner .sppb-addon-title {
        font-size: 30px;
        line-height: 40px;
    }

    .page-1 .row-banner .sppb-addon-title strong {
        font-size: 35px;
    }
}