/*
Theme Name: CARPAS INDUSTRIALES
Theme URI: https://carpasindustriales.com
Author: SAO Branding
Author URI: https://saobranding.com/
Description: Tema personalizado
Requires at least: 6.0
Tested up to: 8.2
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: https://ncs.ucm.es/
Tags:

*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz@9..40&family=DM+Serif+Display&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    --main-font: 'Roboto', sans-serif;
    --secondary-font: 'Roboto', sans-serif;
    --xxxl: 9rem;
    --xxml: 8rem;
    --xxl: 6rem;
    --xl: 5rem;
    --l: 3rem;
    --m: 2.4rem;
    --s: 1.8rem;
    --xs: 1.4rem;
    --xxs: 1.2rem;

    --casi-blanco: rgb(245, 245, 245);
    --casi-negro: rgb(39, 39, 39);

    --negro: #000;
    --amarillo-vall: #fdc82f;
    --gris-vall: #ECEEEE;

    --rosa: #B1007C;
    --amarillo: #F2C43E;
    --verde-o: #269748;
    --verde-c: #A2C037;
    
    --text: rgb(34, 34, 35);
    --text-light: rgb(122, 122, 122);
}

::-webkit-scrollbar {
    width: 10px !important;
    background-color: white !important;
}
::-webkit-scrollbar-thumb {
    background-color: var(--casi-negro) !important;
    background-image: none !important;
    border-radius: 0;
}

html {
    font-size: 55%;
    margin-top: 0 !important;
}

body {
    background-color: white;
    font-family: var(--secondary-font);
}

wrap {
    display: block;
    max-width: 100vw;
    width: 100%;
    overflow-x: hidden;
    /* padding-top: 75px; */
}

wrap *::-moz-selection {
    background-color: var(--negro);
    color: white;
}

wrap *::selection {
    background-color: var(--negro);
    color: white;
}

/* Carrousel Home */
.caroufredsel_wrapper ul {
    list-style: none;
    padding: 0;
}
.caroufredsel_wrapper li {
    font-size: var(--xxxl);
}

section {
    position: relative;
}
img, svg, .cta {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

/* Captcha */
.grecaptcha-badge {
    display: none;
}

.filter-azul-o {
    filter: sepia() saturate(10000%) hue-rotate(200deg) brightness(0.6);
    -webkit-filter: sepia() saturate(10000%) hue-rotate(200deg) brightness(0.6);
}


/* GENÉRICOS */
.cta {
    --main-cta: var(--negro);
    --sec-cta: var(--casi-blanco);
    
    background-color: var(--main-cta);
    color: var(--sec-cta)!important;

    display: block;
    padding: 5px 10px;
    max-width: 300px;
    width: 100%;
    border-radius: 0;
    border: 2px solid var(--main-cta);

    cursor: pointer;
    text-align: center;
    font-size: var(--s);
    text-decoration: none !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.cta-invertido {
    --main-cta-inv: var(--amarillo-vall);
    --sec-cta-inv: var(--casi-blanco);
    
    background-color: var(--main-cta-inv);
    color: var(--sec-cta-inv);

    display: block;
    padding: 5px 10px;
    max-width: 300px;
    width: 100%;
    border-radius: 0;
    border: 2px solid var(--main-cta-inv);

    cursor: pointer;
    text-align: center;
    font-size: var(--s);
    text-decoration: none !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.cta:hover {
    background-color: transparent;
    color: var(--main-cta)!important;
    border: 2px solid var(--main-cta);
}
.cta-invertido:hover {
    background-color: transparent;
    color: var(--main-cta-inv);
    border: 2px solid var(--main-cta-inv);
}

.cta.comprar {
    border: 2px solid var(--casi-negro) !important;
    color: var(--casi-negro) !important;
    background-color: white !important;
    position: relative;
}
.cta.comprar:hover {
    color: white !important;
    background-color: var(--casi-negro) !important; 
}
.cta.comprar  svg {
    position: absolute;
    right: 0;
    height: 100%;
    border-left: 2px solid var(--casi-negro);
    top: 0;
    padding: 6px 10px;
    fill: var(--casi-negro);
}
.cta.comprar:hover  svg {
    background-color: var(--casi-negro);
    fill: white;
    border-left: 2px solid white;
}
section .cta {
    --main: var(--negro);
    --sec: var(--txt);
}
.dinamic-cta {
    height: 40px;
}

.spacer-100,
.spacer-50 {
    background: transparent;
}
.spacer-100 {
    height: 100px;
}
.spacer-50 {
    height: 50px;
}

.mi-list {
    list-style-type: none;
}
.mi-list li::before {
    content: '⦊';
    position: absolute;
    left: -15px;
    
}
.color-blanco {
    color: white;
}
.position-lg-absolute {
    position: absolute;
}


/* DECORACIONES */
.decoration-canvas {
    position: relative;
    min-height: 300px;
    min-width: 300px;
}
.dec-gris {
    width: 100px;
    height: 100px;
    background-color: var(--casi-blanco);
}
.dec-azul {
    width: 100px;
    height: 100px;
    background-color: var(--amarillo-vall);
    opacity: .5;
}
.degradado-circulo {
    width: 650px;
    height: 650px;
    border-radius: 100%;
}
.degradado-circulo.azul {
    background: rgb(175,222,222);
    background: -o-radial-gradient(circle, rgba(175,222,222,1) 0%, rgba(0,0,0,0) 65%,  rgba(0,0,0,0) 100%);
    background: radial-gradient(circle, rgba(175,222,222,1) 0%, rgba(0,0,0,0) 65%,  rgba(0,0,0,0) 100%);
}
.degradado-circulo.amarillo {
    background: #F2C43E;
    background: -o-radial-gradient(circle, #F2C43E 0%, rgba(0,0,0,0) 65%,  rgba(0,0,0,0) 100%);
    background: radial-gradient(circle, #F2C43E 0%, rgba(0,0,0,0) 65%,  rgba(0,0,0,0) 100%);
    opacity: .5;
}
.degradado-circulo.verde-c {
    background: #A2C037;
    background: -o-radial-gradient(circle, #A2C037 0%, rgba(0,0,0,0) 65%,  rgba(0,0,0,0) 100%);
    background: radial-gradient(circle, #A2C037 0%, rgba(0,0,0,0) 65%,  rgba(0,0,0,0) 100%);
    opacity: .5;
}
.degradado-circulo.verde-o {
    background: #289548;
    background: -o-radial-gradient(circle, #289548 0%, rgba(0,0,0,0) 65%,  rgba(0,0,0,0) 100%);
    background: radial-gradient(circle, #289548 0%, rgba(0,0,0,0) 65%,  rgba(0,0,0,0) 100%);
    opacity: .5;
}

/* TEXTO */
.h-bgg {
    font-size: var(--xxxl);
    line-height: 1.1;
}
.h-bmg {
    font-size: var(--xxxl);
    line-height: 1.1;
}
.txt-xxl,
.h-bg {
    font-size: var(--xxl);
}
.txt-xl,
.h, h2 {
    font-size: var(--xxl);
}
.txt-l,
.c-l {
    font-size: var(--l);
}
.txt-m,
.c, p {
    font-size: var(--m);/* 24px */
}
.txt-s,
.c-s, li {
    font-size: var(--s);
}
.txt-xs,
.c-xs {
    font-size: var(--xs);
}
.line-break-any {
    line-break: anywhere;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--main-font);
    line-height: 1;
}
h6 {
    font-size: var(--xxl);
}

/* POSICION */
.top-0 {
    top: 0;
}
.right-0 {
    right: 0;
}
.bottom-0 {
    bottom: 0;
}
.left-0 {
    left: 0;
}
.bottom-5 {
    bottom: 5% !important;
}
.zi-n-1 {
    z-index: -1;
}
.zi-10 {
    z-index: 10;
}
.zi-100 {
    z-index: 100;
}


/* FLEX */
.no-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.center-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/* GIROS */
.deg45 {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.deg90 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.deg180 {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}


/* TAMAÑO */
.fh {
    min-height: calc(100vh);
    height: calc(100vh);
}
.fhh {
    min-height: calc(50vh);
    height: calc(50vh);
}
.h-auto {
    height: auto !important;
}
.w-fit-content {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    min-width: 45px;
}
.mw-100 {
    max-width: 100%;
}

/* PADDING */
.px-7p {
    padding-left: 7% !important;
    padding-right: 7% !important;
}


/* COLOR */
.bck-gris {
    background-color: var(--casi-blanco);
}
.bck-blanco {
    background-color: white;
}
.bck-negro {
    background-color: var(--casi-negro);
}
.bck-azul {
    background-color: var(--negro);
}
.bck-transparent {
    background-color: transparent;
}

/* FONDOS */
.bck-s-cover {
    background-size: cover;
}
.bck-s-contain {
    background-size: contain;
}
.bck-center {
    background-position: center;
}
.bck-right {
    background-position: right;
}
.bck-no-repeat {
    background-repeat: no-repeat;
}
.obj-fit-contain {
    -o-object-fit: contain;
       object-fit: contain;
}
.obj-fit-cover {
    -o-object-fit: cover;
       object-fit: cover;
}

/* OTROS */
.over-hidden {
    overflow: hidden;
}
.animation-delay-1500ms {
    -webkit-animation-delay: 1.5s !important;
            animation-delay: 1.5s !important;
}
.animation-delay-2000ms {
    -webkit-animation-delay: 2s !important;
            animation-delay: 2s !important;
}
.animation-delay-2500ms {
    -webkit-animation-delay: 2.5s !important;
            animation-delay: 2.5s !important;
}
.no-desk {
    display: none !important;
}

.pass {
    max-width: 800px;
    margin: auto;
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/* ==== */
/* MENU */
/* ==== */
#main-menu {
    height: fit-content;
    width: 100%;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .22);
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .22);
    background-color: white;

    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

#main-menu a {
    text-decoration: none;
    color: #000;
    font-size: var(--xs)
}
#main-menu ul {
    list-style-type: none;
    font-size: var(--xs);
    color: black;
    text-decoration: none;
}
#main-menu ul {
    margin-bottom: 0;
}
/* #main-menu #menu-nav-menu li:last-child a {
    background-color: var(--negro);
    color: white;
    padding: 2px 5px;
    border: 1px solid var(--negro);
}
#main-menu #menu-nav-menu li:last-child a:hover {
    color: var(--negro);
    background-color: transparent;
} */

#main-menu .menu-nav-menu-container {
    height: 50%;
}
#main-menu .menu-nav-menu-container #menu-nav-menu-1 {
    height: 100%;
}
#main-menu .menu-menu-contacto-container {
    height: 25%;
}

#main-menu #menu-nav-menu li {
    position: relative;
}
#main-menu #menu-nav-menu .sub-menu {
    display: none;
    position: absolute;
    top: 20px;
    background-color: white;
    -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .22);
            box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .22);
    padding: 0px 20px 20px 20px;
    min-width: 300px;
}
#main-menu #menu-nav-menu li:hover > .sub-menu,
#main-menu #menu-nav-menu li > .sub-menu:hover {
    display: block;
}
#main-menu #menu-nav-menu .sub-menu li {
    margin-top: 10px;
}
#main-menu #menu-nav-menu .sub-menu li a {
    background: transparent !important;
    color: black !important;
    border: none !important;
    padding: 0;
}
#menu-desk #menu-nav-menu .sub-menu li:first-of-type {
    display: none;
}


/* Movil */
#menu-movil {
    display: none;
    height: 75px;
}
#menu-movil #nav-movil {
    width: 100vw;
    height: calc(100vh - 75px);
    position: fixed;
    top: 75px;
    left: 0;
    background-color: rgba(255, 255, 255, 1);
}
#menu-movil #nav-movil.off {
    display: none;
    pointer-events: none;
}
#nav-movil #menu-nav-menu-1 li:first-child > a {
    display: none;
}
#menu-movil #nav-movil * {
    color: black;
    font-size: var(--m);
    font-weight: 800;
}
#menu-movil #nav-movil #menu-nav-menu-1 li {
    margin-top: 10px;
}
#menu-movil #nav-movil .menu-nav-menu-container {
    margin: auto 0;
}

#menu-movil #nav-movil #menu-menu-contacto-1 * {
    font-size: var(--s);
}

#menu-movil .sub-menu {
   padding: 0;
}
#menu-movil .sub-menu.on {
    background: black;
    width: 100%;
    height: calc(100vh - 75px);
    /* font-size: var(--m); */
    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    position: fixed;
    top: 75px;
    left: 0;
}
#menu-movil .sub-menu a {
    text-transform: uppercase;
}

/* ====== */
/* FOOTER */
/* ====== */
footer {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
footer a,
footer div a,
footer p {
    color: white;
    font-size: var(--xs);
    list-style-type: none;
    text-decoration: none;
}
footer a:hover {
    color: var(--amarillo-vall);
}
/* footer .link a:hover {
    font-style: italic;
} */

footer li {
    margin-bottom: 10px;
}
footer hr {
    width: 100%;
    height: 1px;
    color: #979797;
    margin-bottom: 0;
}
footer subfooter {
    display: block;
}
footer subfooter * {
    font-size: var(--xxs);
    margin: 0;
}
footer subfooter li:last-child span {
    display: none;
}
footer .sub-menu {
    margin-top: 10px;
}


/* ======= */
/* 00 HOME */
/* ======= */
#hero {
    background-size: cover;
    background-position: center;
    background-color: var(--amarillo-vall);
    mix-blend-mode: multiply;
    color: #FFF;
}

#hero::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

#hero-middle {
    background-size: cover;
    background-position: center;
    color: var(--negro);
}

#hero, #visita {
    --color: var(--casi-negro);
    --txt: #FFF;
}
#copa {
    --color: var(--rosa);
    --txt: #FFF;
}
#plantilla,
#marca-blanca-plantillas {
    --color: var(--amarillo);
    --txt: #FFF;
}
#mascarilla {
    --color: var(--verde-c);
    --txt: var(--casi-negro);
}
#piedra,
#marca-blanca-eco {
    --color: var(--verde-o);
    --txt: #FFF;
}
#higiene,
#marca-blanca-cuidado {
    --color: var(--amarillo-vall);
    --txt: var(--casi-negro);
}
#parthner, #entendemos {
    --color: var(--negro);
    --txt: white;
}
#entendemos p {
    text-align: center;
    font-size: var(--s);
}
.articulo img {
    width: 100%;
}
.articulo h4 {
    font-size: var(--m)!important;
}
.articulo p {
    text-align: left!important;
    font-size: var(--s);
}

.articulo .date {
    background-color: var(--negro);
    padding: 1rem 2.5rem;
    color: var(--txt);
}

.curriculum img {
    width: 100%;
    height: 292px;
    object-fit: cover;
}
.curriculum h4 {
    font-size: var(--m)!important;
    line-height: 1.3;
}
.curriculum p {
    text-align: left!important;
    font-size: var(--xs);
}

.curriculum .enlaces-interes a {
    color: var(--negro);
    text-decoration: none;
}

.curriculum .enlaces-interes a:hover {
    color: var(--amarillo-vall);
}

/* Noticias */

.noticias {
    background-color: #FFF;
}

.noticias p {
    font-size: var(--s);
}

.noticias .date {
    background-color: var(--negro);
    padding: 1rem 2.5rem;
    color: #FFF;
}

.noticias a{
    color: var(--negro);
    text-decoration: none;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.noticias a:hover{
    color: var(--amarillo-vall);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.widget_block ul {
    list-style: none;
    padding: 0;
}

.widget_block ul li {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
}

.widget_block a {
    color: var(--negro);
    text-decoration: none;
}

.widget_block a:hover {
    color: var(--amarillo-vall);
}

.widget_block ul li time {
    font-size: var(--xs);
}

.category-pill {
    background-color: var(--negro);
    color: #FFF!important;
    text-decoration: none;
    font-size: 1.3rem;
    padding: 5px 10px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

 .category-pill:hover {
    background-color: var(--amarillo-vall);
    padding: 5px 10px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

/* PUBLICACIONES */

.publicacion .link a {
    color: var(--negro);
}

.publicacion .link a:hover {
    color: var(--amarillo-vall);
}

#buena-gestion hr:last-of-type {
    display: none;
}

#menu-menu-publicaciones li:last-of-type > span {
    display: none;
}

#menu-menu-publicaciones .current_page_item {
    display: none;
}

.menu-menu-publicaciones-container a {
    color: var(--negro);
    text-decoration: none;
}

.menu-menu-publicaciones-container a:hover {
    color: var(--amarillo-vall);
}

.page-item.active .page-link {
    background-color: var(--negro);
}

.page-link{
    color: var(--negro);
}

/* HERO */
#hero svg {
    overflow: visible;
}
#hero #texto-hero {
    --delay: .5s;
}
#hero #Stroke-6 {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    transform-box: fill-box;

    -webkit-animation-name: spin;

            animation-name: spin;
    -webkit-animation-duration: 8s;
            animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    animation-direction: reverse;
}
#hero #Stroke-8 {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    transform-box: fill-box;

    -webkit-animation-name: spin;

            animation-name: spin;
    -webkit-animation-duration: 10s;
            animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
}
#hero #txt {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    transform-box: fill-box;
    fill: grey;

    -webkit-animation-name: spinText;

            animation-name: spinText;
    -webkit-animation-duration: 25s;
            animation-duration: 25s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    animation-direction: reverse;
}
#hero #Stroke-10 {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    transform-box: fill-box;

    -webkit-animation-name: spin;

            animation-name: spin;
    -webkit-animation-duration: 50s;
            animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;

}
#hero #brazo-1 {
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    transform-box: fill-box;

    -webkit-animation-name: spin;

            animation-name: spin;
    -webkit-animation-duration: 50s;
            animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;

}
#hero #brazo-2 {
    -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    transform-box: fill-box;

    -webkit-animation-name: spin;

            animation-name: spin;
    -webkit-animation-duration: 50s;
            animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    animation-direction: reverse;
}

/* ============ */
/* 01 CONÓCENOS */
/* ============ */
.page-id-79 #hero {
    --txt: white;
    --color: var(--negro);
}
#we-generate-value {
    -webkit-animation-name: spin;
            animation-name: spin;
    -webkit-animation-duration: 20s;
            animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    animation-direction: reverse;
}
.page-id-79 #unete {
    --txt: white;
    --color: black;
}
/* ========== */
/* 02 HIGIENE */
/* ========== */
#marca-blanca {
    --color: var(--rosa);
    --txt: white;
}

.axigear-inner-box > div {
    position: absolute;
    bottom: 20px !important;
    top: auto !important;
}
.axigear-inner-box > div:nth-of-type(1) {
    left: 40% !important;
    right: auto !important;
} 
.axigear-inner-box > div:nth-of-type(2) {
    left: auto !important;
    right: 40% !important;
    margin: auto !important;
} 
.axigear-inner-box > div:last-child {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}
.axigear-inner-box > div:last-child svg {
    stroke: white;
}
.axigear-inner-box .fil0 {
    stroke: white;
    fill: white;
}
.axigear-inner-box {
    background-color: var(--casi-blanco) !important;
}


/* ========== */
/* 03 CALIDAD */
/* ========== */
#buena-gestion {
    --txt: white;
    --color: var(--negro);
}
#logos-calidad svg,
#logos-calidad img {
    width: auto;
    height: 50px;
    -o-object-fit: contain;
       object-fit: contain;
    padding: 0;
    margin: 10px;
}
#logos-calidad svg {
    max-width: 50px;
}
.trigger-politicas {
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.trigger-politicas:hover {
    -webkit-filter: brightness(.5);
            filter: brightness(.5);
}
.trigger-politicas .lupa {
    display: none;
}
.trigger-politicas:hover .lupa {
    display: block;
}
#carousel {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .22);
    z-index: 10000;
    width: 100%;
    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#carousel.off {
    display: none;
}

/* ================ */
/* 04 MEDIOAMBIENTE */
/* ================ */
#hero-medioambiente #centro {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    transform-box: fill-box;

    -webkit-animation-name: spin;

            animation-name: spin;
    -webkit-animation-duration: 10s;
            animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    animation-direction: reverse;
}
#gestion-ambiental {
    --txt: white;
    --color: var(--negro);
}
#carousel img {
    max-height: 80vh;
    max-width: 100vw;
}


/* =========== */
/* 05 CONTACTO */
/* =========== */
#form-pagina-contacto input:not([type="submit"]),
#form-pagina-contacto textarea {
    background-color: var(--casi-blanco);
    border: none;
    border-left: 4px solid black;

    padding: 5px 10px;
    margin-bottom: 10px;
    outline: none !important;
    font-size: var(--s);
}

#form-pagina-contacto textarea {
    min-height: 100px;
    max-height: 200px;
}
#form-pagina-contacto > .d-flex > span {
    max-width: 50%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
}
#form-pagina-contacto > .d-flex > span input {
    max-width: 100%;
}
#form-pagina-contacto > .d-flex > span:first-child input {
    max-width: calc(100% - 10px);
}
#form-pagina-contacto input[type="submit"] {
    background-color: var(--negro);
    color: white;
    outline: none;
    border: none;
    border-radius: 0;
    width: 100%;
    padding: 5px 0;
    margin-top: 3px;
    border: 1px solid var(--negro);
}
#form-pagina-contacto input[type="submit"]:hover {
    color: var(--negro);
    background-color: white;
    border: 1px solid var(--negro);
}
#form-pagina-contacto br {
    display: none;
}
#form-pagina-contacto .wpcf7-list-item {
    margin-left: 0;
}
#padre-frame {
    position: fixed;
}
#padre-frame.off {
    display: none;
}

/* === */
/* FAQ */
/* === */
#nav-faq * {
    cursor: pointer;
    color: var(--negro);
}
#nav-faq svg {
    margin: 10px;
}

#faqs {
    margin-bottom: 50px;
}
#faqs > .wp-block-group {
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}
#faqs > .wp-block-group h2 {
    font-size: var(--m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--amarillo-vall);
}
#faqs > .wp-block-group h2 strong {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 30px);
            flex: 0 0 calc(100% - 30px);
}
#faqs > .wp-block-group p,
#faqs > .wp-block-group figure {
    max-height: 0px;
    overflow: hidden;
    -webkit-transition-duration: .25s;
         -o-transition-duration: .25s;
            transition-duration: .25s;
    -webkit-transition-timing-function: ease-out;
         -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    margin-bottom: 0;
    font-size: var(--s);
}
#faqs > .wp-block-group.on p,
#faqs > .wp-block-group.on figure {
    max-height: 100px;
    margin-bottom: 5px;
    -webkit-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
}
.icono-faq path {
    fill: var(--amarillo-vall);
}
.icono-faq.active path,
.icono-faq:hover path {
    fill: var(--negro);
}

#faqs .btn {
    width: 20px;
    height: 20px;

    position: relative;
}
#faqs .btn .vert,
#faqs .btn .hor {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: black;

    -webkit-transition-duration: .5s;

         -o-transition-duration: .5s;

            transition-duration: .5s;
    -webkit-transition-timing-function: ease-in-out;
         -o-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
}
#faqs .btn .vert {
    height: 100%;
    width: 2px;
}
#faqs .btn .hor {
    height: 2px;
    width: 100%;
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
}
#faqs > .wp-block-group.on .vert {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
#faqs > .wp-block-group.on .hor {
    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg);
}

/* ========= */
/* Políticas */
/* ========= */
.page-id-19 wrap > .container h1,
.page-id-15 wrap > .container h1,
.page-id-3 wrap > .container h1 {
    font-size: var(--xl) !important;
}
.page-id-19 wrap > .container h2,
.page-id-15 wrap > .container h2,
.page-id-3 wrap > .container h2 {
    font-size: var(--l) !important;
    margin-top: 20px;
}
.page-id-19 wrap > .container p,
.page-id-15 wrap > .container p,
.page-id-3 wrap > .container p,
.page-id-19 wrap > .container li,
.page-id-15 wrap > .container li,
.page-id-3 wrap > .container li {
    font-size: var(--m) !important; 
}

@media (min-width: 991px) {
    .w-lg-50 {
        width: 50% !important;
    }
    .w-lg-60 {
        width: 60%;
    }



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

    :root {
        --xxxl: 3.5rem;
        --xxml: 3.5rem;
        --xxl: 3rem;
        --xl: 2rem;
        --l: 2.5rem;
        --m: 2.4rem;
        --s: 1.8rem;
        --xs: 1.4rem;
        --xxs: 1.2rem;
    }

    * {
        text-align: center;
    }

    footer ul,
    footer li  {
        text-align: center!important;
    }

    .caroufredsel_wrapper ul li {
        text-align: center!important;
    }

    ul,
    li {
        text-align: left!important;
    }

    .reveal.strict {
        opacity: 1!important;
    }

    .from-controller {
        display: block!important;
    }

    .wpcf7-form-control {
        margin-bottom: 20px;
    }

    .pagingInfo,
    #current,
    #total {
        font-size: var(--s);
    }


    .carousel-logo {
        display: none!important;
    }

    .fh {
        height: auto;
    }

    .no-movil {
        display: none !important;
    }
    .no-desk {
        display: block !important;
    }
    .no-transform-movil {
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
    }
    .cta {
        max-width: 90vw !important;
    }
    .position-lg-absolute {
        position: static;
    }
    .w-100-movil {
        width: 100% !important;
    }
    .max-w-100-movil {
        max-width: 100vw !important;
    }
    .static-movil.strict,
    .static-movil *  {
        opacity: 1 !important;
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
    }
    .padding-movil {
        padding: 20px !important;
    }
    .paddingless-movil {
        padding: 0px !important;
    }
    .movil-300-w {
        width: 300px;
    }
    .img-movil {
        max-width: 100%;
        padding: 20px;
        margin-bottom: 20px;
    }
    img[width="80%"] {
        width: 100%;
    }
    
    #menu-desk {
        display: none !important;
    }
    #menu-movil {
        display: block !important;
    }
    #menu-movil li a {
        margin: 0 auto;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    

    footer {
        padding-top: 20px;
    }
    footer subfooter li span {
        visibility: hidden;
    }

    #foto-copa > img {
        max-width: 150px;
    }

    /* =========== */
    /* 05 TRABAJA  */
    /* =========== */
    body.page-id-84 div.container[style="max-height: 450px;"] {
        max-height: 100% !important;
    }
    #form-pagina-contacto > .d-flex {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    #form-pagina-contacto > .d-flex > span {
        max-width: 100% ;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
    }
    #form-pagina-contacto > .d-flex > span > input {
        max-width: 100% !important;
        width: 100vw;
    }

    /* FAQ */
    #hero-faq {
        background: none !important;
    }

    .page-id-123 .anim.bck-s-cover {
        min-height: 50vh !important;
        background-position: center;
    }
    .page-id-82 #texto-copa img[width="300px"] {
        width: 150px;
    }

    .dec-gris,
    .dec-azul,
    .degradado-circulo,
    .degradado-circulo.azul,
    .degradado-circulo.amarillo,
    .degradado-circulo.verde-c,
    .degradado-circulo.verde-o,
    .cuadrado-puntos  {
        display: none !important;
    }

    .page-id-79 #unete {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top !important;
        min-height: auto !important;
        background-color: white;
    }
    .page-id-79 #unete .container {
        max-width: 100vw !important;
    }
    .page-id-79 #unete #texto-unete {
        padding: 0 !important;
        width: 100%;
        margin-top: 300px;
    }
}

@media (max-width: 1250px) {
    img[width="450px"] {
        width: 350px;
        top: -30% !important;
    }
    img[width="550px"] {
        width: 450px;
        top: -35% !important;
    }
}

@media (max-width: 1281px) { 

}

/* QUIENES SOMOS */

/* POLTICA DE PRIVACIDAD */
.page-id-633 #buena-gestion ul {
	margin-left: 5%;
}
/* FORMATO TTULOS H2 Y H3 EN POSTS */
.col-lg-12.txt-s h2 {
	font-size: var(--l);
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.col-lg-12.txt-s h3 {
	font-size: var(--m);
    margin-top: 2rem;
    margin-bottom: 1rem;
}

/*COLUMNAS TEXTO E IMAGEN FLEX */
.wp-block-columns.alignwide {
	display:flex;
}
.col-lg-12.txt-s img {
	width: 90%;
	height: auto;
	object-fit: contain;
	margin-top: 3rem;
	margin-left: auto;
	margin-right: auto;
    display: block;
}

input[type="submit"][disabled] {
    filter: brightness(.5);
    -webkit-filter: brightness(.5);
    cursor: not-allowed;
}