/*  Stilos pagina responsabilidad */
.bg-blanc-beige {
    background-color: #EDEDE4;
}

html body #page .modal-left-visible {
    left: 0 !important;
    transition: 1s ease-in-out;
}

/* BANNER */
.contenedor-camino-sostenibilidad {
    position: fixed;
    top: 0;
    z-index: 999999999999;
    background-color: var(--light-2);
    left: 100%;
    width: 100%;
    bottom: 0;
    transition: 1s ease-in-out;
}

.contenedor-como-lo-analizamos {
    position: fixed;
    top: 0;
    right: -51.0625rem;
    width: 51.0625rem;
    background-color: var(--light-2);
    z-index: 9999;
    height: 100%;
    padding: 3.25rem 3.25rem;
    overflow-y: auto;
    transition: 1s ease-in-out;
}

.contenedor-agricultura-regenerativa {
    position: fixed;
    top: 0;
    right: -51.0625rem;
    width: 51.0625rem;
    background-color: var(--light-2);
    z-index: 9999;
    height: 100%;
    padding: 3.25rem 3.25rem;
    transition: 1s ease-in-out;
}

.contenedor-nuestras-relaciones {
    position: fixed;
    top: 0;
    right: -51.0625rem;
    width: 51.0625rem;
    background-color: var(--light-2);
    z-index: 9999;
    height: 100%;
    padding: 3.25rem 3.25rem;
    overflow-y: auto;
    transition: 1s ease-in-out;
}

.contenedor-nuestro-equipo {
    position: fixed;
    top: 0;
    right: -51.0625rem;
    width: 51.0625rem;
    background-color: var(--light-2);
    z-index: 9999;
    height: 100%;
    padding: 3.25rem 3.25rem;
    overflow-y: auto;
    transition: 1s ease-in-out;
}

.content-seccion-banner-mas-camino-sostenible {
    height: calc(100vh - 90px);
}

.content-image-banner-responsability {
    height: 29.02rem;
}

.col-4-banner-responsabilidad {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding-bottom: .5%;
}

.col-6-banner-responsabilidad {
    padding-bottom: 3.5%;
}

.content-text-banner-responsabilidad h1,
.content-text-banner-responsabilidad h2,
.content-text-banner-responsabilidad h3,
.content-text-banner-responsabilidad h4,
.content-text-banner-responsabilidad h5,
.content-text-banner-responsabilidad p,
.content-text-banner-responsabilidad span {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}

.content-text-medio-banner h1,
.content-text-medio-banner h2,
.content-text-medio-banner h3,
.content-text-medio-banner h4,
.content-text-medio-banner h5,
.content-text-medio-banner p,
.content-text-medio-banner span {
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.col-6-banner-responsabilidad .disparador-modal-sostenibilidad {
    font-size: 0.84331rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-card-informe-anuales h1,
.content-card-informe-anuales h2,
.content-card-informe-anuales h3,
.content-card-informe-anuales h4,
.content-card-informe-anuales h5,
.content-card-informe-anuales p,
.content-card-informe-anuales span {
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-image-banner-responsability img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.content-card-informe-anuales {
    border: 1px solid var(--light-2);
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0rem;
    justify-content: space-between;
}

/* SECCION ANALISIS DEL CICLO DE VIDA */
.title-analisis-ciclo-de-vida {
    font-size: 2.0625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.8;
}

.content-text-standar h1,
.content-text-standar h2,
.content-text-standar h3,
.content-text-standar h4,
.content-text-standar h5,
.content-text-standar span,
.content-text-standar p {
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.btn-como-analizamos-trigger {
    font-size: 0.84331rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-img-vida-util img {
    height: 59.5rem;
}

/* SECCION DISEÑO RESPONSABLE MATERIALES */
.title-primary-disenho-responsable {
    font-size: 2.10825rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.title-second-disenho-responsable {
    font-size: 1.4055rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.content-img-disenho-materiales {
    height: 23.28475rem;
}

.title-type-disenho-materiales {
    color: var(--verde-oliva);
    font-size: 1.4055rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.title-percentage-disenho-materiales {
    font-size: 1.4055rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.row-percentage-materiales:not(:last-child) {
    border-bottom: 1px solid var(--verde-oliva);
}

/* DISEÑO RESPONSABLE EXPERIENCIA */
html body .padding-e-0 {
    padding-right: 0 !important;
}

.content-img-slider-disenho-experiencia .objet-fit-img {
    object-position: top;
}

.title-primary-disenho-responsable-experiencia {
    font-size: 1.4055rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

html body .btn-bg-green-text-white-generic {
    font-size: 0.84331rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* DISEÑO RESPONSABLE ATEMPORALIDAD */
.title-primary-disenho-responsable-atemporalidad {
    font-size: 1.4055rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
}

.title-disenho-renovacion-fuentes {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.text-titulo-dibujo-rama {
    font-size: 1.4055rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-imagen-scroll-atemporalidad {
    position: relative;
    overflow-x: auto;
    transition: all 0.5s;
    will-change: transform;
    user-select: none;
    cursor: none;
}

.fake-border {
    border-bottom: 1px solid var(--green-new);
}

.border-fake-left {
    height: 4.9375rem;
    border-left: 1px solid var(--green-new);
}

.border-fake-left {
    margin-left: 19px;
}

.content-text-footer {
    max-width: 65%;
}

.image-scroller {
    display: inline-block;
    min-height: 20.125rem;
    min-width: 150%;
}

.custom-cursor-icon {
    position: fixed;
    display: none;
    pointer-events: none;
    z-index: 9999;
    font-size: var(--fs-descriptive);
    font-weight: normal;
    color: var(--green-new);
    text-shadow: none !important;
    user-select: none;
}

.content-imagen-scroll-atemporalidad::-webkit-scrollbar {
    width: 0px;
    background-color: transparent;
}

.content-imagen-scroll-atemporalidad::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0px;
}

.content-imagen-scroll-atemporalidad::-webkit-scrollbar-thumb:hover {
    background-color: transparent;
}

.content-imagen-scroll-atemporalidad::-webkit-scrollbar-track {
    background-color: transparent
}

.content-image-dibujo-rama {
    max-width: 90%;
}

.content-text-footer h1,
.content-text-footer h2,
.content-text-footer h3,
.content-text-footer h4,
.content-text-footer h5,
.content-text-footer p,
.content-text-footer strong,
.content-text-footer span {
    font-size: 0.8125rem;
    font-style: normal;
    line-height: normal;
}

/* PRODUCCION LOCAL */
.title-primary-prod-local {
    font-size: 2.10825rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.text-prod-local-nuestro-codigo {
    color: var(--light);
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}

html body .text-prod-local-nuestro-codigo:hover {
    color: var(--light) !important;
}

.border-fake {
    width: 100%;
    border-top: 1px solid var(--light-2);
    margin-top: 12px;
}

.percentage-pro-local-xxl {
    color: var(--light);
    font-size: 5.15356rem;
    font-style: normal;
    font-weight: 400;
    line-height: .70;
}

.content-img-graphic-prod-local {
    width: 42.07181rem;
    height: 22.01975rem;
}

.content-text-standar.color-green-ligth {
    color: var(--light);
}

/* NOS AUDITAN */
.title-primary-nos-auditan {
    font-size: 2.10825rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.title-item-accordion {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.text-desde-item-accordion {
    font-size: 0.82394rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.enlace-nos-auditan {
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.image-cert-nos-auditan {
    width: 100px !important;
    height: 100% !important;
    object-fit: contain !important;
}

#accordionPreguntasNosAuditan .accordion-item .accordion-body a:visited {
    color: var(--green-new);
}

/* NUESTRA SEDE */
.title-primary-nuestra-sede {
    font-size: 2.10825rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.title-second-nuestra-sede {
    font-size: 1.4055rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.title-tree-nuestra-sede {
    font-size: 1.4055rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.box-content-nuestra-sede {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
}

.fake-check-no-functional {
    border-radius: 50px;
    border: 1px solid var(--green-new);
    height: 10px;
    width: 10px;
    display: block;
    margin-right: 15px;
    max-width: 10px;
    min-width: 10px;
    min-height: 10px;
    max-height: 10px;
}

.row-huellas-dinamicas:not(:first-child) {
    margin-top: 25px;
}

/* NUESTRO VIVERO */
.title-primary-vivero {
    font-size: 1.4055rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.content-img-complet-nuestra-sede {
    height: 49.25rem;
}

.content-img-complet-nuestra-sede img {
    object-fit: cover;
}

.title-second-vivero {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* PROMOVEMOS LA BIODIVERSIDAD */
.title-primary-promovemos-diversidad {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.text-card-gifs {
    font-size: 0.75rem;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

.content-text-imagenes-tomadas h1,
.content-text-imagenes-tomadas h2,
.content-text-imagenes-tomadas h3,
.content-text-imagenes-tomadas h4,
.content-text-imagenes-tomadas h5,
.content-text-imagenes-tomadas p,
.content-text-imagenes-tomadas span,
.content-text-imagenes-tomadas li {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-text-situados h1,
.content-text-situados h2,
.content-text-situados h3,
.content-text-situados h4,
.content-text-situados h5,
.content-text-situados p,
.content-text-situados span {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-box-gifs-promovemos {
    height: 12.6875rem;
}

.title-monitorizacion {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* IMPACTO SOCIAL */
.title-primary-impacto-social {
    font-size: 2.10825rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-text-second-impacto-social h1,
.content-text-second-impacto-social h2,
.content-text-second-impacto-social h3,
.content-text-second-impacto-social h4,
.content-text-second-impacto-social h5,
.content-text-second-impacto-social p,
.content-text-second-impacto-social span {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-img-body-acordion-impacto-social {
    max-width: 85%;
    height: 16.93581rem;
}

.title-acordion-impacto-social {
    font-size: 1.4055rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.title-body-acordion-title {
    font-size: 1.4055rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#accordionPreguntasImpactoSocial .content-text-body-acordion h1,
#accordionPreguntasImpactoSocial .content-text-body-acordion h2,
#accordionPreguntasImpactoSocial .content-text-body-acordion h3,
#accordionPreguntasImpactoSocial .content-text-body-acordion h4,
#accordionPreguntasImpactoSocial .content-text-body-acordion h5,
#accordionPreguntasImpactoSocial .content-text-body-acordion p,
#accordionPreguntasImpactoSocial .content-text-body-acordion span,
#accordionPreguntasImpactoSocial .content-text-body-acordion li {
    font-size: 0.813rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

html body #accordionPreguntasImpactoSocial .content-text-body-acordion ul {
    list-style-type: disc;
    margin-left: .5rem;
}

html body #accordionPreguntasImpactoSocial .enlace-pagina-externa {
    border: 1px solid transparent;
}

html body #accordionPreguntasImpactoSocial .content-text-body-acordion ul li::marker {
    color: var(--green-new) !important;
    font-size: 10px !important;
}

.enlace-body-acordion-impacto-social {
    font-size: 0.84331rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.enlace-body-acordion-impacto-social:visited {
    color: var(--verde-oliva);
}

#accordionPreguntasImpactoSocial .accordion-body .col-lg-6.text-center {
    display: flex;
    justify-content: center;
    align-items: end;
}

/* modales */
.title-modal-camino {
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.btn-volver-a-responsabilidad {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 3.125rem;
    border: 1px solid var(--green-new);
}

.title-volver-camino-page {
    font-size: 0.85rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.title-card-modal-camino {
    font-size: 1.45rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.swiper-container-camino-sostenibilidad .content-card-paso {
    border: 1px solid var(--green-new);
    display: flex;
    height: 20.1875rem;
    padding: 1.5rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.content-card-text-modal-camino h1,
.content-card-text-modal-camino h2,
.content-card-text-modal-camino h3,
.content-card-text-modal-camino h4,
.content-card-text-modal-camino h5,
.content-card-text-modal-camino p,
.content-card-text-modal-camino span {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.title-modal-como-lo-analizamos {
    font-size: 1.425rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-text-modal-como-lo-analizamos h1,
.content-text-modal-como-lo-analizamos h2,
.content-text-modal-como-lo-analizamos h3,
.content-text-modal-como-lo-analizamos h4,
.content-text-modal-como-lo-analizamos h5,
.content-text-modal-como-lo-analizamos p,
.content-text-modal-como-lo-analizamos span {
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.title-acidificacion {
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.contenedor-como-lo-analizamos .content-acidificacion .title-metodo-unidad {
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-acidificacion {
    border-top: 1px solid var(--green-new);
}

.title-modal-agric-regenerativa {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-img-modal-agricultura {
    height: 20rem;
}

.content-text-modal-agric-regenerativa h1,
.content-text-modal-agric-regenerativa h2,
.content-text-modal-agric-regenerativa h3,
.content-text-modal-agric-regenerativa h4,
.content-text-modal-agric-regenerativa h5,
.content-text-modal-agric-regenerativa p,
.content-text-modal-agric-regenerativa span {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-text-modal-agric-regenerativa {
    padding-bottom: 10rem;
}

.title-modal-nuestro-equipo {
    font-size: 1.4055rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-text-modal-nuestro-equipo h1,
.content-text-modal-nuestro-equipo h2,
.content-text-modal-nuestro-equipo h3,
.content-text-modal-nuestro-equipo h4,
.content-text-modal-nuestro-equipo h5,
.content-text-modal-nuestro-equipo p,
.content-text-modal-nuestro-equipo span {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.title-paridad {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.title-chart {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* card percentage */
.card-percentage {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 5px;
}

.card-percentage .percent {
    position: relative;
}

.card-percentage svg {
    position: relative;
    /* width: 150px;
    height: 150px; */
    transform: rotate(-90deg);
}

.card-percentage svg circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #A3B099;
    stroke-width: 10;
    stroke-linecap: none;
}

.card-percentage svg circle:last-of-type {
    /* stroke-dasharray: 376px;
    stroke-dashoffset: calc(3760px - (376px * var(--percent)) / 100);
    stroke: #A3B099; */

    /* stroke-dasharray: 188.5px;
    stroke-dashoffset: calc(188.5px - (188.5px * var(--percent)) / 100);
    stroke: #A3B099; */

    stroke-dasharray: 282.74px;
    /* Circunferencia basada en r = 45 */
    stroke-dashoffset: calc(282.74px - (282.74px * var(--percent)) / 100);
    stroke: #CC8262;
}

.valores-mujeres-hombres {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.border-bottom-filas-impacto {
    border-bottom: 1px solid var(--green-new);
    padding-bottom: 1.5rem;
}

.swiper-container-camino-sostenibilidad .content-card-paso:not(:last-child) {
    margin-right: 10px;
}

.border-fake-anhos {
    width: 100%;
    border-bottom: 1px solid var(--green-new);
    margin-left: 15px;
}

.title-modal-relaciones {
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.title-relaciones {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-text-relaciones h1,
.content-text-relaciones h2,
.content-text-relaciones h3,
.content-text-relaciones h4,
.content-text-relaciones h5,
.content-text-relaciones p,
.content-text-relaciones span,
.content-text-relaciones li,
.content-text-relaciones li span {
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 4px;
}

.border-bottom-filas-impacto.flex-botones-dos .border-bottom-filas-impacto.content-flex-botones {
    margin-bottom: 0px !important;
    border: none !important;
    padding-bottom: 1rem !important;
}

.content-flex-botones:last-of-type {
    padding-bottom: 1.5rem;
}

.btn-volver-a-responsabilidad:hover .icon-volver-camino-page path {
    stroke: var(--light-2) !important;
}

.btn-volver-a-responsabilidad:hover .title-volver-camino-page {
    color: var(--light-2) !important;
}

.btn-volver-a-responsabilidad:hover {
    background-color: var(--green-new);
}

/* slider rama */
.mySwiperRamaResponsabilidad .swiper-btn-rama-slider {
    height: 100%;
    top: 0;
    /* width: 50%; */
    font-size: 0;
    opacity: 0;
}

html body .swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--green-new) !important;
}

html body .swiper .swiper-pagination-bullets .swiper-pagination-bullet:first-child {
    margin-left: 0px;
}

html body .mySwiperRamaResponsabilidad .swiper-pagination-consulting-experiencia {
    display: none;
}

html body #accordionPreguntasImpactoSocial .heading-botton-reset:not(.collapsed):not(:last-child) {
    padding-bottom: 0px !important;
}

html body #accordionPreguntasImpactoSocial .accordion-item:first-child .heading-botton-reset {
    padding-bottom: 1rem !important;
}

html body .text-prod-local-nuestro-codigo:focus,
html body .text-prod-local-nuestro-codigo:active {
    color: var(--light) !important;
}

html body .contenedor-camino-sostenibilidad .swiper-button-disabled {
    opacity: .5;
}

html body .content-flechas-left-right-rama .swiper-button-disabled {
    opacity: .5;
}

html body .accordion .accordion-item {
    border-color: var(--green-new) !important;
}

html body .text-prod-local-nuestro-codigo:visited {
    color: var(--light) !important;
}

@media only screen and (min-width: 992px) {

    .content-text-col-materiales {
        max-width: 70%;
    }

    .content-text-titulo-dibujo-rama {
        min-height: 70px;
    }

    .swiperResponsabilidadNuestraSede img {
        height: 36.91825rem;
        width: 100%;
        object-fit: cover;
    }

    .content-btn-visita-huella-de-carbono {
        position: absolute;
        top: 0;
        right: 0;
    }

    .swiper.swiper-container-camino-sostenibilidad .swiper-wrapper .swiper-slide-de-uno {
        width: 26%;
    }

    .swiper.swiper-container-camino-sostenibilidad .swiper-wrapper .swiper-slide-de-dos {
        width: 52%;
    }

    .slider-simulator {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .box-content {
        display: flex;
        flex-direction: column;
    }

    .content-card-paso {
        display: flex;
        width: 100%;
        height: 16.86106rem;
        padding: 0.81094rem;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        border: 0.541px solid var(--green-new);
    }

    .swippercontent-intern-cards .swiper-wrapper {
        overflow: hidden !important;
        overflow-x: auto !important;
    }

    .swippercontent-intern-cards {
        margin-left: 10px;
        margin-right: 10px;
    }

    /* modificamos el header solo para la pagina */
    html .page-template-template-responsabilidad #masthead {
        background: var(--green-new);
    }

    html .page-template-template-responsabilidad #masthead .custom-logo {
        filter: invert(1);
    }

    html .page-template-template-responsabilidad #navbar_primary #main-menu-primary .menu-item .nav-link span,
    html .page-template-template-responsabilidad #main-menu-secondary .menu-item .nav-link span,
    html .page-template-template-responsabilidad .menu-ver-desktop-right .lang-selector-dropdown .current-lang,
    html .page-template-template-responsabilidad .menu-ver-desktop-right .lang-selector-dropdown .lang-selector-icon {
        color: var(--light-2);
    }

    .content-image-banner-responsability {
        height: 29.02rem;
        padding-bottom: 37px;
        margin-right: auto;
    }

    .content-seccion-nos-auditan-certificados .content-text-standar-modificado h1,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado h2,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado h3,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado h4,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado h5,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado p,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado span,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado em,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado li {
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-item-accordion {
        font-size: 1.2rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .content-img.content-img-certifique-acordion {
        /* height: 25px !important;
        width: auto !important; */
        height: 27px !important;
        width: 58px !important;
        margin-right: 30px;
    }

    .text-desde-item-accordion {
        font-size: 0.82394rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-right: 30px;
    }

    .content-text-standar h1,
    .content-text-standar h2,
    .content-text-standar h3,
    .content-text-standar h4,
    .content-text-standar h5,
    .content-text-standar span,
    .content-text-standar p {
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-image-banner-responsability img {
        object-fit: contain;
    }

    .accordion-item.item-acordion-number-11 .content-img-body-acordion-impacto-social {
        height: auto;
    }

    .btn-volver-a-responsabilidad {
        padding: 0.5rem 0.9375rem !important;
    }

    #accordionPreguntasNosAuditan .accordion-item.item-accordion-auditan-20 .content-img.content-img-certifique-acordion {
        height: 55px !important;
    }

    .content-seccion-nuestro-vivero .content-text-standar-modificado h1,
    .content-seccion-nuestro-vivero .content-text-standar-modificado h2,
    .content-seccion-nuestro-vivero .content-text-standar-modificado h3,
    .content-seccion-nuestro-vivero .content-text-standar-modificado h4,
    .content-seccion-nuestro-vivero .content-text-standar-modificado h5,
    .content-seccion-nuestro-vivero .content-text-standar-modificado span,
    .content-seccion-nuestro-vivero .content-text-standar-modificado p,
    .content-seccion-nuestro-vivero .content-text-standar-modificado a,
    .content-seccion-nuestro-vivero .content-text-standar-modificado li {
        font-size: 0.813rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-extern-video {
        padding-top: 8.69rem;
        padding-bottom: 8.69rem;
    }

    .content-intern-video {
        width: 43.5625rem;
        height: 32.625rem;
    }

    .content-img-uno-new-certificate {
        /* width: 220.735px;
        height: 38.953px; */
        width: 125.786px;
        height: 39.765px;
    }

    .content-img-dos-new-certificate {
        /* width: 236.965px;
        height: 39.765px; */
        width: 220.735px;
        height: 39.765px;
    }

    .content-img-tres-new-certificate {
        /* width: 125.786px;
        height: 39.765px; */
        width: 236.965px;
        height: 39.765px;
    }
}

@media screen and (min-width: 993px) and (max-width: 1919px) {
    html body.page-template-template-responsabilidad .col-4-banner-responsabilidad .fs-xl-highlight-title {
        font-size: 3.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    html body .content-titulo-modal-nuestro-equipo {
        margin-bottom: 2.5rem !important;
    }

    html body .content-columnas-paridad {
        margin-top: 2.5rem !important;
    }

    html body .title-paridad {
        margin-bottom: 2rem !important;
    }

    .boton-diferent-margin-responsive {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .col-4-vivero .title-second-vivero {
        min-height: 60px;
        margin-bottom: 15px !important;
    }

    .contenedor-nuestro-equipo .content-item-paridad .content-list-fake {
        min-height: 145px;
    }

    html body .content-seccion-impacto-social {
        padding-bottom: 8rem !important;
    }
}

@media only screen and (min-width: 1920px) {

    html body .content-image-banner-responsability {
        height: 640px;
        padding-bottom: 54px;
        width: 100%;
    }

    html body .content-image-banner-responsability img {
        object-fit: cover;
    }

    html body .content-seccion-banner-mas-camino-sostenible .col-4-interna-banner {
        width: 70% !important;
    }

    .content-text-banner-responsabilidad h1,
    .content-text-banner-responsabilidad h2,
    .content-text-banner-responsabilidad h3,
    .content-text-banner-responsabilidad h4,
    .content-text-banner-responsabilidad h5,
    .content-text-banner-responsabilidad p,
    .content-text-banner-responsabilidad span {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-medio-banner h1,
    .content-text-medio-banner h2,
    .content-text-medio-banner h3,
    .content-text-medio-banner h4,
    .content-text-medio-banner h5,
    .content-text-medio-banner p,
    .content-text-medio-banner span {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-card-informe-anuales h1,
    .content-card-informe-anuales h2,
    .content-card-informe-anuales h3,
    .content-card-informe-anuales h4,
    .content-card-informe-anuales h5,
    .content-card-informe-anuales p,
    .content-card-informe-anuales span {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .col-6-banner-responsabilidad .disparador-modal-sostenibilidad {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-analisis-ciclo-de-vida {
        font-size: 2.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 0.7;
    }

    .content-text-standar h1,
    .content-text-standar h2,
    .content-text-standar h3,
    .content-text-standar h4,
    .content-text-standar h5,
    .content-text-standar span,
    .content-text-standar p {
        /* font-size: 0.82763rem; */
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .row.row-percentage-materiales .content-text-standar h1,
    .row.row-percentage-materiales .content-text-standar h2,
    .row.row-percentage-materiales .content-text-standar h3,
    .row.row-percentage-materiales .content-text-standar h4,
    .row.row-percentage-materiales .content-text-standar h5,
    .row.row-percentage-materiales .content-text-standar span,
    .row.row-percentage-materiales .content-text-standar p {
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }



    .content-seccion-disenho-responsable-atemporalidad .content-text-standar h1,
    .content-seccion-disenho-responsable-atemporalidad .content-text-standar h2,
    .content-seccion-disenho-responsable-atemporalidad .content-text-standar h3,
    .content-seccion-disenho-responsable-atemporalidad .content-text-standar h4,
    .content-seccion-disenho-responsable-atemporalidad .content-text-standar h5,
    .content-seccion-disenho-responsable-atemporalidad .content-text-standar span,
    .content-seccion-disenho-responsable-atemporalidad .content-text-standar p {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-seccion-nuestro-vivero .content-text-standar-modificado h1,
    .content-seccion-nuestro-vivero .content-text-standar-modificado h2,
    .content-seccion-nuestro-vivero .content-text-standar-modificado h3,
    .content-seccion-nuestro-vivero .content-text-standar-modificado h4,
    .content-seccion-nuestro-vivero .content-text-standar-modificado h5,
    .content-seccion-nuestro-vivero .content-text-standar-modificado span,
    .content-seccion-nuestro-vivero .content-text-standar-modificado p {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-alado-porcentaje {
        width: 44%;
    }

    .btn-como-analizamos-trigger {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-primary-disenho-responsable {
        font-size: 2.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-second-disenho-responsable {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .title-type-disenho-materiales {
        color: var(--verde-oliva);
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-percentage-disenho-materiales {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-img-disenho-materiales {
        height: 31.0625rem;
    }

    .title-primary-disenho-responsable-experiencia {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    html body .btn-bg-green-text-white-generic {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-primary-disenho-responsable-atemporalidad {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1;
    }

    .title-disenho-renovacion-fuentes {
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .text-titulo-dibujo-rama {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-footer h1,
    .content-text-footer h2,
    .content-text-footer h3,
    .content-text-footer h4,
    .content-text-footer h5,
    .content-text-footer p,
    .content-text-footer strong,
    .content-text-footer span {
        font-size: 1.125rem;
        font-style: normal;
        line-height: normal;
    }

    .title-primary-prod-local {
        font-size: 2.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .percentage-pro-local-xxl {
        font-size: 6.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: .70;
    }

    .text-prod-local-nuestro-codigo {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-img-graphic-prod-local {
        width: 56.125rem;
        height: 29.375rem;
    }

    .title-primary-nos-auditan {
        font-size: 2.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-item-accordion {
        font-size: 1.2rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .text-desde-item-accordion {
        font-size: 0.82763rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-right: 30px;
    }

    .enlace-nos-auditan {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-primary-nuestra-sede {
        font-size: 2.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-second-nuestra-sede {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .title-tree-nuestra-sede {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .fake-check-no-functional {
        width: 21px;
    }

    .title-primary-vivero {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .title-second-vivero {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-primary-promovemos-diversidad {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .content-text-situados h1,
    .content-text-situados h2,
    .content-text-situados h3,
    .content-text-situados h4,
    .content-text-situados h5,
    .content-text-situados p,
    .content-text-situados span {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-monitorizacion {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-primary-impacto-social {
        font-size: 2.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-second-impacto-social h1,
    .content-text-second-impacto-social h2,
    .content-text-second-impacto-social h3,
    .content-text-second-impacto-social h4,
    .content-text-second-impacto-social h5,
    .content-text-second-impacto-social p,
    .content-text-second-impacto-social span {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-acordion-impacto-social {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .content-img-body-acordion-impacto-social {
        width: 42.375rem;
        height: 23.94094rem;
    }

    .title-body-acordion-title {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-body-acordion h1,
    .content-text-body-acordion h2,
    .content-text-body-acordion h3,
    .content-text-body-acordion h4,
    .content-text-body-acordion h5,
    .content-text-body-acordion p,
    .content-text-body-acordion span,
    .content-text-body-acordion li {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .enlace-body-acordion-impacto-social {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    /* modales */
    .title-modal-camino {
        font-size: 2.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .btn-volver-a-responsabilidad {
        display: inline-flex;
        padding: 0.9375rem 1.25rem;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        border-radius: 3.125rem;
        border: 1px solid var(--green-new);
    }

    .title-volver-camino-page {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-card-modal-camino {
        font-size: 2.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .swiper-container-camino-sostenibilidad .content-card-paso {
        border: 1px solid var(--green-new);
        display: flex;
        height: 31.1875rem;
        padding: 1.5rem;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .content-card-text-modal-camino h1,
    .content-card-text-modal-camino h2,
    .content-card-text-modal-camino h3,
    .content-card-text-modal-camino h4,
    .content-card-text-modal-camino h5,
    .content-card-text-modal-camino p,
    .content-card-text-modal-camino span {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-modal-como-lo-analizamos {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-modal-como-lo-analizamos h1,
    .content-text-modal-como-lo-analizamos h2,
    .content-text-modal-como-lo-analizamos h3,
    .content-text-modal-como-lo-analizamos h4,
    .content-text-modal-como-lo-analizamos h5,
    .content-text-modal-como-lo-analizamos p,
    .content-text-modal-como-lo-analizamos span {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-acidificacion {
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .title-metodo-unidad {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-acidificacion {
        border-top: 1px solid var(--green-new);
    }

    .title-modal-agric-regenerativa {
        font-size: 2.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-img-modal-agricultura {
        height: 27.25rem;
    }

    .content-text-modal-agric-regenerativa h1,
    .content-text-modal-agric-regenerativa h2,
    .content-text-modal-agric-regenerativa h3,
    .content-text-modal-agric-regenerativa h4,
    .content-text-modal-agric-regenerativa h5,
    .content-text-modal-agric-regenerativa p,
    .content-text-modal-agric-regenerativa span {
        font-size: 1.8rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-modal-nuestro-equipo {
        font-size: 2.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-modal-nuestro-equipo h1,
    .content-text-modal-nuestro-equipo h2,
    .content-text-modal-nuestro-equipo h3,
    .content-text-modal-nuestro-equipo h4,
    .content-text-modal-nuestro-equipo h5,
    .content-text-modal-nuestro-equipo p,
    .content-text-modal-nuestro-equipo span {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-paridad {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-chart {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    /* card percentage */
    .card-percentage {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border-radius: 5px;
    }

    .card-percentage .percent {
        position: relative;
    }

    .card-percentage svg {
        position: relative;
        /* width: 150px;
        height: 150px; */
        transform: rotate(-90deg);
    }

    .card-percentage svg circle {
        width: 100%;
        height: 100%;
        fill: none;
        stroke: #A3B099;
        stroke-width: 10;
        stroke-linecap: none;
    }

    .card-percentage svg circle:last-of-type {
        /* stroke-dasharray: 376px;
        stroke-dashoffset: calc(3760px - (376px * var(--percent)) / 100);
        stroke: #A3B099; */
        /* stroke-dasharray: 188.5px;
        stroke-dashoffset: calc(188.5px - (188.5px * var(--percent)) / 100);
        stroke: #A3B099; */
        stroke-dasharray: 282.74px;
        stroke-dashoffset: calc(282.74px - (282.74px * var(--percent)) / 100);
        stroke: #CC8262;
    }

    .valores-mujeres-hombres {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-titulo-dibujo-rama {
        min-height: 70px;
    }

    .swiperResponsabilidadNuestraSede img {
        height: 788px;
        width: 100%;
        object-fit: cover;
    }

    .title-modal-relaciones {
        font-size: 2.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-relaciones {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-relaciones h1,
    .content-text-relaciones h2,
    .content-text-relaciones h3,
    .content-text-relaciones h4,
    .content-text-relaciones h5,
    .content-text-relaciones p,
    .content-text-relaciones span,
    .content-text-relaciones li,
    .content-text-relaciones li span {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-seccion-nos-auditan-certificados .content-text-standar-modificado h1,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado h2,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado h3,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado h4,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado h5,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado p,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado span,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado em,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado li {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-img.content-img-certifique-acordion {
        /* height: 25px !important;
        width: auto !important; */
        height: 27px !important;
        width: 58px !important;
        margin-right: 30px;
    }

    .contenedor-nuestro-equipo .content-item-paridad .content-list-fake {
        min-height: 150px;
    }

    .btn-volver-a-responsabilidad {
        padding: 0.5rem 0.9375rem !important;
    }

    #accordionPreguntasImpactoSocial .content-text-body-acordion h1,
    #accordionPreguntasImpactoSocial .content-text-body-acordion h2,
    #accordionPreguntasImpactoSocial .content-text-body-acordion h3,
    #accordionPreguntasImpactoSocial .content-text-body-acordion h4,
    #accordionPreguntasImpactoSocial .content-text-body-acordion h5,
    #accordionPreguntasImpactoSocial .content-text-body-acordion p,
    #accordionPreguntasImpactoSocial .content-text-body-acordion span,
    #accordionPreguntasImpactoSocial .content-text-body-acordion li {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-extern-video {
        padding-top: 13.75rem;
        padding-bottom: 13.75rem;
    }

    .content-intern-video {
        height: 40rem;
        width: 53.3125rem;
    }

    .content-img-uno-new-certificate {
        /* width: 272px;
        height: 48px; */
        width: 155px;
        height: 49px;
        aspect-ratio: 155/49;
    }

    .content-img-dos-new-certificate {
        /* width: 292px;
        height: 49px;
        aspect-ratio: 292/49; */
        width: 272px;
        height: 48px;
    }

    .content-img-tres-new-certificate {
        width: 292px;
        height: 49px;
        aspect-ratio: 292/49;
        /* width: 155px;
        height: 49px;
        aspect-ratio: 155/49; */
    }
}

.content-img-new-certificate img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 991px) {
    .col-6-banner-responsabilidad {
        padding-bottom: 3rem;
    }

    .content-seccion-banner-mas-camino-sostenible {
        height: 100%;
    }

    .content-image-banner-responsability {
        height: 29.02rem;
        margin-bottom: 35px;
        margin-top: 25px;
    }

    .content-text-banner-responsabilidad h1,
    .content-text-banner-responsabilidad h2,
    .content-text-banner-responsabilidad h3,
    .content-text-banner-responsabilidad h4,
    .content-text-banner-responsabilidad h5,
    .content-text-banner-responsabilidad p,
    .content-text-banner-responsabilidad span {
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-medio-banner h1,
    .content-text-medio-banner h2,
    .content-text-medio-banner h3,
    .content-text-medio-banner h4,
    .content-text-medio-banner h5,
    .content-text-medio-banner p,
    .content-text-medio-banner span {
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-card-informe-anuales h1,
    .content-card-informe-anuales h2,
    .content-card-informe-anuales h3,
    .content-card-informe-anuales h4,
    .content-card-informe-anuales h5,
    .content-card-informe-anuales p,
    .content-card-informe-anuales span {
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .col-6-banner-responsabilidad .disparador-modal-sostenibilidad {
        font-size: 0.98956rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-seccion-ciclo-de-vida .container-fluid .wrapper-header {
        overflow-x: scroll;
        overflow-y: hidden;
        position: relative;
    }

    .title-analisis-ciclo-de-vida {
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-standar h1,
    .content-text-standar h2,
    .content-text-standar h3,
    .content-text-standar h4,
    .content-text-standar h5,
    .content-text-standar span,
    .content-text-standar p {
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    html body .content-img-vida-util {
        /* height: 33.9375rem; */
        height: auto;
        width: 1000px;
        object-fit: contain;
    }

    .svg-image-analisis-ciclo-de-vida {
        position: absolute;
        bottom: 50px;
    }

    html body .content-img-vida-util img {
        object-fit: cover !important;
        object-position: left !important;
    }

    .title-primary-disenho-responsable {
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-second-disenho-responsable {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .content-img-disenho-materiales {
        height: 15rem;
    }

    .title-type-disenho-materiales {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-percentage-disenho-materiales {
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .row-percentage-materiales .col-2 {
        padding-left: 0 !important;
    }

    .title-primary-disenho-responsable-experiencia {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .title-primary-disenho-responsable-atemporalidad {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .title-disenho-renovacion-fuentes {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .text-titulo-dibujo-rama {
        font-size: 1.222rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-primary-prod-local {
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    html body .content-seccion-produccion-local .num-porcentaje-content {
        width: 100% !important;
    }

    .percentage-pro-local-xxl {
        font-size: 4.3125rem;
        font-style: normal;
        font-weight: 400;
        line-height: .70;
    }

    .content-img-graphic-prod-local {
        width: 100%;
        height: 11.927rem;
    }

    html body .content-img-graphic-prod-local img {
        object-fit: contain !important;
    }

    .title-primary-nos-auditan {
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-item-accordion {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .text-desde-item-accordion {
        font-size: 0.44888rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-right: 15px;
    }

    .image-cert-nos-auditan {
        width: 55px !important;
        object-fit: contain !important;
        height: 2rem !important;
    }

    #accordionPreguntasNosAuditan .accordion-item.item-accordion-auditan-20 .content-img.content-img-certifique-acordion .image-cert-nos-auditan {
        height: 4rem !important;
        width: 60px !important;
    }

    .enlace-nos-auditan {
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-primary-nuestra-sede {
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-second-nuestra-sede {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    html body .swiperResponsabilidadNuestraSede .swiper-wrapper .swiper-slide img {
        height: 23.375rem !important;
        object-fit: cover;
        width: 100%;
    }

    .title-tree-nuestra-sede {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-primary-vivero {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .content-img-complet-nuestra-sede {
        height: 23.375rem;
    }

    .title-second-vivero {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-primary-promovemos-diversidad {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .content-box-gifs-promovemos {
        height: 7.6875rem;
    }

    .text-card-gifs {
        font-size: 0.625rem;
        font-style: italic;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-imagenes-tomadas h1,
    .content-text-imagenes-tomadas h2,
    .content-text-imagenes-tomadas h3,
    .content-text-imagenes-tomadas h4,
    .content-text-imagenes-tomadas h5,
    .content-text-imagenes-tomadas p,
    .content-text-imagenes-tomadas span,
    .content-text-imagenes-tomadas li {
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-situados h1,
    .content-text-situados h2,
    .content-text-situados h3,
    .content-text-situados h4,
    .content-text-situados h5,
    .content-text-situados p,
    .content-text-situados span {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-monitorizacion {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-primary-impacto-social {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-img-body-acordion-impacto-social {
        width: 100%;
        height: 16.93581rem;
    }

    .content-text-second-impacto-social h1,
    .content-text-second-impacto-social h2,
    .content-text-second-impacto-social h3,
    .content-text-second-impacto-social h4,
    .content-text-second-impacto-social h5,
    .content-text-second-impacto-social p,
    .content-text-second-impacto-social span {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-acordion-impacto-social {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .title-body-acordion-title {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-body-acordion h1,
    .content-text-body-acordion h2,
    .content-text-body-acordion h3,
    .content-text-body-acordion h4,
    .content-text-body-acordion h5,
    .content-text-body-acordion p,
    .content-text-body-acordion span,
    .content-text-body-acordion li {
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .enlace-body-acordion-impacto-social {
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-modal-camino {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .contenedor-como-lo-analizamos {
        width: 100%;
    }

    .title-modal-como-lo-analizamos {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-modal-como-lo-analizamos h1,
    .content-text-modal-como-lo-analizamos h2,
    .content-text-modal-como-lo-analizamos h3,
    .content-text-modal-como-lo-analizamos h4,
    .content-text-modal-como-lo-analizamos h5,
    .content-text-modal-como-lo-analizamos p,
    .content-text-modal-como-lo-analizamos span {
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .title-acidificacion {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .contenedor-agricultura-regenerativa {
        width: 100%;
        transition: 1s ease-in-out;
    }

    .contenedor-nuestras-relaciones {
        width: 100%;
        transition: 1s ease-in-out;
    }

    .title-modal-agric-regenerativa {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-img-modal-agricultura {
        height: 15rem;
    }

    .content-text-modal-agric-regenerativa h1,
    .content-text-modal-agric-regenerativa h2,
    .content-text-modal-agric-regenerativa h3,
    .content-text-modal-agric-regenerativa h4,
    .content-text-modal-agric-regenerativa h5,
    .content-text-modal-agric-regenerativa p,
    .content-text-modal-agric-regenerativa span {
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .contenedor-nuestro-equipo .container-fluid .wrapper-header {
        overflow-y: auto;
        padding-bottom: 5rem;
    }

    .contenedor-nuestro-equipo {
        width: 100%;
        transition: 1s ease-in-out;
    }

    .title-modal-nuestro-equipo {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-modal-nuestro-equipo h1,
    .content-text-modal-nuestro-equipo h2,
    .content-text-modal-nuestro-equipo h3,
    .content-text-modal-nuestro-equipo h4,
    .content-text-modal-nuestro-equipo h5,
    .content-text-modal-nuestro-equipo p,
    .content-text-modal-nuestro-equipo span {
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-columnas-paridad {
        flex-direction: column;
    }

    .title-chart {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .valores-mujeres-hombres {
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    /* estilos barra de scroll */
    /* Anchura de la barra de desplazamiento */
    .content-seccion-ciclo-de-vida .container-fluid .wrapper-header::-webkit-scrollbar {
        width: 0px;
        /* Cambia este valor según tus preferencias */
    }

    /* Fondo de la barra de desplazamiento */
    .content-seccion-ciclo-de-vida .container-fluid .wrapper-header::-webkit-scrollbar-track {
        background-color: transparent;
        /* Cambia este color según tus preferencias */
    }

    /* Color de la barra de desplazamiento */
    .content-seccion-ciclo-de-vida .container-fluid .wrapper-header::-webkit-scrollbar-thumb {
        background-color: transparent;
        /* Cambia este color según tus preferencias */
        border-radius: 5px;
        /* Ajusta la forma de la barra de desplazamiento */
    }

    /* Hover sobre la barra de desplazamiento */
    .content-seccion-ciclo-de-vida .container-fluid .wrapper-header::-webkit-scrollbar-thumb:hover {
        background-color: transparent;
        /* Cambia este color según tus preferencias */
    }

    /*** ESTILOS BARRA DE SCROLL ***/
    .swipper-mobile-custom::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    .swipper-mobile-custom::-webkit-scrollbar:vertical {
        width: 0px;
    }

    .swipper-mobile-custom::-webkit-scrollbar:horizontal {
        height: 0px;
    }

    .swipper-mobile-custom::-webkit-scrollbar-thumb {
        background: var(--dark);
        border-radius: 0px;
    }

    .swipper-mobile-custom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        overflow-x: auto;
    }

    .swipper-mobile-custom .swiper-slide-item .content-card-paso {
        min-width: 14.83369rem;
        height: 16.86106rem;
        margin-right: 10px;
    }

    .border-fake-anhos {
        margin-right: 10px;
    }

    .content-card-paso {
        display: flex;
        width: 100%;
        height: 16.86106rem;
        padding: 0.81094rem;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        border: 0.541px solid var(--green-new);
    }

    .content-img.content-img-certifique-acordion {
        margin-right: 15px;
    }

    .content-seccion-nos-auditan-certificados .content-text-standar-modificado h1,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado h2,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado h3,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado h4,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado h5,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado p,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado span,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado em,
    .content-seccion-nos-auditan-certificados .content-text-standar-modificado li {
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-text-standar h1,
    .content-text-standar h2,
    .content-text-standar h3,
    .content-text-standar h4,
    .content-text-standar h5,
    .content-text-standar span,
    .content-text-standar p {
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .btn-volver-a-responsabilidad {
        padding: 0.5rem 0.9375rem !important;
    }

    #accordionPreguntasImpactoSocial .content-text-body-acordion h1,
    #accordionPreguntasImpactoSocial .content-text-body-acordion h2,
    #accordionPreguntasImpactoSocial .content-text-body-acordion h3,
    #accordionPreguntasImpactoSocial .content-text-body-acordion h4,
    #accordionPreguntasImpactoSocial .content-text-body-acordion h5,
    #accordionPreguntasImpactoSocial .content-text-body-acordion p,
    #accordionPreguntasImpactoSocial .content-text-body-acordion span,
    #accordionPreguntasImpactoSocial .content-text-body-acordion li {
        font-size: 1.1253rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }


    .content-extern-video {
        padding-top: 6.94rem;
        padding-bottom: 6.94rem;
    }

    .content-intern-video {
        width: 19.40275rem;
        height: 34.6875rem;
    }

    .content-img-uno-new-certificate {
        /* width: 161.151px;
        height: 28.438px; */
        width: 91.832px;
        height: 29.031px;
        margin-right: 130px;
    }

    .content-img-dos-new-certificate {
        /* width: 173px;
        height: 29.031px; */
        width: 161.151px;
        height: 29.031px;
    }

    .content-img-tres-new-certificate {
        /* width: 91.832px;
        height: 29.031px; */
        width: 173px;
        height: 29.031px;
    }

    .content-flex-new-certificates {
        flex-wrap: wrap;
        margin-top: 32px;
    }

    .content-flex-new-certificates .content-img-dos-new-certificate,
    .content-flex-new-certificates .content-img-tres-new-certificate {
        margin-top: 16px;
    }

    .wrapper-content-banner-analisis-ciclo-vida {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .wrapper-content-banner-analisis-ciclo-vida .content-title,
    .wrapper-content-banner-analisis-ciclo-vida .content-text-standar {
        margin-bottom: 40px;
    }

    .wrapper-content-banner-analisis-ciclo-vida .content-video-analisis {
        margin-top: 80px;
        width: 100%;
        height: 366.056px;
    }
}

@media only screen and (min-width: 992px) {
    .wrapper-content-banner-analisis-ciclo-vida {
        padding-top: 104px;
        padding-bottom: 104px;
    }

    .wrapper-content-banner-analisis-ciclo-vida .content-video-analisis {
        width: 432px;
        height: 439.267px;
    }

    .wrapper-content-banner-analisis-ciclo-vida .column-content-banner-analisis-ciclo-vida {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

@media only screen and (min-width: 1920px) {
    .wrapper-content-banner-analisis-ciclo-vida {
        padding-top: 124px;
        padding-bottom: 124px;
    }

    .wrapper-content-banner-analisis-ciclo-vida .content-video-analisis {
        width: 592px;
        height: 602px;
    }
}