@charset "UTF-8";
        :root {
          --color-one: #ebe8e4;
          --color-two: #fff9f0;
          --color-three: #f7e7cf;
          --color-four: #ddaf89;
          --color-five: #a16c51;
          --color-white: #ffffff;
          --color-black: #000000;
          --text-normal: 'Archivo';
          --text-bold: 600;
          --text-medium: 400;
          --text-light-medium: 300;
          --text-light: 300;
          --text-alt: 'Source Serif 4', serif;
          --text-xl: 30px;
          --text-l: 20px;
          --text-m-l: 18px;
          --text-m: 16px;
          --text-s: 14px;
          --text-xs: 10px;
        }
        @media (min-width: 1024px) {
          :root {
            --text-xl: 40px;
            --text-l: 30px;
            --text-m-l: 22px;
            --text-m: 19px;
            --text-s: 16px;
            --text-xs: 12px;
            --text-light-medium: 400;
          }
        }
        @media (min-width: 1728px) {
          :root {
            --text-xl: 50px;
            --text-l: 40px;
            --text-m-l: 35px;
            --text-m: 22px;
            --text-s: 18px;
            --text-xs: 14px;
            --text-light-medium: 500;
          }
        }

        * {
          margin: 0;
          padding: 0;
          border: 0;
          font-size: 100%;
          vertical-align: baseline;
          box-sizing: border-box;
        }

        /* HTML5 display-role reset for older browsers */
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
          display: block;
        }

        body {
          line-height: 1;
        }

        ol,
        ul {
          list-style: none;
        }

        blockquote,
        q {
          quotes: none;
        }

        blockquote:before,
        blockquote:after,
        q:before,
        q:after {
          content: '';
          content: none;
        }

        table {
          border-collapse: collapse;
          border-spacing: 0;
        }

        a {
          text-decoration: none;
          color: black;
        }

        button {
          all: unset;
          font-family: inherit;
          cursor: pointer;
        }

        strong,
        b {
          font-weight: 600;
        }

        img {
          width: 100%;
        }

        /* ---------- CIRCULARIDAD -------- */
        .bo_main {
          max-width: 1920px;
          min-width: 320px;
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 80px 0px;
          font-family: var(--text-normal);
        }
        @media (min-width: 1024px) {
          .bo_main {
            padding: 80px 10px;
          }
        }

        .cir_hero {
          padding: 20px;
          display: flex;
          flex-direction: column;
          gap: 10px;
        }
        .cir_hero span {
          width: 76%;
          text-transform: uppercase;
        }
        @media (min-width: 1024px) {
          .cir_hero span {
            width: 100%;
          }
        }
        @media (min-width: 1024px) {
          .cir_hero h2 {
            width: 80%;
          }
        }
        @media (min-width: 1728px) {
          .cir_hero h2 {
            width: 73%;
          }
        }

        .cir_section__howDoIt {
          padding: 20px;
          display: flex;
          flex-direction: column;
          gap: 20px;
        }
        .cir_section__howDoIt__divs {
          display: flex;
          flex-direction: column;
          gap: 10px;
        }
        .cir_section__howDoIt__divs__div1 {
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          gap: 10px;
          padding: 20px;
        }
        @media (min-width: 1024px) {
          .cir_section__howDoIt__divs__div1 {
            grid-column: 1/4;
            grid-row: 1;
            flex-direction: row;
            gap: 90px;
          }
        }
        .cir_section__howDoIt__divs__div2 {
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          gap: 10px;
          padding: 20px;
        }
        @media (min-width: 1024px) {
          .cir_section__howDoIt__divs__div2 {
            align-items: flex-start;
            text-align: start;
            justify-content: space-between;
            grid-column: 1;
            grid-row: 2;
          }
        }
        .cir_section__howDoIt__divs__div3 {
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          gap: 10px;
          padding: 20px;
        }
        @media (min-width: 1024px) {
          .cir_section__howDoIt__divs__div3 {
            align-items: flex-start;
            justify-content: space-between;
            text-align: start;
            grid-column: 2;
            grid-row: 2;
          }
        }
        .cir_section__howDoIt__divs__div4 {
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          gap: 10px;
          padding: 20px;
        }
        @media (min-width: 1024px) {
          .cir_section__howDoIt__divs__div4 {
            align-items: flex-start;
            text-align: start;
            justify-content: space-between;
            grid-column: 3;
            grid-row: 2;
          }
        }
        @media (min-width: 1024px) {
          .cir_section__howDoIt__divs {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: repeat(2, 1fr);
          }
        }
        .cir_section__form {
          width: 100%;
        }
        .cir_section__form h2 {
          padding: 20px;
          padding-bottom: 0;
        }
        @media (min-width: 1024px) {
          .cir_section__form h2 {
            width: 40%;
          }
        }
        .cir_section__form__form {
          display: flex;
          flex-direction: column;
          padding: 20px;
        }
        .cir_section__form__form__desk {
          display: flex;
          flex-direction: row;
          gap: 10px;
        }
        @media (min-width: 1024px) {
          .cir_section__form__form__desk {
            justify-content: space-around;
          }
          .cir_section__form__form__desk div {
            width: 100%;
          }
        }
        .cir_section__form__form__data {
          display: flex;
          align-items: center;
          gap: 5px;
          border-bottom: 2px solid var(--color-black);
        }
        .cir_section__form__form__data label ~ input {
          padding: 10px;
          width: 53%;
        }
        @media (min-width: 1024px) {
          .cir_section__form__form__data label ~ input {
            width: 67%;
          }
        }
        .cir_section__form__form__data .labelQuestion {
          width: 120%;
        }
        @media (min-width: 1024px) {
          .cir_section__form__form__data .labelQuestion {
            width: 56%;
          }
        }
        @media (min-width: 1728px) {
          .cir_section__form__form__data .labelQuestion {
            width: 25%;
          }
        }
        .cir_section__form__form__legal {
          padding-top: 20px;
          padding-bottom: 20px;
          /*display: flex;
          flex-direction: column;
          gap: 10px;*/
        }
        .cir_section__form__form__btn {
          text-align: center;
          background-color: var(--color-black);
          padding: 15px;
          margin: 30px 0;
        }
        @media (min-width: 1024px) {
          .cir_section__form__form__btn {
            margin: 20px 0;
          }
        }
        @media (min-width: 1024px) {
          .cir_section__form__form {
            width: 60%;
          }
        }
        @media (min-width: 1728px) {
          .cir_section__form__form {
            width: 69%;
          }
        }
        @media (min-width: 1024px) {
          .cir_section__form {
            display: flex;
            justify-content: space-between;
          }
        }

        @media (min-width: 1024px) {
          .cir_success__txt {
            padding: 20px;
            padding-bottom: 0;
          }
        }
        @media (min-width: 1024px) {
          .cir_success__galery__single {
            padding: 10px;
            display: flex;
            flex-direction: column;
            gap: 10px;
          }
        }
        @media (min-width: 1024px) {
          .cir_success__galery {
            padding: 10px;
            display: flex;
            gap: 10px;
          }
        }
        @media (min-width: 1024px) {
          .cir_success {
            display: flex;
            flex-direction: column;
          }
        }

        .bo_slider__cir-photos {
          padding: 10px;
          width: 100%;
          height: 100%;
        }
        .bo_slider__cir-photos__container {
          display: flex;
          align-items: flex-start;
        }
        .bo_slider__cir-articles {
          cursor: pointer;
          width: 100%;
        }
        .bo_slider__cir-articles h2 {
          padding: 20px 10px;
        }
        .bo_slider__cir-articles__container {
          display: flex;
          align-items: center;
        }
        @media (min-width: 1024px) {
          .bo_slider__cir-articles__container {
            padding: 10px;
          }
        }
        .bo_slider__cir-articles__container article {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          text-align: center;
          gap: 30px;
          padding: 20px;
          height: 200px;
        }
        @media (min-width: 1024px) {
          .bo_slider__cir-articles__container article {
            height: 250px;
          }
        }
        @media (min-width: 1728px) {
          .bo_slider__cir-articles__container article {
            padding: 30px;
            height: 300px;
          }
        }

        /* ---------- COMUNES-------- */
        .bo_hidden {
          display: none;
        }
        .bo_hidden__mobile {
          display: none;
        }
        @media (min-width: 1024px) {
          .bo_hidden__mobile {
            display: flex;
          }
        }
        @media (min-width: 1024px) {
          .bo_hidden__desktop {
            display: none;
          }
        }

        .bo_btn_arrow {
          position: relative;
          width: 18px;
          height: 18px;
          transform: translateX(5%);
          rotate: 90deg;
        }
        @media (min-width: 1024px) {
          .bo_btn_arrow {
            width: 30px;
            height: 22px;
            transform: translateX(-10%);
            padding-left: 7px;
          }
        }
        @media (min-width: 1728px) {
          .bo_btn_arrow {
            width: 40px;
            height: 32px;
          }
        }
        .bo_btn_arrow__diagonal {
          position: relative;
          width: 30px;
          height: 30px;
          transform: translateX(10px);
          rotate: -40deg;
        }
        @media (min-width: 1024px) {
          .bo_btn_arrow__diagonal {
            rotate: 0deg;
          }
        }
        @media (min-width: 1440px) {
          .bo_btn_arrow__diagonal {
            width: 40px;
          }
        }

        .bo_bg-one {
          background-color: var(--color-one);
        }

        .bo_bg-two {
          background-color: var(--color-two);
        }

        .bo_bg-three {
          background-color: var(--color-three);
        }

        .bo_bg-four {
          background-color: var(--color-four);
        }

        .bo_bg-five {
          background-color: var(--color-five);
        }

        .bo_bg-white {
          background-color: var(--color-white);
        }

        .bo_bg-white-op40 {
          background-color: var(--color-white);
          opacity: 40%;
        }

        .bo_text-five {
          color: var(--color-five);
        }

        .bo_text-white {
          color: var(--color-white);
        }

        .bo_tx-xL {
          font-size: var(--text-xl);
        }

        .bo_tx-l {
          font-size: var(--text-l);
        }

        .bo_tx-m-l {
          font-size: var(--text-m-l);
        }

        .bo_tx-m {
          font-size: var(--text-m);
        }

        .bo_tx-s {
          font-size: var(--text-s);
        }

        .bo_tx-xS {
          font-size: var(--text-xs);
        }

        .bo_tx-boldW {
          font-weight: var(--text-bold);
        }

        .bo_tx-mediumW {
          font-weight: var(--text-medium);
        }

        .bo_tx-light-mediumM {
          font-weight: var(--text-light-medium);
        }

        .bo_tx-lightW {
          font-weight: var(--text-light);
        }

        .bo_tx-center {
          text-align: center;
        }

        .bo_border-img {
          border-radius: 15px;
        }