a {
    text-decoration: none !important;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.mobile-menu-element {
    font-family: Lato, sans-serif;
    line-height: 1.47368em;
    font-size: 17px;
    font-weight: 700;
    color: #15141C;
}

.font-size-s {
    font-size: 1.2rem !important;
}

.font-size-xs {
    font-size: 0.875rem !important;
}

.qodef-h2,
h2 {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 60px;
    line-height: 1em;
    letter-spacing: -.02em;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

#side-area-menu {
    width: 609px;
    padding: 35px 107px 35px;
    color: #fff !important;
    background-color: #15141c !important;
}

#qodef-page-header,
#qodef-page-mobile-header {
    position: fixed !important;
    top: 0;
    width: 100%;
}

.video-layer-1 {
    position: absolute !important;
    display: block !important;
    pointer-events: auto;
    touch-action: manipulation;
    left: 308px;
    top: 236px;
    z-index: 10 !important;
    visibility: visible !important;
    perspective: 601px;
}

.video-layer-2 {
    position: absolute;
    display: block;
    pointer-events: auto;
    touch-action: manipulation;
    left: 308px;
    top: 307px;
    z-index: 9;
    visibility: visible;
    perspective: 601px;
}

.video-layer-3 {
    position: absolute;
    display: block;
    pointer-events: auto;
    touch-action: manipulation;
    left: 311px;
    top: 547px;
    z-index: 8;
    visibility: visible;
    perspective: 601px;
}

.video-layer-4 {
    position: absolute;
    display: block;
    pointer-events: auto;
    touch-action: manipulation;
    left: 311px;
    top: 637px;
    z-index: 6;
    visibility: visible;
    perspective: 601px;
}

.rs-layer-title {
    z-index: 9 !important;
    font-family: "Space Grotesk";
    text-transform: uppercase;
    touch-action: manipulation;
    height: auto;
    color: rgb(255, 255, 255);
    text-decoration: none;
    white-space: normal;
    width: 888px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: left;
    line-height: 110px;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 110px;
    backdrop-filter: none;
    filter: none;
    transform-origin: 50% 50%;
    opacity: 1 !important;
    transform: translate(0px, 0px);
    visibility: visible !important;
}

.handtools-layer-1 {
    position: absolute; display: block; pointer-events: auto; left: 308px; top: 72px; z-index: 9; visibility: visible; perspective: 601px;
}

.handtools-layer-2 {
    position: absolute; display: block; pointer-events: auto; left: 311px; top: 247px; z-index: 8; visibility: visible; perspective: 601px;
}

.handtools-layer-3 {
    position: absolute; display: block; pointer-events: auto; left: 311px; top: 327px; z-index: 6; visibility: visible; perspective: 601px;
}

.index-title {
    font-size: 110px;
}

/* Estilos para pantallas pequeñas */
@media (max-width: 1024px) {

    .index-title {
        font-size: 3rem;
    }

    .carousel-caption {
        left: 5%;
    }

    .video-layer-1,
    .video-layer-2,
    .video-layer-3,
    .video-layer-4,
    .handtools-layer-1,
    .handtools-layer-2,
    .handtools-layer-3 {
        left: 15px;
        /* Ajusta la posición horizontal */
        width: 100%;
        /* Asegúrate de que se ajuste al ancho del contenedor */
        height: auto;
        /* Ajusta la altura proporcionalmente */
        perspective: auto;
        /* Reduce la perspectiva para pantallas pequeñas */
    }

    .rs-layer-title {
        width: 468px;
        line-height: 56px;
        font-size: 56px;
    }

    h2.qodef-m-title {
        font-size: 56px;
    }
}

.qodef-h1, h1 {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #15141c;
    font-size: 70px;
    line-height: 1em;
    letter-spacing: -.02em;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.qodef-h3,
h3 {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #15141c;
    font-size: 45px;
    line-height: 1.11111em;
    letter-spacing: -.02em;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.qodef-h4, h4 {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #15141c;
    font-size: 19px;
    line-height: 1em;
    letter-spacing: -.01em;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.qodef-h5, h5 {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #15141c;
    font-size: 25px;
    line-height: 1.2em;
    letter-spacing: -.02em;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.qodef-h6,
h6 {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #15141c;
    font-size: 20px;
    line-height: 1.2em;
    letter-spacing: -.02em;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.qodef-social-title {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #15141c;
    font-size: 20px;
    line-height: 1.2em;
    letter-spacing: -.02em;
}

.qodef-social-share ul {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    list-style: none;
    padding: 0;
    margin: 0;
}

.qodef-social-share.qodef-layout--list li {
    margin-right: 15px;
}

.qodef-section-title .qodef-m-text {
    margin: 16px 0 0;
}

.related > h2  {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #15141c;
    font-size: 45px;
    letter-spacing: -.02em;
}

.qodef-h2, h2 {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #15141c;
    font-size: 60px;
    line-height: 1em;
    letter-spacing: -.02em;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

body {
    font-family: Lato, sans-serif;
    font-size: 19px;
    line-height: 1.47368em;
    font-weight: 400;
    color: #616161;
    background-color: #fff;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.elementor-11458 .elementor-element.elementor-element-4622a01f:not(.elementor-motion-effects-element-type-background)>.elementor-widget-wrap,
.elementor-11458 .elementor-element.elementor-element-4622a01f>.elementor-widget-wrap>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-image: url("../img/home-3-column-background.jpg");
    background-size: cover;
}

.compromiso {
    background-image: url("../img/compromiso.jpg");
    background-size: cover;
}

.elementor-11458 .elementor-element.elementor-element-4622a01f>.elementor-element-populated {
    padding: 0% 0% 0% 20%;
}

.container-cifras {
    background-color: #EEEEEE;
    border-left: 0.5px solid black;
}


.text-black {
    color: #15141C !important;
}

.qodef-banner.qodef-skin--light .qodef-m-button .qodef-m-button-arrow-holder svg path {
    fill: inherit !important;
}

.object-fit-cover {
    width: 100%;  /* Ocupa el 100% del ancho del contenedor */
    height: 100%; /* Ocupa el 100% de la altura del contenedor */
    object-fit: cover; /* Asegura que la imagen se escale manteniendo la proporción */
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

.text-break {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.card:hover .text-break {
    text-overflow: initial;
    white-space: initial;
    overflow: visible;
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer;
}

.text-gray {
    color: #C1C1C1 !important;
}

.mt-102 {
    margin-top: 102px !important;
}

.breadcrumb-container {
    background-color: #f9f9f9;
}

.breadcrumb a, .breadcrumb span {
    font-size: 14px;
    font-weight: 600;
    color: #15141c;
    text-transform: uppercase;
    text-decoration: none;
    background-image: linear-gradient(to top, transparent 0, transparent calc(1px), currentColor calc(1px), currentColor 100%);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 calc(1px + 1px);
    transition: background-size .25s ease-out;
}

.breadcrumb-item+.breadcrumb-item::before {
    font-size: 14px;
    font-weight: 600;
    color: #15141c;
    text-transform: uppercase;
}

.resultados {
    font-size: 17px;
}

.breadcrumb {
    margin-bottom: 0;
}

ol:not(.wp-block), ul:not(.wp-block) {
    margin: 0;
}

a {
    color: #15141c;
}

.cat_activa {
    color:rgb(235, 187, 54) !important;
}

.dataTables_filter {
    display: none !important;
}

th .form-select {
    font-size: inherit;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.qodef-woo-meta-label {
    flex-shrink: 0;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #15141c;
    font-size: 20px;
    line-height: 1.2em;
    letter-spacing: -.02em;
    line-height: inherit !important;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion-button:not(.collapsed) {
    background-color: #000000;
    color: white !important;
}

.accordion-button {
    background-color: #000000;
    color: white !important;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-header button{
    font-size: 18px !important;
}


.pagination {
    --bs-pagination-border-radius: 0;
    border-radius: 0;
}

.active-nav-link {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

.inactive-nav-link{
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

.page-link {
    border-color: #000000 !important;
}

.dropdown-item:hover {
    background-color: transparent;
}

.divider {
    border-top: 1px solid #000000;
    padding-top: 30px;
}

.bg-dark-bianditz {
    background-color: #15141C;
}

.text-grey {
    color: #C1C1C1;
}

.hover-zoom {
    transition: transform 0.5s ease;
}

.hover-zoom:hover {
    transform: scale(1.1);
}

.fs-50 {
    font-size: 50px !important;
}

@media only screen and (max-width: 1596px) {
    #qodef-page-mobile-header {
        display: block;
    }
}

#qodef-page-header {
    height: auto;
}


.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}
.ribbon::before, .ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #2980b9;
    border: 5px solid rgba(180,180,180,.6);
}
.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    background-color: #3498db;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font: 700 18px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
}
  
/* top left */
.ribbon-top-left {
    top: -10px;
    left: 6px;
}
.ribbon-top-left::before, .ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
}
.ribbon-top-left::before {
    top: 0;
    right: 0;
}
.ribbon-top-left::after {
    bottom: 0;
    left: 0;
}
.ribbon-top-left span {
    right: -25px;
    top: 30px;
    transform: rotate(-45deg);
}
  
/* top right */
.ribbon-top-right {
    top: -10px;
    right: 6px;
}
.ribbon-top-right::before, .ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent;
}
.ribbon-top-right::before {
    top: 0;
    left: 0;
}
.ribbon-top-right::after {
    bottom: 0;
    right: 0;
}
.ribbon-top-right span {
    left: -25px;
    top: 30px;
    transform: rotate(45deg);
}
  
/* bottom left */
.ribbon-bottom-left {
    bottom: 11px;
    left: 6px;
}
.ribbon-bottom-left::before, .ribbon-bottom-left::after {
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.ribbon-bottom-left::before {
    bottom: 0;
    right: 0;
}
.ribbon-bottom-left::after {
    top: 0;
    left: 0;
}
.ribbon-bottom-left span {
    right: -25px;
    bottom: 30px;
    transform: rotate(225deg);
}
  
/* bottom right */
.ribbon-bottom-right {
    bottom: 11px;
    right: 6px;
}
.ribbon-bottom-right::before, .ribbon-bottom-right::after {
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.ribbon-bottom-right::before {
    bottom: 0;
    left: 0;
}
.ribbon-bottom-right::after {
    top: 0;
    right: 0;
}
.ribbon-bottom-right span {
    left: -25px;
    bottom: 30px;
    transform: rotate(-225deg);
}
  
.ribbon-obsoleto span {
    background-color: rgba(255,0,0,.7);
}
.ribbon-novedad span {
    background-color: rgba(0,0,255,.7);
}
.ribbon-proximamente span {
    background-color: rgba(255,165,0,.7);
    font: 700 16px 'Lato', sans-serif;
}  
.ribbon-promo {
    position:absolute;
    top:-10px;
    right:6px;
    z-index:999;
}

.qodef-header-standard--center #qodef-page-header-inner .qodef-header-navigation {
    margin-left: 0px;
}

.hover-none:hover {
    background-color: transparent !important;
    color: initial !important;
}

.custom-form {
    background-color: #F9F9F9;
    background-image: url('/assets/img/home-3-cf-background.png');
    background-position: center center;
    background-size: cover;
}