@charset "UTF-8";

/*
    Theme Name: Mausa
    Version: 1.0
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px,
    xxl: 1600px
*/

:root {
    
    /* Setup colores  */
    --color-fondo: #FFFFFF;
    --color-principal: #000000;
    --color-secundario: #555;
    --color-destacado: #002FF7;
    --color-blanco: #ffffff;
    --color-negro: #000000;
    --color-gris: #F1F1F1;
    
    /* Setup Tipografía  */
    --tipografia: kumbh-sans-variable, sans-serif;
    --tipografia-secundaria: anonymous-pro, monospace;
    --color-tipografia: var(--color-principal);
    /* 
    --texto-80: calc(40px + (80 - 40) * (100vw - 375px) / (1680 - 375));
    --texto-80-max: 80px;
    --texto-80-min: 40px;
    
    --texto-40: calc(28px + (40 - 28) * (100vw - 375px) / (1680 - 375));
    --texto-40-max: 40px;
    --texto-40-min: 28px;
    
    --texto-35: calc(25px + (35 - 25) * (100vw - 375px) / (1680 - 375));
    --texto-35-max: 35px;
    --texto-35-min: 25px;
    
    --texto-25: calc(16px + (25 - 16) * (100vw - 375px) / (1680 - 375));
    --texto-25-max: 25px;
    --texto-25-min: 16px;
    
    --texto-20: calc(16px + (20 - 16) * (100vw - 375px) / (1680 - 375));
    --texto-20-max: 20px;
    --texto-20-min: 16px;
     */
    
    /* 
    80%
    
    --texto-80: calc(40px + (64 - 32) * (100vw - 375px) / (1680 - 375));
    --texto-80-max: 64px;
    --texto-80-min: 32px;
    
    --texto-40: calc(22px + (32 - 22.4) * (100vw - 375px) / (1680 - 375));
    --texto-40-max: 32px;
    --texto-40-min: 22px;
    
    --texto-35: calc(20px + (28 - 20) * (100vw - 375px) / (1680 - 375));
    --texto-35-max: 28px;
    --texto-35-min: 20px;
    
    --texto-25: calc(16px + (20 - 16) * (100vw - 375px) / (1680 - 375));
    --texto-25-max: 20px;
    --texto-25-min: 16px;
    
    --texto-20: calc(16px + (18 - 16) * (100vw - 375px) / (1680 - 375));
    --texto-20-max: 18px;
    --texto-20-min: 16px; 
    */
    
    /*
    75%
    */
    --texto-80: calc(30px + (60 - 30) * (100vw - 375px) / (1680 - 375));
    --texto-80-max: 60px;
    --texto-80-min: 30px;
    
    --texto-40: calc(21px + (30 - 21) * (100vw - 375px) / (1680 - 375));
    --texto-40-max: 30px;
    --texto-40-min: 21px;
    
    --texto-35: calc(18.75px + (26.25 - 18.75) * (100vw - 375px) / (1680 - 375));
    --texto-35-max: 26.25px;
    --texto-35-min: 18.75px;
    
    --texto-25: calc(16px + (18.75 - 16) * (100vw - 375px) / (1680 - 375));
    --texto-25-max: 18.75px;
    --texto-25-min: 16px;
    
    --texto-20: calc(16px + (20 - 16) * (100vw - 375px) / (1680 - 375));
    --texto-20-max: 20px;
    --texto-20-min: 16px;
}

.no-wrap {
    white-space: nowrap;
}
.btn-primary {
    background-color: var(--color-destacado);
    border-color: var(--color-destacado);
}
.relativiza {
    position: relative;
}
.container.no-padding,
.container-fluid.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media screen and (min-width: 991px) {
    .container-fluid{
        width: 90%;
    }
}
.container.full,
.container-fluid.full {
    width: 100% !important;
    max-width: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
    .container.full img.img-fluid,
    .container-fluid.full img.img-fluid{
        width: 100% !important;
        max-width: none;
    }

b,strong {
  font-weight: bold;
}

textarea, select, input, button { outline: none; }

body {
    position: relative;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--tipografia);
    font-variation-settings: "wght" 400;
    background: var(--color-fondo);
    color: var(--color-principal);
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    font-size: var(--texto-25-min);
}
    @media screen and (min-width: 568px) {
        body {
            font-size: var(--texto-25);
        }
    }
    @media screen and (min-width: 1680px) {
        body {
            font-size: var(--texto-25-max);
        }
    }
b, strong {
  font-variation-settings: "wght" 700;
}
a {
    color: var(--color-destacado);
    text-decoration: underline;
}
a:hover {
    color: var(--color-secundario);
    text-decoration: none;
}
a.btn {
  text-decoration: none;
}
.border-destacado, 
.btn.color-destacado {
  border-color: var(--color-destacado) !important;
  border-width: 2px !important;
}
.btn.cv {
    text-decoration: underline;
    font-family: var(--tipografia-secundaria);
    color: var(--color-destacado);
    padding: 1rem 1.5rem;
}
.btn.cv:after {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: 20px;
    background: url('img/flecha-cv.svg') no-repeat 50%;
    background-size: contain;
}
.btn.btn-underline {
    text-decoration: underline;
    color: var(--color-destacado);
}
.btn.btn-underline:hover {
    text-decoration: none;
}


form {
    font-size: 16px;
}
    form .group {
        border-bottom: 1px solid white;
        display: grid;
        grid-template-columns: 25% auto;
    }
        /* form .group .form-label {
            grid-column: 1 / 6;
            grid-row: 1;
        }
        form .group .form-control {
            grid-column: 5 / 6;
            grid-row: 1;
        } */
    form .group .form-control {
        background-color: transparent;
        border-color: transparent;
        color: white;
    }
    form .group .form-control:focus {
        border-color: transparent !important;
        background-color: transparent !important;
    }

#resultadoMensaje div {
  font-size: 1rem !important;
  padding: 1rem;
  margin-top: 1rem;
  background-color: rgba(255,255,255,.1);
  border-radius: 8px;
}
#resultadoMensaje div p {
  margin: 0;
  font-size: 1.2rem !important;
}
#resultadoMensaje div.error {
  background-color: rgba(255,0, 0,.4); 
}
  


/* 
    Classes 
*/
    
    .color-destacado { color: var(--color-destacado); }
    .texto-80 { font-size: --texto-80-min; }
    .texto-40 { font-size: --texto-40-min; }
    .texto-35 { font-size: --texto-35-min; }
    .texto-20 { font-size: --texto-20-min; }
    
    @media screen and (min-width: 568px) {
        .texto-80  { font-size: var(--texto-80); }    
        .texto-40  { font-size: var(--texto-40); }    
        .texto-35  { font-size: var(--texto-35); }    
        .texto-20  { font-size: var(--texto-20); }    
    }
    @media screen and (min-width: 1680px) {
        .texto-80 { font-size: var(--texto-80-max); }
        .texto-40 { font-size: var(--texto-40-max); }
        .texto-35 { font-size: var(--texto-35-max); }
        .texto-20 { font-size: var(--texto-20-max); }
    }
    
    .fondo-gris {
        background-color: var(--color-gris);
        border: 40px solid #FFF;
        margin-bottom: 3rem;
    }
    .fondo-gris.full {
        border: none;
    }
      @media screen and (min-width: 991px) {
        .fondo-gris {
            padding: 3rem;
        }
        
      }
    .fondo-azul {
        background-color: var(--color-destacado);
        color: white !important;
    }
    .fondo-blanco {
        background-color: white;
    }
    .fondo-negro {
        background-color: black;
        color: white;
    }
    
    
    /* Titulares  */
    
    .slash::before {
        display: inline-block;
        content: '/ ';
        margin-right: 1rem;
    }
    .slash-after::after {
        display: inline-block;
        content: ' /';
        margin-left: 1rem;
    }
    .bullet::before {
        /* display: inline-block;
        content: '· ';
        margin-right: 1rem;
        font-variation-settings: "wght" 900; */
        content: ' ';
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 4px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: var(--color-destacado);
    }
    
    .titular-negrita {
        font-family: var(--tipografia);
        font-variation-settings: "wght" 800;
    }
    .titular-bold {
        font-family: var(--tipografia);
        font-variation-settings: "wght" 600;
    }
    .texto-mono,
    .titular-mono {
        font-family: var(--tipografia-secundaria);
    }
    .negrita,
    .texto-mono.negrita,
    .titular-mono.negrita {
        font-weight: bold;
    }
    
    @media screen and (min-width: 991px) {
        .azul-negro {
            background-color: var(--color-destacado);
            background-image: url('img/fondo-azul-negro.svg');
            background-repeat:  no-repeat;
            background-position: 50%;
            background-size: cover;
            color: var(--color-blanco);
        }
    }
    .border, 
    .border-top,
    .border-right,
    .border-bottom,
    .border-left 
    {
        border-color: #000 !important
    }
    .border.destacado, 
    .border-top.destacado,
    .border-right.destacado,
    .border-bottom.destacado,
    .border-left.destacado 
    {
        border-color: var(--color-destacado) !important
    }
    


#cabecera {
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    transition: .2s ease-in-out;
    background-color: transparent;
}
#cabecera #logo {
    width: 100%;
    max-width: 250px;
    height: auto;
    transition: .2s ease-in-out;
    margin-top: 20px;
}
#cabecera.on {
    background-color: var(--color-blanco);
}
#cabecera.on #logo {
    max-width: 150px;
    filter: invert(100%);
}
.tax-categoria #hamburguesa span,
.page-template-default #hamburguesa span,
.page-template-page-etg-ofertador-web #hamburguesa span,
.single-casos-de-estudio #hamburguesa span,
.tax-categoria #logo,
.page-template-page-etg-ofertador-web #logo,
.page-template-default #logo,
.single-casos-de-estudio #logo{
    filter: invert(100%);
}
.logged-in #cabecera {
    top: 32px;
}


#control-menu {
    display: inline-block;
}
    #hamburguesa {
        display: inline-block;
        width: 20px;
        height: 30px;
        position: relative;
        margin: 5px 0 0 10px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    #hamburguesa span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: var(--color-blanco);
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    #cabecera.on #hamburguesa span {
        background-color: black;
    }
    
    #hamburguesa span:nth-child(1) {
        top: 0px;
    }
    
    #hamburguesa span:nth-child(2),#hamburguesa span:nth-child(3) {
        top: 8px;
    }
    
    #hamburguesa span:nth-child(4) {
        top: 16px;
    }
    
    #hamburguesa.on span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    
    #hamburguesa.on span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    #hamburguesa.on span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    #hamburguesa.on span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    #hamburguesa.on span {
        background-color: var(--color-destacado);
    }
    @media screen and (min-width: 1280px) {
        #hamburguesa {
            width: 30px;
            height: 30px;
        }
        #hamburguesa span:nth-child(2),#hamburguesa span:nth-child(3) {
            top: 12px;
        }
        
        #hamburguesa span:nth-child(4) {
            top: 24px;
        }
    } 
    /* body.on #contenido {
      filter: blur(5px);
    } */
    #fondo-menu {
      position: fixed;
      z-index: 2;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      opacity: 0;
      pointer-events: none;
      /* backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px); */
      background-color: rgba(0,0,0,.0);
      transition: all .3s ease-in-out;
    }
      #fondo-menu.on {
        opacity: 1;
      }

    nav {
        position: fixed;
        top: 0;
        right: -30%;
        width: 100%;
        z-index: 3;
        height: 100vh;
        display: flex;
        align-items: center;
        transition: all .3s ease-in-out;
        background-color: white;
        opacity: 0;
        pointer-events: none;
    }
        @media screen and (min-width: 1024px) {
            nav {
                width: 50%;
            }
        }
        nav.on {
            right: 0;
            opacity: 1;
            pointer-events: all;
        }
        /* .home nav {
            left: 0;
        } */
        .home #control-menu {
            display: none;
        }    
    
        #menu {
            margin: 0;
            padding: 2rem 4rem;
            width: 100%;
            font-family: var(--tipografia-titulares);
            font-weight: var(--tipografia-titulares-peso);
            font-size: var(--texto-35);
            list-style: none;
            counter-reset: item;
        }
            @media screen and (min-width: 1680px) {
                #menu {
                    font-size: var(--texto-35-max);
                }
            }
        #menu li {
            list-style-type: none;
            padding: .5rem 0;
            /* border-bottom: 1px solid var(--color-destacado); */
            text-transform: uppercase;
            counter-increment: item;
            margin-bottom: 5px;
            
        }
        #menu li:before {
            margin-right: 30px;
            content: '0'  counter(item) '/ ';
            width: 1.2em;
            text-align: center;
            display: inline-block;
            font-size: 18px;
        }
        #menu li.current_page_item a {
            font-variation-settings: 'wght' 700;
            color: var(--color-destacado);
        }
        #menu.secundario li {
            font-size: 1rem;
        }
        #menu li:last-child {
            border-bottom: none;
        }
        #menu li a {
            text-decoration: none;
            color: var(--color-principal);
        }
    .idiomas {
        position: absolute;
        top: 90%;
        margin: 0;
        padding: 0 4rem;
        display: block;
    }
        .idiomas li {
            margin: 0 1rem 0 0;
            padding: 0;
            display: inline-block;
            font-size: var(--texto-20);
            font-family: var(--tipografia-secundaria);
            font-weight: bold;
        }


.cycle-pager {
  text-align: center; 
}
  .cycle-pager span {
        width:  15px;
        height: 15px;
        display: inline-block;
        content: '';
        border: 1px solid var(--color-destacado);
        border-radius: 50%;
        color: var(--color-destacado);
        background-color: var(--color-destacado);
        opacity: .5;
        margin: 10px 5px;
        cursor: pointer;
  }
  .cycle-pager span.cycle-pager-active {
    opacity: 1;
  }


#la-circulo {
    position: absolute;
    z-index: 2;
    top: 100vh;
    left: 55vw;
    width: 250px;
    margin-top: -250px;
    animation: rotation 12s infinite linear;
}
    @keyframes rotation {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(359deg);
        }
    }
    @media screen and (min-width: 992px) {
        #la-circulo {
            right: 40vw;
            width: 45vh;
            width: -45vh;
        }
    }
    @media screen and (min-width: 1680px) {
        #la-circulo {
            right: 40vw;
            width: 45vh;
            width: -45vh;
        }
    }
    




#slide {
        height: 100vh;
        display: flex;
        align-items: center;
        position: relative;
        overflow: hidden;
    }

    #slide video {
        position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            object-fit: cover;
    }
    
    #youtube-video {
        width: 100vw;
        height: 100vh;
        object-fit: cover;
    }
    #logo-partner {
        position: absolute; 
        top: 70vh;
        pointer-events: none;
        width: 100%;
        text-align: right;
    }
    #logo-partner img {
        width: 250px;
        max-width: 250px;
    }
#slide.full {
    min-height: 90vh;
}
    #slide h1 {
        font-family: var(--tipografia);
        font-variation-settings: "wght" 800;
        font-size: var(--texto-80-min);
    }
    #slide p {
        font-size: var(--texto-35-min);
        font-family: var(--tipografia-secundaria);
    }
    @media screen and (min-width: 568px) {
        #slide h1 {
            font-size: var(--texto-80);
        }
        #slide p {
            font-size: var(--texto-35-min);
            font-size: var(--texto-35);
        }
    }
    @media screen and (min-width: 1680px) {
        #slide h1 {
            font-size: var(--texto-80-max);
        }
        #slide p {
            font-size: var(--texto-35-max);
        }
    }

.marquee {
    overflow: hidden;
    width: 100%;
    background-color: var(--color-gris);
}
    .marquee_content {
        display: flex;
        animation: scrolling 10s linear infinite;
        font-size: var(--texto-40);
        font-family: var(--tipografia-secundaria);
        text-decoration: none;
    }
    .marquee_content.reverse {
        animation: scrolling_reverse 10s linear infinite; 
    }
    .marquee_content div {
        flex-shrink: 0;
        padding: 1rem 1rem;
        color: var(--color-destacado);
        font-weight: bold;
        text-transform: lowercase;
    }
    .marquee_content div:after {
        content: ' / ';
    }
    @keyframes scrolling {
        0% { transform: translateX(0)}
        100% { transform: translateX(-100%)}
    }
    @keyframes scrolling_reverse {
        0% { transform: translateX(-100%)}
        100% {transform: translateX(0) }
    }


/* 
  Home 
*/ 
  .fondo-moldes {
    background: transparent url('img/home/moldes.jpg') no-repeat 50%;
    background-size: cover;
  }
  .fondo-piezas-mecanizadas {
    background: transparent url('img/home/piezas-mecanizadas.jpg') no-repeat 50%;
    background-size: cover;
  }
  .fondo-impresion-3d {
    background: transparent url('img/home/impresion-3d.jpg') no-repeat 50%;
    background-size: cover;
  }
  .fondo-diseno-y-escaneado {
    background: transparent url('img/home/diseno-y-escaneo-3d.jpg') no-repeat 50%;
    background-size: cover;
  }

/* 
  Additive Manufacturing
*/ 
  .fondo-natural {
    background: #928E86;
  }
  .fondo-soft-touch {
    background: #EBECEC;
  }
  .fondo-pulido {
    background: transparent url('img/additive-manufacturing/fondo-pulido-surface.jpg') no-repeat 50%;
    background-size: cover;
  }
  .fondo-tintado {
    background: transparent url('img/additive-manufacturing/fondo-tintado.png') no-repeat 50%;
    background-size: cover;
  }



.casos-exito .snippet {
    border-left: 2px solid var(--color-destacado);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 2rem;
}
figure.overflow,
.snippet figure {
    overflow: hidden;
}
.casos-exito .snippet a {
    text-decoration: none;
    color: var(--color-principal);
} 
.casos-exito .snippet a:hover {
    text-decoration: none;
}
figure.overflow img, 
.snippet figure img {
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
figure.overflow:hover img, 
.casos-exito .snippet:hover img {
    transform: scale( 1.1, 1.1);
}
.casos-exito .snippet .numero {
    font-size: var(--texto-40);
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1em;
    font-variation-settings: "wght" 700;
}
    
.casos-exito .snippet h2 {
    font-family: var(--tipografia);
    font-size: var(--texto-35);
    text-transform: uppercase;
}
.casos-exito .snippet .texto {
    font-family: var(--tipografia-secundaria);
    font-size: var(--texto-20);    
}
    @media screen and (min-width: 1680px) {
        .casos-exito .snippet .numero {
            font-size: var(--texto-40-max);
        }
        .casos-exito .snippet h2 {
            font-size: var(--texto-35-max);   
        }
        .casos-exito .snippet .texto {
            font-size: var(--texto-20-max);   
        }
    }
.snippet.plus {
  position: relative;
  padding-bottom: 2rem !important;
}
.snippet.plus a {
  display: block;
  padding-bottom: 30px;
 }
.snippet.plus:after {
  content: '+';
  position: absolute;
  bottom: 30px;
  left: 15px;
  font-size: var(--texto-35);
  font-variation-settings: "wght" 700;
  color: var(--color-destacado);
}

table {
    width: 100%;
    margin-bottom: 3rem;
}
    table caption {
        color: var(--color-destacado);
        text-transform: uppercase;
        caption-side: top;
        text-align: center;
        padding-bottom: 1rem;
    }
    table tr,
    table caption {
        border-bottom: 1px solid black;
    }
    table tr:last-child {
        border-bottom: none;
    }
    table th {
        font-variation-settings: "wght" 700;
        font-size: var(--texto-35);
        padding: 10px;
    }
    table td {
        font-size: var(--texto-25);
        padding: 10px;
        vertical-align: top;
    }

.borde {
    border: 1px solid var(--color-destacado);
}
.borde-botton {
    border-bottom: 1px solid var(--color-destacado);
}

h1 a {
    font-size: 20px;
    font-weight: bold;
    font-family: var(--tipografia-secundaria);
    text-decoration: underline;
    color: var(--color-destacado);
    text-transform: lowercase;
}

.circulo:before {
    content: '';
    width:  40px;
    height: 40px;
    border-radius: 40px;
    float: left;
}
.circulo.txt-pa12:before {
    background: url('img/additive-manufacturing/txt-pa12.jpg') no-repeat 50%; 
    background-size: cover;
}
.circulo.txt-pa12-gb:before {
    background: url('img/additive-manufacturing/txt-pa12-gb.jpg') no-repeat 50%; 
    background-size: cover;
}
.circulo.txt-tpa:before {
    background: url('img/additive-manufacturing/txt-tpa.jpg') no-repeat 50%; 
    background-size: cover;
}
.circulo.txt-pp:before {
    background: url('img/additive-manufacturing/txt-pp.jpg') no-repeat 50%; 
    background-size: cover;
}



#pie .creditos {
    font-size: 15px;
    font-family: var(--tipografia-secundaria);
    font-weight: bold;
}
#pie .creditos ul {
    margin: 0;
    padding: 0;
    text-align: right;
}
#pie .creditos ul li {
    display: inline-block;
    list-style-type: none;
    margin: 0 20px 0 0;
    padding: 0;
}
#pie .creditos ul li:last-child {
    margin-right: 0;
}
#pie a {
    color: white;
}
    #pie .google-maps-link {
        padding-right: 25px;
        background-image: url('img/flecha-up.svg');
        background-repeat: no-repeat ;
        background-position-x: 98%;
        background-position-y: center;
        background-size: contain;
        text-decoration: none;
        transition: .2s ease-in-out;
    }
    #pie .google-maps-link:hover {
        background-position-x: 100%;
    }
#pie .creditos a {
    color: var(--color-destacado);
}
#pie .creditos a:hover {
    text-decoration: underline;
}

iframe.iframe-video {
    aspect-ratio: 16 / 9;
    width: 100% !important;
    height: auto;
}

#newsletter {
    position: relative;
    font-size: 16px;
}
.newsletter-contacto a {
    display: block;
    text-decoration: none;
}
.newsletter-contacto a p {
    background: url('img/flecha.svg') no-repeat 95% 50%;
    padding-right: 50px;
    transition: ease-in-out .2s all;
}
.newsletter-contacto a:hover p {
    background: url('img/flecha.svg') no-repeat 100% 50%;
    padding-right: 50px;
}
# #email-newsletter {
    padding: 10px;
    color: #FFF;
    width: 100%;
    background: transparent;
    border: 1px solid var(--color-blanco);
}
#newsletter #enviar {
    position: absolute !important;
    right: 0 !important;
    top: 10px !important;
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    all: unset;
    text-indent: -9999em;
    width: 50px;
    background: url('img/flecha.svg') no-repeat 0 50%;
    cursor: pointer;
    transition: .25s ease-in-out;
}
#newsletter #enviar:hover {
    background: url('img/flecha.svg') no-repeat 80% 50%;
}


.tax-categoria #contenido,
.page-template-page-etg-ofertador-web #contenido,
.page-template-default #contenido,
.single-casos-de-estudio #contenido {
  margin-top: 150px;
}
.single-casos-de-estudio #contenido h2,
.single-casos-de-estudio #contenido h3 {
  font-size: var(--texto-20);
  font-weight: bold;
  font-variation-settings: "wght" 700;
  text-transform: uppercase;
  padding: 1rem 0;
  margin-bottom: 1rem;
}
.single-casos-de-estudio #contenido h2 {
  border-bottom: 1px solid var(--color-destacado);
}
.wp-block-columns.is-layout-flex {
  gap: 0;
}
.single-casos-de-estudio #contenido .wp-block-columns {
  border-top:    2px solid var(--color-destacado);
  border-bottom: 2px solid var(--color-destacado);
  /* margin-bottom: 2rem; */
}
.single-casos-de-estudio #contenido .wp-block-columns .wp-block-columns {
  border-top: 0;
}
.single-casos-de-estudio #contenido .wp-block-columns .wp-block-columns .wp-block-column{
  padding-left: 1em;
}
/* .single-casos-de-estudio #contenido .wp-block-column {
  padding: 2rem 0;
} */
.single-casos-de-estudio #contenido .wp-block-column:first-child {
  border-right: 2px solid var(--color-destacado);
}


.grecaptcha-badge {
  display: none;
}





/* ! Ofertador --------------------------- */

#app-ofertador {
    position: relative;
}
#subir {
    position: relative;
  /* position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 10;
  background: white;
  padding: 0.5rem;
  border-radius: 4px;
  box-shadow: 0 0 4px rgba(0,0,0,0.2); */
}
canvas { display: block; }

#controles {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: flex;
  flex-direction: row;
}
#controles button {
    background: var(--color-destacado);
    border: 1px solid var(--color-destacado);
    padding: 0.5rem 0.7rem;
    font-size: 1.2rem;
    width: 50px;
    height: 50px;
    cursor: pointer;
    margin: 0;
  /*box-shadow: 0 0 4px rgba(0,0,0,0.2); */ 
}
#controles button span {
    display: none;
}
#controles button#zoomIn {
    background: var(--color-destacado) url(img/ofertador/plus.svg) no-repeat 50%;
    background-size: 90%;
}
#controles button#zoomOut {
    background: var(--color-destacado) url(img/ofertador/minus.svg) no-repeat 50%;
    background-size: 90%;
}
#controles button#reset {
    background: var(--color-destacado) url(img/ofertador/reload.svg) no-repeat 50%;
    background-size: 70%;
}
#controles button:hover {
    background-color: var(--color-principal) !important;
    border-color: var(--color-principal);
}
#stl-meta {
    background-color: #eee;
    padding: 1rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
}
#stl-price .precio {
  float: right;
  text-align: right;
  min-width: 80px; /* opcional, para que queden alineados */
  display: inline-block;
} 

.dropzone {
  display: block;
  padding: 2rem;
  border: 2px dashed #6c757d;
  border-radius: 0.5rem;
  text-align: center;
  cursor: pointer;
  color: #6c757d;
  transition: background 0.2s;
}
.dropzone:hover {
  background: #f8f9fa;
}


.add-inserto,
.add-rosca {
    border: 1px solid var(--color-destacado);
    background: var(--color-destacado) url(img/ofertador/plus.svg) no-repeat 50%;
    background-size: cover;
    color: rgba(255, 255, 255, 0);
    width: 30px;
    height: 30px;
    border-radius: 30px;
}
.add-inserto:hover,
.add-rosca:hover {
    border: 1px solid var(--color-principal);
    background: var(--color-principal) url(img/ofertador/plus.svg) no-repeat 50%;
    background-size: cover;
    color: rgba(255, 255, 255, 0);
    width: 30px;
    height: 30px;
}



a.flecha {
    background: url('img/flecha.svg') no-repeat 95% 50%;
    padding-right: 50px;
    transition: ease-in-out .2s all;
    color: white;
    filter: invert(100%);
}
a.flecha:hover {
    background: url('img/flecha.svg') no-repeat 100% 50%;
    padding-right: 50px;
}