@charset "UTF-8";
/* ------------ media queries ------------*/
/* ------------ utilities ------------*/
/* ------------ variables ------------*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alata&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
/* ------------ maps ------------*/
/* ------------ mixin ------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

a {
  text-decoration: none; }

ul {
  list-style-type: none; }

/* ------------ contenido gral ------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000; }
  #preloader #typing-text {
    font-size: 1.7rem;
    color: #fff;
    font-family: "Poppins", sans-serif; }

#content {
  display: none; }

:root {
  --open-color: green;
  --closed-color: red; }

#topbar {
  background-color: #fff;
  height: 25px;
  font-size: 12px;
  transition: all 0.5s;
  display: flex; }
  @media only screen and (max-width: 768px) {
    #topbar {
      display: none; } }
  #topbar .contact-info {
    display: flex;
    line-height: 14px;
    margin: 0.25% 0% 0% 10%; }
  #topbar i {
    display: contents;
    font-family: "Poppins", sans-serif;
    color: #333; }
  #topbar .clock-container {
    display: flex;
    justify-content: flex-end;
    text-align: center;
    margin-right: 6%;
    width: 500px; }
    #topbar .clock-container .clock {
      font-size: 1.5em;
      font-family: "Poppins", sans-serif; }
    #topbar .clock-container .status {
      font-size: 1.2em;
      font-weight: 400;
      font-family: "Source Sans 3", sans-serif;
      margin-top: 1.2%; }

header .header-logo {
  height: 40px;
  width: 40px;
  position: fixed;
  z-index: 889;
  margin-left: 10px; }
  @media only screen and (max-width: 384px) {
    header .header-logo {
      margin: 1% 0 0 5%;
      width: 52px;
      height: 50px; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    header .header-logo {
      margin: 5% 0 0 5%;
      height: 60px;
      width: 60px; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    header .header-logo {
      margin: 5% 0 0 5%;
      height: 60px;
      width: 60px; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    header .header-logo {
      display: none; } }

@media only screen and (max-width: 768px) {
  header #bag-shop {
    display: none;
    color: #c0cad5;
    position: fixed;
    z-index: 991;
    font-size: 16px;
    font-weight: 100;
    margin: 12px 320px; } }

header #btn__menu {
  display: none; }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    header #btn__menu {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50px;
      height: 50px;
      background: #273238;
      color: #f7f7f7;
      margin: 27px 0 -60px 80%;
      font-size: 20px;
      border-radius: 50px;
      cursor: pointer;
      transition: all 300ms;
      z-index: 888;
      position: fixed; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    header #btn__menu {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50px;
      height: 50px;
      background: #273238;
      color: #f7f7f7;
      margin: 27px 0 -60px 80%;
      font-size: 20px;
      border-radius: 50px;
      cursor: pointer;
      transition: all 300ms;
      z-index: 888;
      position: fixed; } }
  @media only screen and (max-width: 384px) {
    header #btn__menu {
      background-color: #273238;
      display: flex;
      font-size: 1.1rem;
      position: fixed; } }
  @media only screen and (max-width: 375px) and (max-height: 667px) {
    header #btn__menu {
      max-width: 375px; } }

@media only screen and (max-width: 768px) {
  header #back_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120vh;
    backdrop-filter: blur(5px);
    display: none;
    z-index: 777;
    transition: all 300ms; } }

header nav {
  font-family: "Inter", sans-serif;
  height: 90px;
  background: #fff;
  position: fixed;
  z-index: 999;
  width: 1500px; }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    header nav {
      width: 1600px;
      margin: 0 auto;
      height: 84px; } }
  @media only screen and (max-width: 1024px) {
    header nav {
      width: 1024px;
      height: 80px;
      margin: 0 auto; } }
  @media only screen and (max-width: 768px) {
    header nav {
      position: fixed;
      top: 0;
      right: -250px;
      background: #000;
      width: 250px;
      height: 120vh;
      display: flex;
      transition: all 300ms; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    header nav {
      background-color: #000; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    header nav {
      background-color: #000; } }
  @media only screen and (max-width: 384px) {
    header nav {
      background-color: #000; } }
  header nav .menu {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    overflow: hidden; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      header nav .menu {
        max-width: 1400px;
        margin: -0.65% 0 0 6%; } }
    @media only screen and (max-width: 1024px) {
      header nav .menu {
        background: transparent;
        max-width: 900px;
        margin: -0.25% 0 0 6%; } }
    @media only screen and (max-width: 384px) {
      header nav .menu {
        background: #000; } }
    header nav .menu ul {
      width: 90%;
      margin: 1.8% 0% 0% -1%;
      padding-right: 0;
      display: flex;
      justify-content: space-between;
      font-size: .9rem;
      font-weight: 300; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        header nav .menu ul {
          display: flex;
          justify-content: space-between;
          white-space: nowrap;
          word-break: break-all;
          margin-left: -1%; } }
      @media only screen and (max-width: 1024px) {
        header nav .menu ul {
          font-size: .75rem;
          display: flex;
          justify-content: space-between;
          gap: 11px;
          white-space: nowrap;
          word-break: break-all;
          margin-left: -3%; } }
      @media only screen and (max-width: 768px) {
        header nav .menu ul {
          display: flex;
          flex-direction: column;
          margin-top: 34px;
          margin-left: 0px;
          font-size: 1em; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        header nav .menu ul {
          height: 78vh;
          margin: 43px 0 0 -23px;
          font-size: 1.15rem; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        header nav .menu ul {
          height: 78vh;
          margin: 43px 0 0 -23px;
          font-size: 1.15rem; } }
      @media only screen and (max-width: 384px) {
        header nav .menu ul {
          height: 78vh;
          margin: 43px 0 0 -23px;
          font-size: 1.1rem; } }
      header nav .menu ul .nav__item {
        margin-top: .5%; }
        @media only screen and (max-width: 768px) {
          header nav .menu ul .nav__item {
            margin-top: -6%;
            margin-left: 1px; } }
        header nav .menu ul .nav__item .logo {
          margin-top: -7%; }
          @media only screen and (max-width: 768px) {
            header nav .menu ul .nav__item .logo {
              display: flex;
              margin-left: 10px;
              margin-bottom: 23px; } }
          @media only screen and (min-width: 393px) and (max-width: 852px) {
            header nav .menu ul .nav__item .logo {
              width: 160px;
              height: 49px; } }
          @media only screen and (max-width: 390px) and (max-height: 844px) {
            header nav .menu ul .nav__item .logo {
              width: 160px;
              height: 49px; } }
          @media only screen and (max-width: 384px) {
            header nav .menu ul .nav__item .logo {
              width: 160px;
              height: 49px; } }
        header nav .menu ul .nav__item .isotipo {
          display: none; }
          @media only screen and (max-width: 768px) {
            header nav .menu ul .nav__item .isotipo {
              display: none;
              width: 80px;
              height: 80px;
              margin-top: 40px;
              margin-left: 46px;
              margin-bottom: 25px; } }
        header nav .menu ul .nav__item .nav__link {
          position: relative;
          transition: all 0.1ms; }
          @media only screen and (max-width: 768px) {
            header nav .menu ul .nav__item .nav__link {
              color: #fff; } }
        header nav .menu ul .nav__item .active {
          color: #d30809;
          font-weight: 400;
          text-decoration: underline #d30809;
          text-decoration-style: solid;
          text-decoration-thickness: 20px;
          text-underline-offset: 24px;
          z-index: 888; }
          @media only screen and (max-width: 768px) {
            header nav .menu ul .nav__item .active {
              color: #d30809;
              font-size: 1em;
              font-weight: 600;
              text-decoration: none;
              text-underline-offset: 24px; } }
          @media only screen and (min-width: 430px) and (max-width: 932px) {
            header nav .menu ul .nav__item .active {
              font-weight: bold;
              font-size: 1.3rem; } }
          @media only screen and (min-width: 428px) and (max-width: 926px) {
            header nav .menu ul .nav__item .active {
              font-weight: bold;
              font-size: 1.2rem; } }
          @media only screen and (min-width: 393px) and (max-width: 852px) {
            header nav .menu ul .nav__item .active {
              font-weight: bold;
              font-size: 1.2rem; } }
          @media only screen and (max-width: 390px) and (max-height: 844px) {
            header nav .menu ul .nav__item .active {
              font-weight: bold;
              font-size: 1.2rem; } }
          @media only screen and (max-width: 384px) {
            header nav .menu ul .nav__item .active {
              font-weight: bold;
              font-size: 1.1rem; } }
        header nav .menu ul .nav__item .nav__link::after {
          content: '';
          opacity: 0;
          transition: all 0.5ms;
          position: absolute;
          pointer-events: none; }
      header nav .menu ul li {
        list-style: none; }
        header nav .menu ul li a.menu-item {
          transform: scale(1);
          transition: 0.5s;
          display: block; }
          header nav .menu ul li a.menu-item.hide-item {
            transform: scale(0); }
      header nav .menu ul li:nth-child(2) a.menu-item.hide-item {
        transition-delay: 0.35s; }
      header nav .menu ul li:nth-child(3) a.menu-item.hide-item {
        transition-delay: 0.3s; }
      header nav .menu ul li:nth-child(4) a.menu-item.hide-item {
        transition-delay: 0.25s; }
      header nav .menu ul li:nth-child(5) a.menu-item.hide-item {
        transition-delay: 0.2s; }
      header nav .menu ul li:nth-child(6) a.menu-item.hide-item {
        transition-delay: 0.15s; }
      header nav .menu ul li:nth-child(7) a.menu-item.hide-item {
        transition-delay: 0.1s; }
      header nav .menu ul li:nth-child(8) a.menu-item.hide-item {
        transition-delay: 0s; }
      header nav .menu ul li:nth-child(2) a.menu-item {
        transition-delay: 0s; }
      header nav .menu ul li:nth-child(3) a.menu-item {
        transition-delay: 0.1s; }
      header nav .menu ul li:nth-child(4) a.menu-item {
        transition-delay: 0.15s; }
      header nav .menu ul li:nth-child(5) a.menu-item {
        transition-delay: 0.20s; }
      header nav .menu ul li:nth-child(6) a.menu-item {
        transition-delay: 0.25s; }
      header nav .menu ul li:nth-child(7) a.menu-item {
        transition-delay: 0.30s; }
      header nav .menu ul li:nth-child(8) a.menu-item {
        transition-delay: 0.35s; }
      header nav .menu ul .logo {
        width: 8.5rem;
        height: 2.4rem;
        margin-left: -10%; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          header nav .menu ul .logo {
            width: 12rem;
            height: 3.3rem;
            margin: 0 0 0 -7%; } }
        @media only screen and (max-width: 1024px) {
          header nav .menu ul .logo {
            width: 7rem;
            height: 2rem;
            margin: 0 0 0 7%; } }
      header nav .menu ul li, header nav .menu ul a {
        color: #000;
        line-height: 65px;
        text-decoration: none;
        font-family: "Poppins", sans-serif;
        font-weight: 300; }
      @media only screen and (max-width: 768px) {
        header nav .menu ul .bi-search {
          display: none; } }
  header nav .search-form {
    position: absolute;
    top: 13%;
    left: 50%;
    transform: translateX(0);
    width: 600px;
    height: 44px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s; }
    header nav .search-form input {
      width: 100%;
      height: 44px;
      background: rgba(231, 231, 231, 0.678);
      color: #000;
      border: 1px solid #999999;
      border-radius: 20px;
      padding: 10px;
      outline: none;
      font-size: 16px; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        header nav .search-form input {
          margin: -2% 0 0 0; } }
    header nav .search-form .search-form::before {
      content: '\f002';
      position: absolute;
      top: 12px;
      left: -26px;
      font-size: 18px;
      color: #fff;
      font-family: "Source Sans 3", sans-serif; }
    header nav .search-form .search-form input::placeholder {
      color: #fff; }
  header nav .search-form.active {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.27s;
    transform: translateX(-50%);
    margin-top: 2%; }
  header nav .close {
    position: absolute;
    right: 84px;
    height: 44px;
    background: #fff;
    color: #000;
    line-height: 44px;
    font-size: 18px;
    text-align: right;
    width: 20px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden; }
  header nav .close.active {
    top: 43%;
    margin-right: -9px;
    opacity: 1;
    visibility: visible; }
  header nav .bottom-line {
    height: 4.3px;
    background-color: #000;
    width: 100%;
    position: fixed;
    top: 7rem;
    left: 0;
    z-index: 777; }
    @media only screen and (max-width: 768px) {
      header nav .bottom-line {
        display: none; } }
    @media only screen and (max-width: 1024px) {
      header nav .bottom-line {
        margin: -8.65px 0 0 0; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      header nav .bottom-line {
        top: 6.7rem; } }
  header nav #box-search {
    display: none;
    position: fixed;
    top: 83px;
    width: 600px;
    background-color: #fff;
    z-index: 888;
    left: 50%;
    transform: translateX(-50%); }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      header nav #box-search {
        margin-top: 3%; } }
    header nav #box-search li {
      list-style: none;
      text-decoration: none; }
      header nav #box-search li a {
        display: block;
        width: 600px;
        color: #777777;
        padding: 8px 0px;
        font-size: .9em; }
        header nav #box-search li a i {
          margin-right: 10px;
          color: #777777; }
    header nav #box-search li:hover {
      background: #f3f3f3; }
  header nav #cover-ctn-search {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    backdrop-filter: blur(10px);
    display: none; }

header .btn-wsp {
  position: fixed;
  width: 50px;
  height: 50px;
  line-height: 50px;
  bottom: 20px;
  right: 32px;
  background: #0df053;
  color: white;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
  z-index: 222; }
  @media only screen and (max-width: 384px) {
    header .btn-wsp {
      position: fixed;
      z-index: 777; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    header .btn-wsp {
      position: fixed;
      z-index: 777; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    header .btn-wsp {
      position: fixed;
      z-index: 777; } }
  header .btn-wsp .btn-wsp:hover {
    text-decoration: none;
    color: #0df053;
    background: white; }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  main {
    background: #fff; } }

main #home {
  height: 750px;
  position: relative; }
  main #home .container {
    position: relative;
    height: 560px;
    max-width: 1216px;
    margin-top: -7px;
    padding: 0px; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main #home .container {
        max-width: 1920px;
        height: 760px; } }
    @media only screen and (max-width: 1024px) {
      main #home .container {
        margin: -22px 0 0 0; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main #home .container {
        margin: -51% 0 0 0%; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main #home .container {
        margin: -51% 0 0 0%; } }
    @media only screen and (max-width: 384px) {
      main #home .container {
        margin: -51% 0 0 0%; } }
    main #home .container .home-slider {
      width: 111.5%;
      height: 500px;
      margin: 0 0 0 -6%;
      position: relative;
      overflow: hidden; }
      @media only screen and (max-width: 384px) {
        main #home .container .home-slider {
          height: 95vh; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main #home .container .home-slider {
          height: 95vh; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main #home .container .home-slider {
          height: 95vh; } }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main #home .container .home-slider {
          display: flex;
          height: 760px; } }
      @media only screen and (max-width: 320px) and (max-height: 787px) {
        main #home .container .home-slider {
          height: 90vh;
          margin: -4% 0 0 0;
          width: 320px; } }
      main #home .container .home-slider .home-list {
        position: absolute;
        width: max-content;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        transition: 1s; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          main #home .container .home-slider .home-list {
            display: none; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          main #home .container .home-slider .home-list {
            display: none; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          main #home .container .home-slider .home-list {
            display: none; } }
        @media only screen and (max-width: 384px) {
          main #home .container .home-slider .home-list {
            display: none; } }
        @media only screen and (max-width: 384px) {
          main #home .container .home-slider .home-list .home-item {
            display: none; } }
        main #home .container .home-slider .home-list .home-item img {
          width: 1505px;
          max-width: 105vw;
          height: 100%;
          object-fit: cover;
          z-index: 990;
          filter: brightness(0.7); }
          @media only screen and (max-width: 384px) {
            main #home .container .home-slider .home-list .home-item img {
              max-height: 20vw; } }
        main #home .container .home-slider .home-list .home-item::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: linear-gradient(to top, rgba(39, 50, 56, 0.08), rgba(39, 50, 56, 0));
          z-index: 10;
          pointer-events: none; }
      @media only screen and (max-width: 320px) and (max-height: 787px) {
        main #home .container .home-slider .homeBackgroundMonitor {
          width: 90%; } }
      main #home .container .home-slider .homeBackgroundMonitor .homeItemMonitor {
        width: 1920px;
        height: 760px; }
        @media only screen and (max-width: 320px) and (max-height: 787px) {
          main #home .container .home-slider .homeBackgroundMonitor .homeItemMonitor {
            width: 100%; } }
        main #home .container .home-slider .homeBackgroundMonitor .homeItemMonitor img {
          display: flex;
          width: 1600px;
          height: 826px; }
          @media only screen and (max-width: 384px) {
            main #home .container .home-slider .homeBackgroundMonitor .homeItemMonitor img {
              width: 1000px;
              height: 95vh; } }
          @media only screen and (max-width: 390px) and (max-height: 844px) {
            main #home .container .home-slider .homeBackgroundMonitor .homeItemMonitor img {
              width: 1000px;
              height: 95vh; } }
          @media only screen and (min-width: 393px) and (max-width: 852px) {
            main #home .container .home-slider .homeBackgroundMonitor .homeItemMonitor img {
              width: 1000px;
              height: 95vh; } }
          @media only screen and (max-width: 320px) and (max-height: 787px) {
            main #home .container .home-slider .homeBackgroundMonitor .homeItemMonitor img {
              width: 900px;
              height: 90vh; } }
      main #home .container .home-slider .home-buttons {
        position: absolute;
        top: 46.5%;
        left: 1%;
        width: 98%;
        display: flex;
        justify-content: space-between; }
        main #home .container .home-slider .home-buttons button {
          width: 35px;
          height: 35px;
          border-radius: 50%;
          background-color: #fff5;
          color: #000000;
          border: none;
          font-family: monospace;
          font-weight: bold; }
          @media only screen and (max-width: 768px) {
            main #home .container .home-slider .home-buttons button {
              display: none; } }
        main #home .container .home-slider .home-buttons .home-dots {
          position: absolute;
          bottom: 10px;
          left: 0;
          color: #fff;
          width: 100%;
          margin: -1px;
          padding: 0;
          display: flex;
          justify-content: center;
          cursor: pointer; }
          main #home .container .home-slider .home-buttons .home-dots li {
            list-style: none;
            width: 10px;
            height: 10px;
            background-color: #fff;
            margin: 5px;
            border-radius: 20px;
            transition: 0.5s; }
          main #home .container .home-slider .home-buttons .home-dots li.active {
            width: 30px; }
    main #home .container .container-info {
      margin-top: 50px;
      margin-left: 4%; }
      @media only screen and (max-width: 384px) {
        main #home .container .container-info {
          margin: -52% 0 0 -5%; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main #home .container .container-info {
          margin: -52% 0 0 -5%; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main #home .container .container-info {
          margin: -52% 0 0 -5%; } }
      main #home .container .container-info h1 {
        margin: 0;
        font-family: "Poppins", sans-serif;
        font-size: 48px;
        font-weight: 600;
        line-height: 56px;
        text-transform: uppercase;
        color: #fff;
        background-color: #d30809;
        padding: 4px 30px;
        margin-top: -85px;
        position: absolute;
        z-index: 333;
        margin-top: -27%;
        margin-left: 4%; }
        @media only screen and (max-width: 384px) {
          main #home .container .container-info h1 {
            display: flex;
            height: 83px;
            padding: 15px;
            width: 94%;
            border-top-right-radius: 20px;
            font-size: 1.8rem; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          main #home .container .container-info h1 {
            display: flex;
            height: 83px;
            padding: 15px;
            width: 94%;
            border-top-right-radius: 20px;
            font-size: 1.8rem; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          main #home .container .container-info h1 {
            display: flex;
            height: 83px;
            padding: 15px;
            width: 94%;
            border-top-right-radius: 20px;
            font-size: 1.8rem; } }
        @media only screen and (max-width: 1024px) {
          main #home .container .container-info h1 {
            margin-top: -35%;
            margin-left: 4%; } }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          main #home .container .container-info h1 {
            font-size: 64px;
            font-weight: 600;
            padding: 4px 30px; } }
        @media only screen and (max-width: 360px) and (max-height: 640px) {
          main #home .container .container-info h1 {
            font-size: 1.6rem; } }
        @media only screen and (max-width: 320px) and (max-height: 787px) {
          main #home .container .container-info h1 {
            font-size: 1.5rem; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          main #home .container .container-info h1 {
            margin: -77% 20px; } }
      main #home .container .container-info .subtitle-ppal {
        color: #fff;
        background-color: #273238;
        padding: 4px 30px;
        z-index: 333;
        position: absolute;
        margin-top: -21%;
        margin-left: 4%;
        -webkit-animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
        animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; }

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }

@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          main #home .container .container-info .subtitle-ppal {
            padding: 4px 30px; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          main #home .container .container-info .subtitle-ppal {
            font-size: 1.3rem;
            margin: -51px 0 0 4%;
            height: 66px;
            max-width: 370px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 20px; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          main #home .container .container-info .subtitle-ppal {
            font-size: 1.1rem;
            margin: -48px 0 0 4%;
            max-width: 360px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 20px;
            letter-spacing: 3px; } }
        @media only screen and (max-width: 384px) {
          main #home .container .container-info .subtitle-ppal {
            font-size: 1.1rem;
            margin: -48px 0 0 4%;
            max-width: 360px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 20px;
            letter-spacing: 3px; } }
        @media only screen and (max-width: 375px) and (max-height: 667px) {
          main #home .container .container-info .subtitle-ppal {
            margin: -43px 0 0 4%;
            max-width: 352px; } }
        @media only screen and (max-width: 360px) and (max-height: 640px) {
          main #home .container .container-info .subtitle-ppal {
            margin: -37px 0 0 4%;
            max-width: 338px; } }
        @media only screen and (max-width: 320px) and (max-height: 787px) {
          main #home .container .container-info .subtitle-ppal {
            max-width: 313px;
            margin: -7% 0 0 0; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          main #home .container .container-info .subtitle-ppal {
            max-width: 421px;
            margin: -15% 0 0 0; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          main #home .container .container-info .subtitle-ppal {
            margin: -56% 0; } }

main .home_1 {
  font-family: "Poppins", sans-serif;
  background: #ffffff;
  width: 100%;
  height: 235px;
  margin-top: -12%;
  margin-bottom: 10%; }
  @media only screen and (max-width: 384px) {
    main .home_1 {
      height: 30vh;
      margin: 10% 0 37% 0; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    main .home_1 {
      height: 30vh; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    main .home_1 {
      height: 30vh;
      margin: 10% 0 37% 0; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    main .home_1 {
      margin: 12% 0 10% 0;
      height: 275px; } }
  @media only screen and (max-width: 320px) and (max-height: 787px) {
    main .home_1 {
      height: 15vh; } }
  main .home_1 .home_txt-fx {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 1000px;
    margin-left: 12%;
    height: 280px; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .home_1 .home_txt-fx {
        margin-top: -12%;
        max-width: 1440px; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main .home_1 .home_txt-fx {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        max-width: 1000px;
        margin-left: 44%;
        height: 280px;
        margin-top: 3%; } }
    @media only screen and (max-width: 384px) {
      main .home_1 .home_txt-fx {
        margin: -5% 0 0 43%; } }
    @media only screen and (max-width: 375px) and (max-height: 667px) {
      main .home_1 .home_txt-fx {
        margin: -43% 0 0 43%; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      main .home_1 .home_txt-fx {
        margin: -50% 0 0 43%; } }
    @media only screen and (max-width: 320px) and (max-height: 787px) {
      main .home_1 .home_txt-fx {
        margin: -19% 0 0 35%;
        max-width: 1000px; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main .home_1 .home_txt-fx {
        margin: 18% 0 0 47%; } }
    main .home_1 .home_txt-fx .columns .col + .col {
      margin-left: 1.5em; }
    main .home_1 .home_txt-fx .columns .fade-in {
      opacity: 0;
      transition: opacity 300ms ease-in; }
    main .home_1 .home_txt-fx .columns .fade-in.appear {
      opacity: 1; }
    main .home_1 .home_txt-fx .columns .more-stuff-grid {
      background: #fff;
      padding: 4em 0;
      display: grid;
      grid-gap: 2em;
      align-items: center;
      grid-template-columns: minmax(1em, 1fr) repeat(2, minmax(200px, 400px)) minmax(1em, 1fr); }
    main .home_1 .home_txt-fx .columns .from-left {
      grid-column: 2 / 3;
      transform: translateX(-50%); }
    main .home_1 .home_txt-fx .columns .from-right {
      grid-column: 3 / 4;
      transform: translateX(50%); }
    main .home_1 .home_txt-fx .columns .from-left, main .home_1 .home_txt-fx .columns .from-right {
      transition: transform 400ms ease-in; }
    main .home_1 .home_txt-fx .columns .from-left.appear, main .home_1 .home_txt-fx .columns .from-right.appear {
      transform: translateX(0); }
    main .home_1 .home_txt-fx .columns .futuro {
      font-family: "Poppins", sans-serif;
      font-size: 2.9em;
      background: #7ca0b4;
      background: linear-gradient(90deg, #718b99 40%, #d30809 60%);
      text-transform: uppercase;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      margin-left: 40px; }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main .home_1 .home_txt-fx .columns .futuro {
          margin: 70% 0 0 -80%;
          font-size: 2.1rem; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main .home_1 .home_txt-fx .columns .futuro {
          margin: 0% 0 0 -24%;
          font-size: 2.1rem; } }
      @media only screen and (max-width: 320px) and (max-height: 787px) {
        main .home_1 .home_txt-fx .columns .futuro {
          font-size: 1.8rem;
          margin: -68% 0 0 -112px; } }
      @media only screen and (max-width: 384px) {
        main .home_1 .home_txt-fx .columns .futuro {
          margin: 0% 0 0 -74%;
          font-size: 2.1rem; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .home_1 .home_txt-fx .columns {
        margin-top: -3%;
        margin-left: -15%;
        max-width: 1200px; } }
    main .home_1 .home_txt-fx .columns h3 {
      font-family: "Poppins", sans-serif;
      font-weight: 500; }
    main .home_1 .home_txt-fx .columns p {
      font-family: "Poppins", sans-serif; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main .home_1 .home_txt-fx .columns p {
          font-family: "Poppins", sans-serif;
          font-size: 1.2rem;
          font-weight: 400;
          margin: 14px 0px 8px 40px;
          max-width: 1300px;
          color: #273238; } }
      @media only screen and (max-width: 1024px) {
        main .home_1 .home_txt-fx .columns p {
          margin: 0 0 0 -131px;
          max-width: 675px; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main .home_1 .home_txt-fx .columns p {
          margin-left: -71%;
          max-width: 360px; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main .home_1 .home_txt-fx .columns p {
          margin-left: -19%;
          max-width: 360px; } }
      @media only screen and (max-width: 384px) {
        main .home_1 .home_txt-fx .columns p {
          margin-left: -71%;
          margin-bottom: 19%;
          max-width: 360px; } }
      @media only screen and (max-width: 320px) and (max-height: 787px) {
        main .home_1 .home_txt-fx .columns p {
          display: none; } }

main #cards {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f1f1f1;
  min-height: 800px;
  margin-top: -130px; }
  @media only screen and (max-width: 384px) {
    main #cards {
      background-color: #FFF;
      height: 109vh;
      margin: -50% 0 104% 0; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    main #cards {
      background-color: #FFF;
      height: 109vh;
      margin: -50% 0 95% 0; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    main #cards {
      background-color: #FFF;
      height: 109vh;
      margin: -50% 0 95% 0; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    main #cards {
      margin-top: -190px; } }
  @media only screen and (max-width: 375px) and (max-height: 667px) {
    main #cards {
      margin-top: -30%; } }
  @media only screen and (max-width: 360px) and (max-height: 640px) {
    main #cards {
      margin-top: -34%; } }
  @media only screen and (max-width: 320px) and (max-height: 787px) {
    main #cards {
      background-color: #FFF;
      height: 100vh;
      margin: -70% 0 95% 0; } }
  main #cards .home-container {
    position: relative;
    width: 900px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -340px;
    background: #f1f1f1; }
    @media only screen and (max-width: 384px) {
      main #cards .home-container {
        margin: -86% 0 84% 0;
        display: flex;
        background-color: transparent; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main #cards .home-container {
        margin: -86% 0 84% 0;
        display: flex;
        background-color: transparent; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main #cards .home-container {
        background-color: transparent;
        margin: -86% 0 8% 0;
        display: flex; } }
    main #cards .home-container h2 {
      display: flex;
      position: absolute;
      color: #000;
      margin-top: -6%;
      margin-left: 33%;
      font-size: 39px;
      -webkit-animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
      animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; }

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }

@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main #cards .home-container h2 {
          font-size: 44px;
          margin: -6% 0 0 31%;
          font-family: "Poppins", sans-serif;
          color: #273238; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main #cards .home-container h2 {
          background-color: #d30809;
          padding: 12px;
          width: 270px;
          border-radius: 10px;
          color: #fff;
          margin: 2% 16%;
          font-size: 1.9rem;
          justify-content: center; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main #cards .home-container h2 {
          background-color: #d30809;
          padding: 12px;
          width: 270px;
          border-radius: 10px;
          color: #fff;
          margin: 2% 15%;
          font-size: 1.9rem;
          justify-content: center; } }
      @media only screen and (max-width: 384px) {
        main #cards .home-container h2 {
          background-color: #d30809;
          padding: 12px;
          width: 270px;
          border-radius: 10px;
          color: #fff;
          margin: 2% 15%;
          font-size: 1.9rem;
          justify-content: center; } }
      @media only screen and (max-width: 320px) and (max-height: 787px) {
        main #cards .home-container h2 {
          width: 296px;
          margin: 0 0 0 10px; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        main #cards .home-container h2 {
          margin: 0 19%; } }
    main #cards .home-container .info-links {
      display: flex;
      margin-top: -1%;
      margin-left: 35.5%;
      gap: 35px;
      padding: 5px; }
      @media only screen and (max-width: 384px) {
        main #cards .home-container .info-links {
          display: none; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main #cards .home-container .info-links {
          display: none; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main #cards .home-container .info-links {
          display: none; } }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main #cards .home-container .info-links {
          display: none; } }
      main #cards .home-container .info-links a {
        font-family: "Source Sans 3", sans-serif;
        font-size: 20px; }
      main #cards .home-container .info-links i {
        font-size: 16px; }
    main #cards .home-container .home-card {
      position: relative;
      height: 250px;
      display: flex;
      width: 45%;
      margin: 30px 0;
      border-radius: 6px;
      background: #f0f0f0;
      box-shadow: 5px 5px 25px #cacaca,
 -5px -5px 25px #ffffff;
      z-index: 222; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main #cards .home-container .home-card {
          display: flex;
          position: relative;
          width: 49%;
          height: 280px;
          margin: 35px 0; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main #cards .home-container .home-card {
          display: block;
          width: 100%;
          margin: 26% 0 -75px 0;
          box-shadow: none; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main #cards .home-container .home-card {
          display: block;
          width: 100%;
          margin: 26% 0 -75px 0;
          box-shadow: none; } }
      @media only screen and (max-width: 384px) {
        main #cards .home-container .home-card {
          display: block;
          width: 100%;
          margin: 26% 0 -75px 0;
          box-shadow: none; } }
      main #cards .home-container .home-card .home-imgBx {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #273238;
        z-index: 111;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        transition: 0.5s ease-in-out; }
        main #cards .home-container .home-card .home-imgBx .home-icon {
          color: #fff; }
      main #cards .home-container .home-card .home-content {
        position: absolute;
        right: 0;
        width: calc(100% - 75px);
        height: 100%;
        padding: 20px;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media only screen and (max-width: 384px) {
          main #cards .home-container .home-card .home-content {
            text-align: center; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main #cards .home-container .home-card {
          text-align: center; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main #cards .home-container .home-card {
          text-align: center; } }
      main #cards .home-container .home-card h3 {
        margin-bottom: 5px;
        font-size: 24px; }
        @media only screen and (max-width: 384px) {
          main #cards .home-container .home-card h3 {
            font-size: 1.7rem; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          main #cards .home-container .home-card h3 {
            font-size: 1.7rem; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          main #cards .home-container .home-card h3 {
            font-size: 1.9rem; } }
      @media only screen and (max-width: 384px) {
        main #cards .home-container .home-card p {
          font-size: 1.2rem; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main #cards .home-container .home-card p {
          font-size: 1.2rem; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main #cards .home-container .home-card p {
          font-size: 1.5rem; } }
      main #cards .home-container .home-card a {
        display: inline-block;
        margin-top: 10px;
        padding: 5px 10px;
        background: #333;
        text-decoration: none;
        color: #fff; }
  main #cards .home-card:hover .home-imgBx {
    width: 150px;
    height: 150px;
    left: -75px;
    top: calc(50% -75px);
    transition: 0.5s ease-in-out;
    background: #d30809; }
    @media only screen and (max-width: 384px) {
      main #cards .home-card:hover .home-imgBx {
        left: -25px;
        width: 120px;
        height: 120px; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main #cards .home-card:hover .home-imgBx {
        left: -25px;
        width: 120px;
        height: 120px; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main #cards .home-card:hover .home-imgBx {
        left: -25px;
        width: 120px;
        height: 120px; } }
    main #cards .home-card:hover .home-imgBx img {
      max-width: 100px;
      transition: 0.5s ease-in-out; }
  main #cards .home-card .home-imgBx:before {
    content: attr(data-text);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 6em;
    color: rgba(255, 255, 255, 0.233);
    font-weight: 700; }
    @media only screen and (max-width: 384px) {
      main #cards .home-card .home-imgBx:before {
        font-size: 5rem; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main #cards .home-card .home-imgBx:before {
        font-size: 5rem; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main #cards .home-card .home-imgBx:before {
        font-size: 5.5rem; } }
  main #cards .home-card:hover .home-imgBx img {
    max-width: 75px; }

main .slider {
  margin-bottom: 10px;
  width: 100%;
  height: auto;
  margin: auto;
  overflow: hidden;
  background: #fff; }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    main .slider {
      margin-top: -13%; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    main .slider {
      margin-top: 70%; } }
  @media only screen and (max-width: 320px) and (max-height: 787px) {
    main .slider {
      margin-top: 117%; } }
  @media only screen and (max-width: 384px) {
    main .slider {
      margin-top: 70%; } }
  main .slider .slide-track {
    display: flex;
    animation: scroll 40s linear infinite;
    -webkit-animation: scroll 40s linear infinite;
    width: calc(200px * 14); }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .slider .slide-track {
        margin-bottom: 3%; } }
    @media only screen and (max-width: 375px) and (max-height: 667px) {
      main .slider .slide-track {
        margin-top: 10%; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      main .slider .slide-track {
        margin-top: 10%; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main .slider .slide-track {
        margin: 10% 0; } }
    main .slider .slide-track .slide {
      width: 200px; }
      main .slider .slide-track .slide img {
        width: 100%; }

@keyframes scroll {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0); }
  100% {
    -webkit-transform: translateX(calc(-200px * 7));
    transform: translateX(calc(-200px * 7)); } }

main .section-5 {
  height: 600px;
  background: #f1f1f1; }
  main .section-5:after {
    content: "";
    position: absolute;
    top: 190%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0px 0vw 500px 98vw;
    border-style: solid;
    border-color: transparent transparent #88888821 transparent;
    display: none;
    z-index: 1; }
    @media only screen and (max-width: 1024px) {
      main .section-5:after {
        top: 237.5%; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .section-5:after {
        top: 178%;
        background-color: #fff; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    main .section-5 {
      height: 142vh;
      background-color: #fff; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    main .section-5 {
      height: 142vh;
      background-color: #fff;
      margin-top: -15%; } }
  @media only screen and (max-width: 320px) and (max-height: 787px) {
    main .section-5 {
      max-width: 315px;
      margin-top: 0%; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    main .section-5 {
      margin-top: -7%; } }
  @media only screen and (max-width: 384px) {
    main .section-5 {
      height: 142vh;
      background-color: #fff;
      margin-top: 10%; } }
  @media only screen and (max-width: 375px) and (max-height: 667px) {
    main .section-5 {
      margin-top: 12%; } }
  main .section-5 .subtitle-center {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    -webkit-animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; }

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }

@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }
    @media only screen and (max-width: 384px) {
      main .section-5 .subtitle-center {
        background-color: #d30809;
        padding: 12px;
        width: 339px;
        border-radius: 10px;
        color: #fff;
        margin: 21% 6%;
        font-size: 1.5rem;
        justify-content: center; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main .section-5 .subtitle-center {
        background-color: #d30809;
        padding: 12px;
        width: 339px;
        border-radius: 10px;
        color: #fff;
        margin: 12% 6%;
        font-size: 1.5rem;
        justify-content: center; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main .section-5 .subtitle-center {
        background-color: #d30809;
        padding: 12px;
        width: 339px;
        border-radius: 10px;
        color: #fff;
        margin: 3% 7%;
        font-size: 1.5rem;
        justify-content: center; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .section-5 .subtitle-center {
        font-size: 44px;
        font-family: "Poppins", sans-serif;
        color: #273238; } }
    @media only screen and (max-width: 375px) and (max-height: 667px) {
      main .section-5 .subtitle-center {
        margin-left: 16px; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      main .section-5 .subtitle-center {
        width: 329px;
        font-size: 1.4rem; } }
    @media only screen and (max-width: 320px) and (max-height: 787px) {
      main .section-5 .subtitle-center {
        font-size: 1.3rem;
        margin-left: 1%;
        max-width: 98%; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main .section-5 .subtitle-center {
        margin: 0 10%; } }
  main .section-5 .info-links {
    display: flex;
    margin-top: -1%;
    margin-left: 36%;
    gap: 35px;
    padding: 5px; }
    @media only screen and (max-width: 384px) {
      main .section-5 .info-links {
        display: none; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main .section-5 .info-links {
        display: none; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main .section-5 .info-links {
        display: none; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .section-5 .info-links {
        display: none; } }
    main .section-5 .info-links a {
      font-family: "Source Sans 3", sans-serif;
      font-size: 20px; }
    main .section-5 .info-links i {
      font-size: 16px; }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    main .section-5 .services {
      margin: 2% 0 0 0; } }
  @media only screen and (max-width: 384px) {
    main .section-5 .services .container {
      height: 100px; } }
  @media only screen and (max-width: 1024px) {
    main .section-5 .services .container {
      margin: 0 0 0 16px; } }
  main .section-5 .services .container .section-title {
    display: flex;
    justify-content: center;
    text-align: center;
    font-family: "Poppins", sans-serif; }
    main .section-5 .services .container .section-title p {
      display: none; }
  main .section-5 .services .container .row {
    padding: 10px 10px 10px 50px;
    margin-right: 15px;
    margin-top: 5%; }
    @media only screen and (max-width: 1024px) {
      main .section-5 .services .container .row {
        margin: 0 0 0 -76px;
        width: 1015px; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .section-5 .services .container .row {
        margin-top: -1%; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main .section-5 .services .container .row {
        margin: 0px 0 0 -32%;
        max-width: 118%; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main .section-5 .services .container .row {
        margin: 0px 0 0 -27%; } }
    @media only screen and (max-width: 384px) {
      main .section-5 .services .container .row {
        margin: 0px 0 0 -27%; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main .section-5 .services .container .row {
        margin: 0 -27%; } }
  main .section-5 .services .icon-box {
    text-align: center;
    border: none;
    border-radius: 20px;
    background: #fff;
    padding: 80px 20px;
    transition: all ease-in-out 0.3s; }
    @media only screen and (max-width: 384px) {
      main .section-5 .services .icon-box {
        width: 367px;
        height: 193px;
        background: #f0f0f0;
        margin-left: 21px;
        margin-bottom: -13px; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main .section-5 .services .icon-box {
        width: 367px;
        height: 193px;
        background: #f0f0f0;
        margin-left: 21px;
        margin-bottom: -13px; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main .section-5 .services .icon-box {
        width: 400px;
        height: 193px;
        background: #f0f0f0;
        margin-left: 35px;
        margin-bottom: -13px; } }
    @media only screen and (max-width: 1024px) {
      main .section-5 .services .icon-box {
        margin-right: -63px; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .section-5 .services .icon-box {
        background-color: #dadada2b; } }
    @media only screen and (max-width: 375px) and (max-height: 667px) {
      main .section-5 .services .icon-box {
        width: 362px;
        margin: 0 0 0 10px; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      main .section-5 .services .icon-box {
        width: 353px;
        margin: 0 0 0 0.5%; } }
    @media only screen and (max-width: 320px) and (max-height: 787px) {
      main .section-5 .services .icon-box {
        width: 313px;
        margin: 0 0 0 -1%; } }
  @media only screen and (max-width: 1024px) {
    main .section-5 .services h4 {
      margin: 0 0 0 10%; } }
  @media only screen and (max-width: 1024px) {
    main .section-5 .services p {
      max-width: 135px;
      margin: 0 0 0 20%; } }
  main .section-5 .services .icon {
    margin: 0 auto;
    width: 64px;
    height: 64px;
    background: #1977cc;
    border-radius: 5px;
    transition: all .3s ease-out 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transform-style: preserve-3d; }
    @media only screen and (max-width: 384px) {
      main .section-5 .services .icon {
        margin: -20px 0 0 0;
        width: 50px;
        height: 50px; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main .section-5 .services .icon {
        margin: -20px 0 0 0;
        width: 50px;
        height: 50px; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main .section-5 .services .icon {
        margin: -20px 0 0 0;
        width: 50px;
        height: 50px; } }
    main .section-5 .services .icon .icon::before {
      position: absolute;
      content: '';
      left: -8px;
      top: -8px;
      height: 100%;
      width: 100%;
      background: #badaf7;
      border-radius: 5px;
      transition: all .3s ease-out 0s;
      transform: translateZ(-1px); }
    main .section-5 .services .icon i {
      color: #fff;
      font-size: 28px; }
  main .section-5 .services h4 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 24px; }
    @media only screen and (max-width: 384px) {
      main .section-5 .services h4 {
        margin: -32% 0 0 58px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        padding: 6px; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main .section-5 .services h4 {
        margin: -32% 0 0 58px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        padding: 6px; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main .section-5 .services h4 {
        margin: -23% 0 -22px 53px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        padding: 6px; } }
    @media only screen and (max-width: 375px) and (max-height: 667px) {
      main .section-5 .services h4 {
        margin: -28% 0 0 61px; } }
    @media only screen and (max-width: 320px) and (max-height: 787px) {
      main .section-5 .services h4 {
        margin: -17% 0 0 21%;
        max-width: 79%; } }
    main .section-5 .services h4 a {
      color: #273238; }
  main .section-5 .services p {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0; }
    @media only screen and (max-width: 384px) {
      main .section-5 .services p {
        margin-top: 8px;
        width: 246px;
        max-width: 246px;
        margin-left: 73px;
        color: #333;
        font-size: 1.05rem; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main .section-5 .services p {
        margin-top: 8px;
        width: 246px;
        max-width: 246px;
        margin-left: 73px;
        color: #333;
        font-size: 1.05rem; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main .section-5 .services p {
        margin-top: 20px;
        width: 246px;
        max-width: 246px;
        margin-left: 73px;
        color: #333;
        font-size: 1rem; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .section-5 .services p {
        color: #273238;
        font-size: 18px; } }
    @media only screen and (max-width: 375px) and (max-height: 667px) {
      main .section-5 .services p {
        margin: 0% 0 0 62px; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      main .section-5 .services p {
        font-size: 1rem; } }
    @media only screen and (max-width: 320px) and (max-height: 787px) {
      main .section-5 .services p {
        display: none; } }
  main .section-5 .icon-box:hover {
    background: #273238;
    border-color: none;
    cursor: pointer; }
    main .section-5 .icon-box:hover .icon {
      background: #d30809; }
      main .section-5 .icon-box:hover .icon i {
        color: #fff; }
  main .section-5 .icon-box:hover .icon::before {
    background: #3291e6; }

main .services .icon-box:hover h4 a, main .services .icon-box:hover p {
  color: #fff; }

@media only screen and (max-width: 390px) and (max-height: 844px) {
  .grid {
    height: 215vh;
    margin-bottom: -35%; } }

@media only screen and (min-width: 393px) and (max-width: 852px) {
  .grid {
    height: 180vh;
    margin: 10% 0 46% 0; } }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .grid {
    background-color: #fff;
    margin: -1% 0 -1% 0; } }

@media only screen and (min-width: 428px) and (max-width: 926px) {
  .grid {
    margin-top: -10%;
    margin-bottom: 16%; } }

@media only screen and (max-width: 384px) {
  .grid {
    height: 217vh;
    margin-bottom: 0%; } }

@media only screen and (max-width: 360px) and (max-height: 640px) {
  .grid {
    margin-top: 65%;
    margin-bottom: 95%; } }

@media only screen and (max-width: 375px) and (max-height: 667px) {
  .grid {
    margin-top: 56%;
    margin-bottom: 72%; } }

.grid .grid-gallery {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-rows: 250px;
  grid-auto-flow: dense;
  grid-gap: 20px; }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    .grid .grid-gallery {
      background-color: #273238;
      margin: -90% 0 0 0; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    .grid .grid-gallery {
      background-color: #273238;
      margin: -70% 0 0 0; } }
  @media only screen and (max-width: 384px) {
    .grid .grid-gallery {
      background-color: #273238;
      margin: -50% 0 0 0; } }
  .grid .grid-gallery .grid-item {
    position: relative;
    background-color: #efefef;
    overflow: hidden; }
    .grid .grid-gallery .grid-item a {
      cursor: pointer; }
      .grid .grid-gallery .grid-item a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .grid .grid-gallery .grid-item:hover img {
    transform: scale(1.1); }
  .grid .grid-gallery .grid-item:nth-child(3n - 2) {
    grid-column: span 2;
    grid-row: span 2; }

.blur {
  filter: blur(5px);
  pointer-events: none; }

.section-form {
  position: relative;
  width: 100%;
  height: 800px;
  display: grid;
  place-items: center;
  background: #273238; }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .section-form {
      background: #273238; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    .section-form {
      display: flex;
      margin: -100% 0 0% 0;
      background-color: #fff; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    .section-form {
      display: flex;
      margin: -100% 0 0% 0;
      background-color: #fff; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    .section-form {
      display: flex;
      margin: -111% 0 0% 0;
      background-color: #fff; } }
  @media only screen and (max-width: 384px) {
    .section-form {
      display: flex;
      margin: -52% 0 0 0;
      background-color: #fff; } }
  @media only screen and (max-width: 360px) and (max-height: 640px) {
    .section-form {
      margin: 5% 0 0 0; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    .section-form {
      margin-top: -90%; } }
  .section-form .contactForm {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 20px;
    padding: 40px;
    width: 90%;
    height: 90%;
    background: #fff;
    box-shadow: 1px 9px 20px -5px rgba(0, 0, 0, 0.5);
    border-radius: 30px; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      .section-form .contactForm {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        background: #fff; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .section-form .contactForm {
        margin: 23px; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .section-form .contactForm {
        margin: auto; } }
    @media only screen and (max-width: 384px) {
      .section-form .contactForm {
        margin: auto; } }
    .section-form .contactForm .form {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 85%;
      margin-left: 30px; }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .section-form .contactForm .form {
          display: flex;
          margin: 0 0 0 -6%;
          width: 65%;
          height: 70%; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .section-form .contactForm .form {
          display: flex;
          margin: 0 0 0 -6%;
          width: 65%;
          height: 70%; } }
      @media only screen and (max-width: 384px) {
        .section-form .contactForm .form {
          display: flex;
          margin: 0 0 0 -6%;
          width: 65%;
          height: 70%; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        .section-form .contactForm .form {
          margin: 0 0 0 -8%; } }
      @media only screen and (max-width: 320px) and (max-height: 787px) {
        .section-form .contactForm .form .texto {
          margin: 0 0 0 -20%;
          max-width: 90%; } }
      .section-form .contactForm .form .texto h2 {
        font-family: 'Poppins';
        color: #1766a3;
        font-size: 2em;
        margin-bottom: 10px; }
        @media only screen and (max-width: 384px) {
          .section-form .contactForm .form .texto h2 {
            font-size: 1.65rem;
            margin: 84px 0 -44px 10px;
            text-align: center; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          .section-form .contactForm .form .texto h2 {
            font-size: 1.65rem;
            margin: 84px 0 -44px 10px;
            text-align: center; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          .section-form .contactForm .form .texto h2 {
            font-size: 1.65rem;
            margin: 84px 0 -44px 10px;
            text-align: center; } }
        @media only screen and (max-width: 375px) and (max-height: 667px) {
          .section-form .contactForm .form .texto h2 {
            margin-left: -3%; } }
        @media only screen and (max-width: 360px) and (max-height: 640px) {
          .section-form .contactForm .form .texto h2 {
            font-size: 1.3rem; } }
        @media only screen and (max-width: 320px) and (max-height: 787px) {
          .section-form .contactForm .form .texto h2 {
            font-size: 1.3rem; } }
      .section-form .contactForm .form .texto p {
        font-family: 'Poppins';
        color: #0b426c;
        font-size: 1.5em;
        margin-bottom: 20px; }
        @media only screen and (max-width: 384px) {
          .section-form .contactForm .form .texto p {
            font-size: 1.1rem;
            margin-top: 54px;
            margin-left: 5px;
            width: 100%;
            text-align: center; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          .section-form .contactForm .form .texto p {
            font-size: 1.1rem;
            margin-top: 54px;
            margin-left: 5px;
            width: 100%;
            text-align: center; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          .section-form .contactForm .form .texto p {
            font-size: 1.1rem;
            margin-top: 54px;
            margin-left: 5px;
            width: 100%;
            text-align: center; } }
        @media only screen and (max-width: 375px) and (max-height: 667px) {
          .section-form .contactForm .form .texto p {
            margin-left: -1%; } }
        @media only screen and (max-width: 360px) and (max-height: 640px) {
          .section-form .contactForm .form .texto p {
            font-size: 1rem; } }
        @media only screen and (max-width: 320px) and (max-height: 787px) {
          .section-form .contactForm .form .texto p {
            font-size: .9rem; } }
    .section-form .contactForm form {
      width: 100%; }
      .section-form .contactForm form input[type="submit"] {
        background: #1766a3;
        display: inline-block;
        text-align: center;
        width: 250px;
        padding: 10px;
        border-radius: 15px;
        color: #fff;
        letter-spacing: 1px;
        border: none;
        cursor: pointer;
        box-shadow: 1px 9px 20px -5px rgba(0, 0, 0, 0.59);
        transition: 0.3s; }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          .section-form .contactForm form input[type="submit"] {
            width: 103%; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          .section-form .contactForm form input[type="submit"] {
            width: 100%; } }
        @media only screen and (max-width: 384px) {
          .section-form .contactForm form input[type="submit"] {
            width: 100%; } }
        @media only screen and (max-width: 375px) and (max-height: 667px) {
          .section-form .contactForm form input[type="submit"] {
            width: 100%;
            margin: 0 0 0 -1%; } }
        @media only screen and (max-width: 360px) and (max-height: 640px) {
          .section-form .contactForm form input[type="submit"] {
            width: 95%;
            margin: 0 0 0 2%; } }
        @media only screen and (max-width: 320px) and (max-height: 787px) {
          .section-form .contactForm form input[type="submit"] {
            width: 83%; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          .section-form .contactForm form input[type="submit"] {
            width: 112%; } }
      .section-form .contactForm form input[type="submit"]:hover {
        background: #d30809; }
      .section-form .contactForm form .inputBox {
        display: flex;
        flex-direction: column;
        margin-bottom: 15px; }
        .section-form .contactForm form .inputBox label {
          color: #1766a3;
          font-weight: 700; }
          @media only screen and (min-width: 393px) and (max-width: 852px) {
            .section-form .contactForm form .inputBox label {
              font-size: 1.35rem;
              margin-left: 10px; } }
          @media only screen and (max-width: 390px) and (max-height: 844px) {
            .section-form .contactForm form .inputBox label {
              font-size: 1.2rem;
              margin-left: 10px; } }
          @media only screen and (max-width: 384px) {
            .section-form .contactForm form .inputBox label {
              font-size: 1.2rem;
              margin-left: 10px; } }
        .section-form .contactForm form .inputBox input[type="text"],
        .section-form .contactForm form .inputBox input[type="email"],
        .section-form .contactForm form .inputBox textarea {
          border: none;
          background: #273238;
          padding: 10px;
          border-radius: 10px;
          color: #fff;
          resize: none; }
          @media only screen and (min-width: 393px) and (max-width: 852px) {
            .section-form .contactForm form .inputBox input[type="text"],
            .section-form .contactForm form .inputBox input[type="email"],
            .section-form .contactForm form .inputBox textarea {
              width: 103%; } }
          @media only screen and (max-width: 375px) and (max-height: 667px) {
            .section-form .contactForm form .inputBox input[type="text"],
            .section-form .contactForm form .inputBox input[type="email"],
            .section-form .contactForm form .inputBox textarea {
              margin: 0 0 0 -2%; } }
          @media only screen and (max-width: 360px) and (max-height: 640px) {
            .section-form .contactForm form .inputBox input[type="text"],
            .section-form .contactForm form .inputBox input[type="email"],
            .section-form .contactForm form .inputBox textarea {
              width: 95%;
              margin: 0 0 0 2%; } }
          @media only screen and (max-width: 320px) and (max-height: 787px) {
            .section-form .contactForm form .inputBox input[type="text"],
            .section-form .contactForm form .inputBox input[type="email"],
            .section-form .contactForm form .inputBox textarea {
              width: 83%; } }
          @media only screen and (min-width: 428px) and (max-width: 926px) {
            .section-form .contactForm form .inputBox input[type="text"],
            .section-form .contactForm form .inputBox input[type="email"],
            .section-form .contactForm form .inputBox textarea {
              width: 112%; } }
        .section-form .contactForm form .inputBox input[type="text"]:focus,
        .section-form .contactForm form .inputBox input[type="email"]:focus,
        .section-form .contactForm form .inputBox textarea:focus {
          outline: 2px solid #d30809; }
    .section-form .contactForm .info {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .section-form .contactForm .info {
          display: flex;
          width: 55%;
          margin: -8% 0 0 0; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .section-form .contactForm .info {
          display: flex;
          width: 55%;
          margin: -8% 0 0 0; } }
      @media only screen and (max-width: 384px) {
        .section-form .contactForm .info {
          display: flex;
          width: 55%;
          margin: -8% 0 0 0; } }
      @media only screen and (max-width: 320px) and (max-height: 787px) {
        .section-form .contactForm .info {
          width: 59%;
          margin: 0px 0 0 -5%; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .section-form .contactForm .info {
          margin-left: 5%; } }
    .section-form .contactForm .imgBox {
      position: relative;
      width: 420px;
      height: 420px;
      margin-bottom: 5%; }
      @media only screen and (max-width: 1024px) {
        .section-form .contactForm .imgBox {
          display: none; } }
      .section-form .contactForm .imgBox img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          .section-form .contactForm .imgBox img {
            border-radius: 20px; } }
    .section-form .contactForm .textBox {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-direction: column; }
      .section-form .contactForm .textBox .infoContact {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin-bottom: 10px; }
        .section-form .contactForm .textBox .infoContact p {
          color: #0b426c; }
        .section-form .contactForm .textBox .infoContact ion-icon {
          font-size: 2em;
          margin-right: 10px;
          color: #0b426c; }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .section-form .contactForm .rrss {
        font-size: 10px;
        color: #252525;
        margin-top: -53%;
        width: 102%; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .section-form .contactForm .rrss {
        font-size: 11px;
        color: #252525;
        margin-top: -53%;
        width: 110%; } }
    @media only screen and (max-width: 384px) {
      .section-form .contactForm .rrss {
        font-size: 11px;
        color: #252525;
        margin-top: -53%;
        width: 110%; } }
    .section-form .contactForm .rrss a {
      padding: 20px;
      font-size: 2em;
      color: #1766a3;
      transition: 0.3s; }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .section-form .contactForm .rrss a {
          padding: 14px;
          font-size: 2.5em; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .section-form .contactForm .rrss a {
          padding: 14px;
          font-size: 2.5em; } }
      @media only screen and (max-width: 384px) {
        .section-form .contactForm .rrss a {
          padding: 14px;
          font-size: 2.5em; } }
    .section-form .contactForm .rrss a:hover {
      color: #0b426c; }

#dreyja-email {
  opacity: 0; }

#footer {
  background: #eeeeee;
  padding: 0 0 30px 0;
  color: #555555;
  font-size: 14px; }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    #footer {
      height: 110vh;
      margin-top: -60%; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    #footer {
      height: 120vh;
      margin-top: -60%; } }
  @media only screen and (max-width: 384px) {
    #footer {
      margin-top: -60%;
      height: 130vh; } }
  @media only screen and (max-width: 375px) and (max-height: 812px) {
    #footer {
      height: 125vh;
      margin-top: -60%; } }
  @media only screen and (max-width: 375px) and (max-height: 667px) {
    #footer {
      height: 125vh;
      margin-top: -60%; } }
  @media only screen and (max-width: 360px) and (max-height: 640px) {
    #footer {
      height: 125vh;
      margin-top: -60%; } }
  @media only screen and (min-width: 430px) and (max-width: 932px) {
    #footer {
      height: 117vh;
      overflow: hidden;
      margin-top: -60%; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    #footer {
      height: 117vh;
      overflow: hidden;
      margin-top: -60%; } }
  #footer .footer-top {
    background: #f6f6f6;
    padding: 60px 0 30px 0; }
    #footer .footer-top .footer-info {
      margin-bottom: 30px; }
      @media only screen and (max-width: 768px) {
        #footer .footer-top .footer-info {
          display: flex;
          flex-direction: column;
          align-items: center; } }
      #footer .footer-top .footer-info .img-logo-footer {
        width: 10rem;
        height: 3rem;
        margin-left: 0%; }
      #footer .footer-top .footer-info p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0;
        font-family: "Roboto", sans-serif; }
        @media only screen and (max-width: 390px) {
          #footer .footer-top .footer-info p {
            justify-content: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center; } }
      #footer .footer-top .footer-info .social-links a {
        font-size: 18px;
        display: inline-block;
        background: transparent;
        border: 1px solid #273238;
        color: #273238;
        line-height: 1;
        padding: 8px 0;
        margin-right: 4px;
        border-radius: 4px;
        text-align: center;
        width: 36px;
        height: 36px;
        transition: 0.3s; }
      #footer .footer-top .footer-info a:hover {
        background: #65c9cd;
        text-decoration: none; }
    #footer .footer-top .footer-links {
      margin-bottom: 30px; }
      @media only screen and (max-width: 768px) {
        #footer .footer-top .footer-links {
          display: flex;
          flex-direction: column;
          align-items: center; } }
      #footer .footer-top .footer-links h4 {
        font-family: "Poppins", sans-serif;
        font-size: 1.7em;
        font-weight: 600;
        position: relative;
        padding-bottom: 8px; }
      #footer .footer-top .footer-links ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        @media only screen and (max-width: 768px) {
          #footer .footer-top .footer-links ul {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center; } }
        #footer .footer-top .footer-links ul li {
          padding: 5px 0;
          display: flex;
          align-items: center; }
          #footer .footer-top .footer-links ul li i {
            padding-right: 2px;
            color: #3fbbc0;
            font-size: 18px;
            line-height: 1; }
          #footer .footer-top .footer-links ul li li:first-child {
            padding-top: 0; }
          #footer .footer-top .footer-links ul li a {
            color: #555555;
            transition: 0.3s;
            display: inline-block;
            line-height: 1; }
          #footer .footer-top .footer-links ul li a:hover {
            color: #3fbbc0; }
    @media only screen and (max-width: 768px) {
      #footer .footer-top .footer-newsletter {
        display: flex;
        flex-direction: column;
        align-items: center; } }
    #footer .footer-top .footer-newsletter h4 {
      font-family: "Poppins", sans-serif;
      font-size: 1.7em;
      font-weight: 600;
      position: relative;
      padding-bottom: 8px; }
    #footer .footer-top .footer-newsletter p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 0;
      font-family: "Roboto", sans-serif; }
      @media only screen and (max-width: 768px) {
        #footer .footer-top .footer-newsletter p {
          width: 400px;
          text-align: center; } }
      @media only screen and (max-width: 390px) {
        #footer .footer-top .footer-newsletter p {
          width: 340px;
          text-align: center; } }
    #footer .footer-top .footer-newsletter form {
      margin-top: 30px;
      background: #fff;
      padding: 6px 10px;
      position: relative;
      border: 1px solid #d5d5d5;
      border-radius: 4px; }
      @media only screen and (max-width: 768px) {
        #footer .footer-top .footer-newsletter form {
          width: 400px; } }
      @media only screen and (max-width: 390px) {
        #footer .footer-top .footer-newsletter form {
          width: 350px; } }
      @media only screen and (max-width: 320px) and (max-height: 787px) {
        #footer .footer-top .footer-newsletter form {
          width: 315px; } }
      #footer .footer-top .footer-newsletter form input[type="email"] {
        border: 0;
        padding: 4px;
        width: calc(100% - 110px); }
      #footer .footer-top .footer-newsletter form input[type="submit"] {
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        border: 0;
        background: none;
        font-size: 16px;
        padding: 0 20px;
        background: #1977cc;
        color: #fff;
        transition: 0.3s;
        border-radius: 0 4px 4px 0; }
      #footer .footer-top .footer-newsletter form input[type="submit"]:hover {
        background: #65c9cd; }
  #footer .container .copyright {
    text-align: center;
    padding-top: 30px; }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      #footer .container .copyright {
        height: 11vh; } }
    @media only screen and (max-width: 375px) and (max-height: 667px) {
      #footer .container .copyright {
        background-color: #eee;
        width: 376px;
        margin: 0 -4%; } }
  #footer .container .credits {
    padding-top: 10px;
    text-align: center;
    font-size: 13px; }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      #footer .container .credits {
        height: 7vh; } }
    @media only screen and (max-width: 375px) and (max-height: 667px) {
      #footer .container .credits {
        background-color: #eee;
        width: 376px;
        margin: 0 -4%;
        height: 10vh; } }
  #footer #subscribeForm {
    width: 100%; }

@media only screen and (max-width: 1024px) {
  main {
    overflow: hidden; } }

main button {
  border: none;
  display: flex;
  align-items: center;
  padding: 0.5rem;
  margin: 38% 0px 0px 40%;
  background-color: #02020252;
  border-radius: 1.75rem;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  position: fixed;
  z-index: 999; }
  @media only screen and (max-width: 768px) {
    main button {
      display: flex;
      position: fixed;
      margin-top: 159%;
      margin-left: 88px;
      z-index: 222; } }
  main button .text {
    font-family: "Inter", sans-serif;
    font-style: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 1.2rem;
    white-space: nowrap; }
  main button .text:hover {
    color: #ffffff; }
  main button .icon {
    width: 2.5rem;
    height: 2.5rem;
    fill: #ffffff;
    background: #0071e3;
    border-radius: 50%;
    opacity: 0.8; }
    main button .icon #icon-modify {
      color: white;
      display: flex;
      margin-left: 10px;
      margin-top: 10px;
      width: 20px;
      height: 20px;
      transition: transform 0.3s ease; }
      main button .icon #icon-modify a {
        text-decoration: none; }
    main button .icon #icon-modify:hover {
      transform: scale(1.4); }

main #home-sf {
  width: 100%;
  height: 100%;
  background: url("https://tatabluescopesteel.com/wp-content/uploads/2020/02/Ezybuild-Light-St-Members-banner.jpg") top center;
  background-size: cover;
  background-position: center; }
  main #home-sf .trapezoide {
    width: 300px;
    height: 130px;
    background: #fff;
    position: relative;
    transform: perspective(400px) rotateY(30deg);
    transform-origin: 100% 50%;
    margin-left: 16%;
    margin-top: 29%; }
    @media only screen and (max-width: 1024px) {
      main #home-sf .trapezoide {
        background-color: #fff; } }
    @media only screen and (max-width: 768px) {
      main #home-sf .trapezoide {
        width: 170px;
        height: 60px;
        background: #fff; } }
  @media only screen and (max-width: 384px) {
    main #home-sf .home-sf-content {
      margin-left: -1%; } }
  main #home-sf .home-sf-content p {
    font-family: 'Poppins';
    font-size: 2.7rem;
    font-weight: 600;
    position: absolute;
    margin: 11% 0 0 -370px;
    text-align: flex-start;
    color: #161616;
    border-bottom: 6px solid #666666;
    padding-bottom: .1em; }
    @media only screen and (max-width: 768px) {
      main #home-sf .home-sf-content p {
        font-family: 'Poppins';
        font-size: 1.4rem;
        margin-left: -44%;
        border-bottom: 3px solid #666666;
        padding-bottom: .1em; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main #home-sf .home-sf-content p {
        font-size: 3rem;
        margin-left: -24%; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      main #home-sf .home-sf-content p {
        margin: 42px -46%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      main #home-sf .home-sf-content p {
        margin: 12% -40%; } }

main .home-container {
  margin: -3% 0px 0px 0px;
  width: 100%;
  height: 300px;
  background: #fff;
  border-radius: 20px; }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    main .home-container {
      margin: -5% 0 6% 0;
      background: #fff;
      height: 250px; } }
  @media only screen and (max-width: 1024px) {
    main .home-container {
      background: #ffffff; } }
  @media only screen and (max-width: 768px) {
    main .home-container {
      width: 100%;
      height: 125px; } }
  @media only screen and (max-width: 384px) {
    main .home-container {
      margin-top: -14%; } }

@keyframes roll {
  0% {
    opacity: 0;
    transform: translate3d(0, -70%, 0); }
  25%, 50% {
    opacity: 1;
    transform: translateZ(0); }
  75%, 100% {
    opacity: 0;
    transform: translate3d(0, 70%, 0); } }
  main .home-container h1 {
    font-family: "Poppins", sans-serif;
    margin: 8% 0px 0px 7%;
    display: flex; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .home-container h1 {
        z-index: 333;
        position: relative;
        margin-top: 7%; } }
    @media only screen and (max-width: 1024px) {
      main .home-container h1 {
        font-family: "Poppins", sans-serif;
        font-size: 2rem;
        margin: 69px 0 0 91px; } }
    @media only screen and (max-width: 768px) {
      main .home-container h1 {
        font-size: 1.1em;
        margin-left: 42px; } }
    @media only screen and (max-width: 384px) {
      main .home-container h1 {
        font-size: 1.2rem;
        margin-left: 3%; } }
    main .home-container h1 .home-lista {
      margin-left: 10px; }
      main .home-container h1 .home-lista .home-lista-item {
        position: absolute;
        animation: roll 10s ease 3s infinite backwards; }
        main .home-container h1 .home-lista .home-lista-item:nth-child(1) {
          animation-delay: 0s;
          opacity: 0;
          margin-top: 0%; }
        main .home-container h1 .home-lista .home-lista-item:nth-child(2) {
          animation-delay: 5s;
          opacity: 0;
          margin-top: 0%; }

main .home-container-p {
  font-family: "Poppins", sans-serif;
  font-size: 1.1rem;
  margin: -1.5% 0px 0px 0px;
  height: 300px;
  width: 100%;
  display: flex; }
  @media only screen and (max-width: 768px) {
    main .home-container-p {
      margin: -1.5% 0px 234px 0px; } }

@keyframes roll {
  0% {
    opacity: 0;
    transform: translate3d(0, -70%, 0); }
  25%, 50% {
    opacity: 1;
    transform: translateZ(0); }
  75%, 100% {
    opacity: 0;
    transform: translate3d(0, 70%, 0); } }
  main .home-container-p .home-lista {
    margin: 20px; }
    main .home-container-p .home-lista p {
      position: absolute;
      animation: roll 10s ease 3s infinite backwards; }
      main .home-container-p .home-lista p:nth-child(1) {
        animation-delay: 0s;
        opacity: 0;
        width: 75%;
        margin: -205px 0px 0px 75px;
        width: 68%; }
        @media only screen and (max-width: 768px) {
          main .home-container-p .home-lista p:nth-child(1) {
            font-size: .7em;
            margin: -110px 0px 0px 25px;
            width: 80%;
            text-align: justify; } }
      main .home-container-p .home-lista p:nth-child(2) {
        animation-delay: 5s;
        opacity: 0;
        width: 75%;
        margin: -205px 0px 0px 75px;
        width: 68%; }
        @media only screen and (max-width: 768px) {
          main .home-container-p .home-lista p:nth-child(2) {
            font-size: .7em;
            margin: -110px 0px 0px 25px;
            width: 80%;
            text-align: justify; } }

@media only screen and (max-width: 768px) {
  main .home-container-img {
    display: flex; } }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  main .home-container-img {
    margin: 5% 0 4% 0; } }

main .home-container-img .sf-img-container {
  display: flex;
  height: 200px;
  width: 200px;
  padding: 10px;
  overflow: hidden;
  margin-top: -41%;
  margin-left: 85%;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px; }
  @media only screen and (max-width: 1024px) {
    main .home-container-img .sf-img-container {
      margin: -550px 0 0 770px; } }
  @media only screen and (max-width: 768px) {
    main .home-container-img .sf-img-container {
      display: flex;
      position: absolute;
      margin-left: 36px;
      z-index: 222;
      margin-top: -543px;
      margin-bottom: 10px;
      border-radius: 115px;
      width: 165px;
      height: 165px; } }

main .home-container-img .sf-img-container-2 {
  display: none; }
  @media only screen and (max-width: 768px) {
    main .home-container-img .sf-img-container-2 {
      display: flex;
      position: absolute;
      margin-left: 203px;
      z-index: 222;
      margin-top: -533px;
      margin-bottom: 10px;
      border-radius: 115px;
      width: 145px;
      height: 145px; } }

main .muro-compuesto {
  font-family: "Poppins", sans-serif;
  background: #fafafa;
  margin-top: -5%; }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    main .muro-compuesto {
      margin: -8% 0 0 0; } }
  @media only screen and (max-width: 768px) {
    main .muro-compuesto {
      width: 100%;
      height: 750px;
      margin: -100% 0px; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    main .muro-compuesto {
      margin: -90% 0 0 0; } }

@keyframes roll {
  0% {
    opacity: 0;
    transform: translate3d(0, -70%, 0); }
  25%, 50% {
    opacity: 1;
    transform: translateZ(0); }
  75%, 100% {
    opacity: 0;
    transform: translate3d(0, 70%, 0); } }
  main .muro-compuesto .home-container-muro {
    font-family: "Poppins", sans-serif;
    width: 70%;
    padding: 0px 95px; }
    main .muro-compuesto .home-container-muro h2 {
      color: #000000;
      font-family: "Poppins", sans-serif;
      margin: 18% 0px 0px 0%;
      display: flex; }
      @media only screen and (max-width: 768px) {
        main .muro-compuesto .home-container-muro h2 {
          font-size: 1em;
          margin-left: -50px;
          white-space: nowrap; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        main .muro-compuesto .home-container-muro h2 {
          margin: 0 -100%; } }
    @media only screen and (max-width: 1024px) {
      main .muro-compuesto .home-container-muro .question-2 {
        margin: 36% 0 0 0; } }
    @media only screen and (max-width: 768px) {
      main .muro-compuesto .home-container-muro .question-2 {
        display: none; } }
    main .muro-compuesto .home-container-muro .muro-compuesto-container {
      text-align: justify;
      font-family: 'Poppins';
      display: flex;
      position: absolute;
      margin: 0px 0px 0px 0px;
      padding: 20px; }
      main .muro-compuesto .home-container-muro .muro-compuesto-container .paragraph {
        width: 65%; }
        @media only screen and (max-width: 768px) {
          main .muro-compuesto .home-container-muro .muro-compuesto-container .paragraph {
            display: none; } }
      @media only screen and (max-width: 1024px) {
        main .muro-compuesto .home-container-muro .muro-compuesto-container .paragraph2 {
          margin: 0% 0 0 0; } }
  main .muro-compuesto .muro-compuesto-img {
    width: 400px;
    height: 400px;
    display: flex;
    margin: -350px 0px 8% 69%; }
    @media only screen and (max-width: 768px) {
      main .muro-compuesto .muro-compuesto-img {
        display: flex;
        margin: 0px 0px 0px 8%;
        width: 330px;
        height: 330px; } }
    main .muro-compuesto .muro-compuesto-img img {
      margin-top: 92px;
      position: absolute;
      height: 400px;
      width: 400px; }
      @media only screen and (max-width: 1024px) {
        main .muro-compuesto .muro-compuesto-img img {
          height: 300px;
          width: 300px;
          margin: 172px 0 0 12px; } }
      @media only screen and (max-width: 768px) {
        main .muro-compuesto .muro-compuesto-img img {
          height: 300px;
          width: 300px;
          margin: 3.2% 0px 0px 23px; } }
  @media only screen and (max-width: 1024px) {
    main .muro-compuesto .muro-compuesto-referencias {
      font-size: .85rem; } }
  @media only screen and (max-width: 768px) {
    main .muro-compuesto .muro-compuesto-referencias {
      display: flex; } }
  @media only screen and (max-width: 360px) and (max-height: 640px) {
    main .muro-compuesto .muro-compuesto-referencias {
      margin: -5% 0; } }
  main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul {
    list-style: none; }
    @media only screen and (max-width: 768px) {
      main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul {
        font-size: .8em; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul {
        margin-top: 70%; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul {
        margin-top: 10%; } }
    @media only screen and (max-width: 375px) and (max-height: 812px) {
      main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul {
        margin-top: -18%; } }
    @media only screen and (max-width: 375px) and (max-height: 667px) {
      main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul {
        margin-top: -25%; } }
    main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li a {
      text-decoration: none;
      position: absolute;
      margin-top: -15.7%;
      margin-left: 66.73%;
      font-family: "Inter", sans-serif;
      font-size: 1.4em; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li a {
          color: #273238;
          margin: -14.5% 0px 0px 67%; } }
      @media only screen and (max-width: 768px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li a {
          margin: -42.4% 0px 0px 19.5px; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li a {
          margin: -38.5% 22px; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li a {
          margin: -40.5% 5%; } }
    main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(1) a:hover {
      color: #d30809; }
    main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(2) a {
      color: #273238;
      position: absolute;
      margin-top: -15.3%;
      margin-left: 93.7%;
      font-family: "Inter", sans-serif;
      font-size: 1.4em; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(2) a {
          margin: -14.2% 0px 0px 90%; } }
      @media only screen and (max-width: 768px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(2) a {
          margin: -41.4% 0px 0px 292.5px; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(2) a {
          margin: -38% 0px 0px 296px; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(2) a {
          margin: -40% 81%; } }
    main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(2) a:hover {
      color: #d30809; }
    main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(3) a {
      color: #000000;
      position: absolute;
      margin-top: -20.8%;
      margin-left: 93.7%;
      font-family: "Inter", sans-serif;
      font-size: 1.4em; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(3) a {
          color: #273238;
          margin: -18.8% 0px 0px 90%; } }
      @media only screen and (max-width: 768px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(3) a {
          margin: -56% 0px 0px 292.5px; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(3) a {
          margin: -51% 0px 0px 296px; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(3) a {
          margin: -55% 81%; } }
    main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(3) a:hover {
      color: #d30809; }
    main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(4) a {
      color: #000000;
      position: absolute;
      margin-top: -23%;
      margin-left: 93.7%;
      font-family: "Inter", sans-serif;
      font-size: 1.4em; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(4) a {
          margin: -20.6% 0px 0px 90%; } }
      @media only screen and (max-width: 768px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(4) a {
          margin: -61.5% 0px 0px 292px; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(4) a {
          margin: -56% 0px 0px 296px; } }
    main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(4) a:hover {
      color: #d30809; }
    main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(5) a {
      color: #000000;
      position: absolute;
      margin-top: -19.2%;
      margin-left: 66.6%;
      font-family: "Inter", sans-serif;
      font-size: 1.4em; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(5) a {
          color: #273238;
          margin: -17.4% 0px 0px 66.9%; } }
      @media only screen and (max-width: 768px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(5) a {
          margin: -51.5% 0px 0px 19px; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(5) a {
          margin: -47% 22px; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(5) a {
          margin: -50.5% 4.8%; } }
    main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(5) a:hover {
      color: #d30809; }
    main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(6) a {
      color: #000000;
      position: absolute;
      margin-top: -23%;
      margin-left: 66.6%;
      font-family: "Inter", sans-serif;
      font-size: 1.4em; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(6) a {
          color: #273238;
          margin: -20.65% 0px 0px 66.9%; } }
      @media only screen and (max-width: 768px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(6) a {
          margin: -61.5% 0px 0px 18.5px; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(6) a {
          margin: -56% 22px; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(6) a {
          margin: -61% 4.8%; } }
    main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(6) a:hover {
      color: #d30809; }
    main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(7) a {
      color: #000000;
      position: absolute;
      margin-top: -26.5%;
      margin-left: 66.8%;
      font-family: "Inter", sans-serif;
      font-size: 1.4em; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(7) a {
          color: #273238;
          margin: -23.6% 0px 0px 67%; } }
      @media only screen and (max-width: 768px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(7) a {
          margin: -70.5% 0px 0px 19.5px; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(7) a {
          margin: -64.5% 22.5px; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(7) a {
          margin: -71% 5%; } }
    main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(7) a:hover {
      color: #d30809; }
    main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(8) a {
      color: #000000;
      position: absolute;
      margin-top: -31.5%;
      margin-left: 76.5%;
      font-family: "Inter", sans-serif;
      font-size: 1.4em; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(8) a {
          color: #273238;
          margin: -27.9% 0px 0px 75.3%; } }
      @media only screen and (max-width: 768px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(8) a {
          margin: -83.6% 0px 0px 118px; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(8) a {
          margin: -76% 0px 0px 121px; } }
      @media only screen and (max-width: 375px) and (max-height: 812px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(8) a {
          margin-top: -85%; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(8) a {
          margin: -85.3% 32.5%; } }
    main .muro-compuesto .muro-compuesto-referencias .muro-sf-partes ul li:nth-child(8) a:hover {
      color: #d30809; }
  main .muro-compuesto .muro-compuesto-detalle {
    background: #fafafa;
    overflow: hidden;
    height: 1900px;
    margin-top: -15px; }
    @media only screen and (max-width: 768px) {
      main .muro-compuesto .muro-compuesto-detalle {
        display: flex;
        height: 1500px;
        margin: -14% 0 0 0; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main .muro-compuesto .muro-compuesto-detalle {
        margin-left: 3%; } }
    @media only screen and (max-width: 384px) {
      main .muro-compuesto .muro-compuesto-detalle {
        margin-top: -5%; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      main .muro-compuesto .muro-compuesto-detalle {
        margin-top: 5%;
        height: 197vh; } }
    main .muro-compuesto .muro-compuesto-detalle .container-partes {
      display: flex;
      justify-content: center;
      width: 100%;
      flex-direction: column;
      margin-top: -55px; }
      @media only screen and (max-width: 768px) {
        main .muro-compuesto .muro-compuesto-detalle .container-partes {
          display: block;
          margin: 15% 0 0 0; } }
      @media only screen and (max-width: 1024px) {
        main .muro-compuesto .muro-compuesto-detalle .container-partes {
          margin: 43px 0 0 -8px; } }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main .muro-compuesto .muro-compuesto-detalle .container-partes {
          height: 211vh;
          margin-top: 7%; } }
      main .muro-compuesto .muro-compuesto-detalle .container-partes .titulo {
        position: relative;
        margin-left: 21%;
        margin-top: -12.2%;
        width: 100%; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .titulo {
            margin: -9% 0 0 21%; } }
        @media only screen and (max-width: 1024px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .titulo {
            margin: -15% 0 0 25%; } }
        @media only screen and (max-width: 768px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .titulo {
            float: left;
            margin: -107px 0 0 138px;
            width: 57%; } }
        @media only screen and (max-width: 1024px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .titulo h5 {
            margin: -1% 0 0 0; } }
        @media only screen and (max-width: 768px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .titulo h5 {
            font-size: .9rem; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .titulo h5 {
            margin-top: 4%; } }
      main .muro-compuesto .muro-compuesto-detalle .container-partes .div {
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
        height: 180px;
        width: 180px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: linear-gradient(to right, #1cd8d2, #93edc7);
        color: white;
        margin: 15px 0;
        border-radius: 7px; }
        @media only screen and (max-width: 384px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .div {
            margin: -17% 0 0 0;
            background-image: none; } }
        @media only screen and (max-width: 768px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .div {
            display: flex;
            height: 110px;
            width: 110px; } }
      main .muro-compuesto .muro-compuesto-detalle .container-partes .izquierda {
        margin: 6% 0 0 5%;
        float: left; }
        @media only screen and (max-width: 768px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .izquierda {
            margin: -26px 0 0 17px; } }
        @media only screen and (max-width: 384px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .izquierda {
            margin: -26px 0 0 17px; } }
      main .muro-compuesto .muro-compuesto-detalle .container-partes .derecha {
        margin: 6% 0 0 81%;
        float: right; }
        @media only screen and (max-width: 768px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .derecha {
            margin: 0 20px 0 0; } }
        @media only screen and (max-width: 360px) and (max-height: 640px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .derecha {
            margin: 10% 0; } }
      main .muro-compuesto .muro-compuesto-detalle .container-partes .titulo-fade-der {
        position: relative;
        margin-left: 21%;
        margin-top: -10%;
        width: 100%; }
        @media only screen and (max-width: 768px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .titulo-fade-der {
            display: flex;
            font-size: .7rem;
            margin: -27% 0 0 20px; } }
        @media only screen and (max-width: 384px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .titulo-fade-der {
            margin: -26% 0 0 20px; } }
        @media only screen and (max-width: 360px) and (max-height: 640px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .titulo-fade-der {
            margin: -41% 0; } }
      main .muro-compuesto .muro-compuesto-detalle .container-partes .parrafo {
        position: relative;
        margin-left: 21%;
        margin-top: 0%;
        width: 60%; }
        @media only screen and (max-width: 768px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .parrafo {
            font-size: .7rem;
            margin: 0 0 0 78px;
            width: 60%;
            display: flex;
            flex-direction: column; } }
        @media only screen and (max-width: 1024px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .parrafo .p-left {
            margin: 0 0 0 6%; } }
        @media only screen and (max-width: 768px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .parrafo .p-left {
            width: 100%;
            height: 20px;
            position: relative;
            margin: 0px 0 53px 4%;
            text-align: justify;
            display: flex;
            flex-direction: column; } }
        @media only screen and (max-width: 1024px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .parrafo .p-right {
            margin: 3% 0 0 7%; } }
        @media only screen and (max-width: 768px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .parrafo .p-right {
            width: 100%;
            position: relative;
            margin: -83px 0 53px -27%;
            text-align: justify; } }
      main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-content, main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-contentSf {
        font-family: 'Poppins';
        background-color: black;
        width: 100px;
        display: flex;
        position: relative;
        margin-left: 21%;
        margin-top: 0%;
        padding: 7px;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 14px;
        letter-spacing: 1px;
        border-radius: 10px; }
        @media only screen and (max-width: 360px) and (max-height: 640px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-content, main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-contentSf {
            display: none;
            pointer-events: none; } }
        @media only screen and (max-width: 384px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-content, main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-contentSf {
            display: none; } }
        @media only screen and (max-width: 768px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-content, main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-contentSf {
            display: flex;
            margin: -37px 0 0 18px;
            height: 24px;
            width: 62px; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-content, main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-contentSf {
            display: none;
            pointer-events: none; } }
        main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-content i, main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-contentSf i {
          font-size: 1.1rem; }
          @media only screen and (max-width: 384px) {
            main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-content i, main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-contentSf i {
              display: none; } }
          @media only screen and (max-width: 360px) and (max-height: 640px) {
            main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-content i, main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-contentSf i {
              display: none; } }
      @media only screen and (max-width: 1024px) {
        main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-contentSf {
          margin: 0% 0 0 25%; } }
      @media only screen and (max-width: 384px) {
        main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-contentSf {
          display: none; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-contentSf {
          display: none; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-contentSf {
          display: none;
          pointer-events: none; } }
      @media only screen and (max-width: 768px) {
        main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-c-right, main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-c-rightSf {
          font-family: 'Poppins';
          background-color: black;
          height: 24px;
          width: 62px;
          display: flex;
          position: relative;
          margin: -13px 0 0 39%;
          padding: 7px;
          justify-content: center;
          align-items: center;
          text-align: center;
          font-size: 14px;
          letter-spacing: 1px;
          border-radius: 10px; } }
      @media only screen and (max-width: 384px) {
        main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-c-right, main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-c-rightSf {
          display: none; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-c-right, main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-c-rightSf {
          display: none; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-c-right, main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-c-rightSf {
          display: none; } }
      main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-c-right {
        display: none; }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-c-right {
            display: none;
            pointer-events: none; } }
      main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-content:hover, main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-contentSf:hover {
        cursor: pointer;
        transition: all .3s ease-in-out;
        transform: scale(1.1);
        background-color: white;
        border: 1px solid #000; }
      main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-content-shop {
        font-family: 'Poppins';
        background: #8baac0;
        width: 150px;
        display: flex;
        position: relative;
        margin-left: 29%;
        margin-top: -2.6%;
        padding: 7px;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 14px;
        letter-spacing: 1px;
        border-radius: 10px; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-content-shop {
            margin: 1% 0 0 0; } }
        @media only screen and (max-width: 768px) {
          main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-content-shop {
            display: flex;
            margin: -48px 0 43px 84px;
            height: 24px;
            width: 143px; } }
        main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-content-shop a {
          text-decoration: none;
          color: #000; }
      main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-content-shop:hover {
        cursor: pointer;
        transition: all .3s ease-in-out;
        transform: scale(1.1);
        background-color: white;
        border: 2px solid #8baac0; }
      @media only screen and (max-width: 768px) {
        main .muro-compuesto .muro-compuesto-detalle .container-partes .btn-shop-right {
          margin: -24px 0 15px 228px; } }

main .banner-shop {
  background-color: #8baac0;
  height: 245px;
  width: 100%;
  padding: 1px;
  margin: 0 0 0 0; }
  @media only screen and (max-width: 768px) {
    main .banner-shop {
      display: flex;
      height: 180px;
      width: 100%;
      margin: 260% 0 0 0; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    main .banner-shop {
      margin: 235% 0 0 0; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    main .banner-shop {
      margin: 236% 0 0 0; } }
  @media only screen and (max-width: 384px) {
    main .banner-shop {
      margin: 247% 0 0 0; } }
  @media only screen and (max-width: 360px) and (max-height: 640px) {
    main .banner-shop {
      margin-top: 338%; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    main .banner-shop {
      margin-top: 117%; } }
  main .banner-shop h2 {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 2rem;
    color: #fff;
    width: 100%;
    display: flex;
    position: relative;
    text-align: center;
    justify-content: center;
    align-items: center;
    top: 20%; }
    @media only screen and (max-width: 1024px) {
      main .banner-shop h2 {
        font-size: 1.7rem;
        max-width: 900px;
        margin: 0 0 0 7%; } }
    @media only screen and (max-width: 768px) {
      main .banner-shop h2 {
        display: flex;
        font-size: 1.2rem;
        margin: -133px 0 0 0; } }
  main .banner-shop .btn-e-shop {
    display: flex;
    position: absolute;
    background: #5c7383;
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 10px 0px 10px 35px;
    width: 200px;
    margin-top: 5%;
    margin-left: 43%; }
    @media only screen and (max-width: 768px) {
      main .banner-shop .btn-e-shop {
        display: flex;
        margin: 105px 0 0 92px; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .banner-shop .btn-e-shop {
        margin: 4% 0 0 43.6%; } }
    main .banner-shop .btn-e-shop a {
      text-decoration: none;
      color: #fff; }
    main .banner-shop .btn-e-shop .btn-e-shop:hover {
      cursor: pointer;
      transition: all .3s ease-in-out;
      background-color: #9fc7e6;
      border: 2px solid #cbebfb;
      color: #fff; }

main .ventajas {
  height: 500px;
  background: white;
  background: linear-gradient(0deg, white 51%, #d9d9d9 100%); }
  @media only screen and (max-width: 1024px) {
    main .ventajas {
      height: 600px; } }
  @media only screen and (max-width: 768px) {
    main .ventajas {
      display: flex;
      flex-direction: column;
      width: 100%;
      background-color: blue; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    main .ventajas {
      margin-bottom: 10%; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    main .ventajas {
      margin-bottom: 10%; } }
  @media only screen and (max-width: 384px) {
    main .ventajas {
      margin-bottom: -20%; } }
  @media only screen and (max-width: 360px) and (max-height: 640px) {
    main .ventajas {
      margin-bottom: -76%;
      background-color: #fff; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    main .ventajas {
      margin-bottom: 42%; } }
  @media only screen and (max-width: 768px) {
    main .ventajas .content {
      display: flex; } }
  main .ventajas .content h2 {
    font-family: 'Poppins';
    font-size: 1.9rem;
    color: #000;
    display: flex;
    position: absolute;
    margin: 17% 0px 0px 5%;
    -webkit-animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; }
    @media only screen and (max-width: 768px) {
      main .ventajas .content h2 {
        position: static;
        font-size: 1.1rem;
        display: flex;
        margin: 18px 0 42px 113px;
        text-align: center; } }

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }

@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }
  main .ventajas .card {
    position: relative;
    background: transparent;
    width: 300px;
    height: 300px;
    border: none;
    margin: -7% 0px 0px 30%; }
    @media only screen and (max-width: 768px) {
      main .ventajas .card {
        height: 120px;
        width: 120px; } }
    main .ventajas .card .container-image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #e7e7e7;
      width: 190px;
      height: 190px;
      cursor: pointer;
      border: none;
      border-radius: 50%;
      box-shadow: 0 0 3px 1px #1818183d, 2px 2px 3px #18181865, inset 2px 2px 2px #ffffff;
      transition: all .3s ease-in-out, opacity .3s;
      transition-delay: .6s, 0s; }
      @media only screen and (max-width: 768px) {
        main .ventajas .card .container-image {
          display: flex;
          flex-direction: column;
          position: absolute;
          height: 100px;
          width: 100px; } }
      main .ventajas .card .container-image .image-circle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 125px;
        height: auto;
        object-fit: contain;
        filter: drop-shadow(2px 2px 2px #1818188a);
        transition: all .3s ease-in-out;
        transition-delay: .4s; }
        @media only screen and (max-width: 768px) {
          main .ventajas .card .container-image .image-circle {
            display: flex;
            flex-direction: column;
            position: absolute;
            height: 70px;
            width: 70px; } }
    main .ventajas .card .content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #e7e7e7;
      padding: 20px;
      width: 190px;
      height: 190px;
      cursor: pointer;
      border: none;
      border-radius: 8px;
      box-shadow: 0 0 3px 1px #1818183d, 2px 2px 3px #18181865, inset 2px 2px 2px #ffffff;
      visibility: hidden;
      transition: .3s ease-in-out;
      transition-delay: 0s;
      z-index: 1; }
      main .ventajas .card .content .detail {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: all .3s ease-in-out;
        transition-delay: 0s; }
        main .ventajas .card .content .detail span {
          margin-bottom: 5px;
          font-size: 18px;
          font-weight: 800; }
        main .ventajas .card .content .detail button {
          background: #b8854b;
          margin-top: auto;
          width: 75px;
          height: 25px;
          color: #ffffff;
          font-size: 13px;
          border: none;
          border-radius: 8px;
          transition: .3s ease-in-out; }
        main .ventajas .card .content .detail button:hover {
          background: #d39f63; }
      main .ventajas .card .content .product-image {
        position: relative;
        width: 100%;
        height: 100%; }
        main .ventajas .card .content .product-image .box-image {
          display: flex;
          position: absolute;
          top: 0;
          left: -25%;
          width: 100%;
          height: 115%;
          opacity: 0;
          transform: scale(0.5);
          transition: all .5s ease-in-out;
          transition-delay: 0s; }
          main .ventajas .card .content .product-image .box-image .img-product {
            margin: auto;
            width: 7rem;
            height: auto; }
    main .ventajas .card .fil-shoes1, main .ventajas .card .fil-shoes2 {
      fill: #333333; }
  main .ventajas .card:nth-child(2) {
    display: flex;
    margin: 15px 0 0 30%;
    height: 250px; }
  main .ventajas .card:nth-child(2) {
    display: flex;
    margin: 0px 0 0 40%;
    height: 250px; }
    @media only screen and (max-width: 768px) {
      main .ventajas .card:nth-child(2) {
        margin: -22px 0 0 53px;
        height: 120px; } }
  main .ventajas .card:nth-child(3) {
    display: flex;
    margin: -250px 0 0 65%;
    height: 250px; }
    @media only screen and (max-width: 768px) {
      main .ventajas .card:nth-child(3) {
        margin: -120px 0 0 210px;
        height: 120px; } }
  main .ventajas .card:nth-child(4) {
    display: flex;
    margin: 10px 0 0 40%;
    height: 250px; }
    @media only screen and (max-width: 768px) {
      main .ventajas .card:nth-child(4) {
        margin: 0px 0 0 53px;
        height: 120px; } }
  main .ventajas .card:nth-child(5) {
    display: flex;
    margin: -250px 0 0 65%;
    height: 250px; }
    @media only screen and (max-width: 768px) {
      main .ventajas .card:nth-child(5) {
        margin: -120px 0 0 210px;
        height: 120px; } }
  main .ventajas .card:hover {
    width: 300px; }
    @media only screen and (max-width: 768px) {
      main .ventajas .card:hover {
        display: none; } }
  main .ventajas .card:hover .container-image {
    opacity: 0;
    border-radius: 8px;
    transition-delay: 0s, .6s; }
    @media only screen and (max-width: 768px) {
      main .ventajas .card:hover .container-image {
        display: none; } }
  main .ventajas .card:hover .container-image .image-circle {
    opacity: 0;
    transition-delay: 0s; }
    @media only screen and (max-width: 768px) {
      main .ventajas .card:hover .container-image .image-circle {
        display: none; } }
  main .ventajas .card:hover .content {
    width: 290px;
    height: 190px;
    visibility: visible;
    transition-delay: .5s; }
    @media only screen and (max-width: 768px) {
      main .ventajas .card:hover .content {
        display: none; } }
  main .ventajas .card:hover .content .detail {
    color: #181818;
    opacity: 100%;
    transition: 1s;
    transition-delay: .3s;
    margin-top: 40%; }
    @media only screen and (max-width: 768px) {
      main .ventajas .card:hover .content .detail {
        display: none; } }
  main .ventajas .card:hover .content .product-image .box-image {
    top: 10%;
    left: 0;
    opacity: 100%;
    transform: scale(1);
    transition-delay: .3s;
    width: 100px;
    height: 100px; }
    @media only screen and (max-width: 768px) {
      main .ventajas .card:hover .content .product-image .box-image {
        display: none; } }

main button {
  border: none;
  display: flex;
  align-items: center;
  padding: 0.5rem;
  margin: 38% 0px 0px 40%;
  background-color: #02020252;
  border-radius: 1.75rem;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  position: fixed;
  z-index: 999; }
  @media only screen and (max-width: 768px) {
    main button {
      display: flex;
      position: fixed;
      margin-top: 156%;
      margin-left: 88px;
      z-index: 222; } }
  main button .text {
    font-family: "Inter", sans-serif;
    font-style: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 1.2rem;
    white-space: nowrap; }
  main button .text:hover {
    color: #ffffff; }
  main button .icon {
    width: 2.5rem;
    height: 2.5rem;
    fill: #ffffff;
    background: #0071e3;
    border-radius: 50%;
    opacity: 0.8; }
    main button .icon #icon-modify {
      color: white;
      display: flex;
      margin-left: 10px;
      margin-top: 10px;
      width: 20px;
      height: 20px;
      transition: transform 0.3s ease; }
      main button .icon #icon-modify a {
        text-decoration: none; }
    main button .icon #icon-modify:hover {
      transform: scale(1.4); }

main #home-cs {
  width: 100%;
  height: 520px;
  background: url("../scss/recursos/isover-fondo.jpg.jfif");
  background-size: cover; }
  @media only screen and (max-width: 768px) {
    main #home-cs {
      height: 170px; } }
  main #home-cs .trapezoide-cs {
    width: 340px;
    height: 130px;
    background: #fff;
    position: absolute;
    transform: perspective(400px) rotateY(30deg);
    transform-origin: 100% 63%;
    margin: 29% 0 0 20%; }
    @media only screen and (max-width: 768px) {
      main #home-cs .trapezoide-cs {
        width: 170px;
        height: 60px;
        background: #fafafa; } }
    @media only screen and (max-width: 1024px) {
      main #home-cs .trapezoide-cs {
        margin: 39% 0 0 26%; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main #home-cs .trapezoide-cs {
        margin-top: 24.7%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      main #home-cs .trapezoide-cs {
        margin: 29% 14%; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main #home-cs .trapezoide-cs {
        margin: 29% 14%; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main #home-cs .trapezoide-cs {
        margin: 29% 14%; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main #home-cs .trapezoide-cs {
        margin: 29% 14%; } }
    @media only screen and (max-width: 384px) {
      main #home-cs .trapezoide-cs {
        background-color: #fff;
        margin: 29% 0 0 14%; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      main #home-cs .trapezoide-cs {
        margin: 31% 14%; } }
  main #home-cs .home-cs-content p {
    font-family: 'Poppins';
    font-size: 2.5rem;
    font-weight: 600;
    position: absolute;
    margin: 30% 0 0 136px;
    color: #0c0c0c;
    border-bottom: 6px solid #666666;
    padding-bottom: .1em; }
    @media only screen and (max-width: 768px) {
      main #home-cs .home-cs-content p {
        font-family: 'Poppins';
        font-size: .95rem;
        margin: 33% 0 0 18%;
        border-bottom: 3px solid #666666;
        padding-bottom: .1em; } }
    @media only screen and (max-width: 1024px) {
      main #home-cs .home-cs-content p {
        margin: 41% 0 0 12%; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main #home-cs .home-cs-content p {
        margin-left: 170px;
        margin-top: 414px;
        font-size: 2.5rem; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      main #home-cs .home-cs-content p {
        margin: 36% 12%; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main #home-cs .home-cs-content p {
        margin: 36% 12%; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main #home-cs .home-cs-content p {
        margin: 36% 12%; } }
    @media only screen and (max-width: 384px) {
      main #home-cs .home-cs-content p {
        margin: 33% 0 0 12%; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      main #home-cs .home-cs-content p {
        margin-top: 39%; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main #home-cs .home-cs-content p {
        margin: 33% 12%; } }
  main #home-cs .home-container {
    margin: -3% 0px 0px 0px;
    width: 100%;
    height: 300px;
    background: #fafafa;
    border-radius: 20px; }
    @media only screen and (max-width: 768px) {
      main #home-cs .home-container {
        width: 100%;
        height: 125px; } }

@keyframes roll {
  0% {
    opacity: 0;
    transform: translate3d(0, -70%, 0); }
  25%, 50% {
    opacity: 1;
    transform: translateZ(0); }
  75%, 100% {
    opacity: 0;
    transform: translate3d(0, 70%, 0); } }
    main #home-cs .home-container h1 {
      font-family: "Poppins", sans-serif;
      margin: 9% 0px 0px 7%;
      display: flex;
      font-size: .9rem; }
      @media only screen and (max-width: 1600px) {
        main #home-cs .home-container h1 {
          margin: 7% 0 0 0; } }
      @media only screen and (max-width: 768px) {
        main #home-cs .home-container h1 {
          font-size: .9em;
          margin-left: 42px; } }
      main #home-cs .home-container h1 .home-lista {
        margin-left: 10px; }
        main #home-cs .home-container h1 .home-lista .home-lista-item {
          position: absolute;
          animation: roll 10s ease 3s infinite backwards; }
          main #home-cs .home-container h1 .home-lista .home-lista-item:nth-child(1) {
            animation-delay: 0s;
            opacity: 0;
            margin-top: 0%; }
          main #home-cs .home-container h1 .home-lista .home-lista-item:nth-child(2) {
            animation-delay: 5s;
            opacity: 0;
            margin-top: 0%; }

@media only screen and (min-width: 430px) and (max-width: 932px) {
  main .tiposDeMuros {
    margin-top: 10%; } }

@media only screen and (min-width: 428px) and (max-width: 926px) {
  main .tiposDeMuros {
    margin-top: 10%; } }

@media only screen and (min-width: 393px) and (max-width: 852px) {
  main .tiposDeMuros {
    margin-top: 10%; } }

@media only screen and (max-width: 390px) and (max-height: 844px) {
  main .tiposDeMuros {
    margin-top: 10%; } }

main .tiposDeMuros .strip {
  width: 97%;
  height: 250px;
  max-width: 1310px;
  /* Ancho máximo para mantener la legibilidad en pantallas grandes */
  margin: 20px;
  /* Ajustado para mayor espacio entre tiras */
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  /* Utiliza flexbox para alinear elementos */
  align-items: center; }
  @media only screen and (max-width: 768px) {
    main .tiposDeMuros .strip {
      display: flex;
      width: 98%;
      height: 125px;
      margin: -98% 0 385px 3px; } }
  @media only screen and (max-width: 1024px) {
    main .tiposDeMuros .strip {
      max-width: 966px; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    main .tiposDeMuros .strip {
      max-width: 1540px;
      background-color: #eee; } }
  @media only screen and (min-width: 430px) and (max-width: 932px) {
    main .tiposDeMuros .strip {
      margin-bottom: 100%; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    main .tiposDeMuros .strip {
      margin-bottom: 100%; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    main .tiposDeMuros .strip {
      margin-bottom: 100%; } }
  main .tiposDeMuros .strip img {
    max-width: 100%;
    width: 410px;
    height: 248px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px; }
    @media only screen and (max-width: 1024px) {
      main .tiposDeMuros .strip img {
        display: flex;
        max-width: 100%;
        width: 296px;
        height: 206px;
        margin: 0 0 0 -3px; } }
    @media only screen and (max-width: 768px) {
      main .tiposDeMuros .strip img {
        display: flex;
        max-width: 100%;
        width: 225px;
        height: 168px;
        margin: 0 0 0 -3px; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      main .tiposDeMuros .strip img {
        width: 42%;
        height: 92%;
        margin-left: 1%; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main .tiposDeMuros .strip img {
        width: 42%;
        height: 92%;
        margin-left: 1%; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main .tiposDeMuros .strip img {
        width: 42%;
        height: 92%;
        margin-left: 1%; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main .tiposDeMuros .strip img {
        width: 42%;
        height: 92%;
        margin-left: 1%; } }
    @media only screen and (max-width: 384px) {
      main .tiposDeMuros .strip img {
        width: 34%;
        height: 86%;
        margin-left: 10px; } }
  main .tiposDeMuros .strip .strip-content {
    font-family: 'Poppins';
    color: #333;
    display: flex;
    flex-direction: column;
    max-width: 900px;
    padding: 5%; }
    main .tiposDeMuros .strip .strip-content .textWrapperTechos {
      display: inline-block;
      background: #d30809;
      color: #d30809;
      width: 57px;
      height: 3px;
      margin-bottom: 18px;
      font-size: 16px; }
    main .tiposDeMuros .strip .strip-content h2 {
      font-family: 'Poppins';
      font-size: 1.8rem;
      font-weight: 700;
      color: #383f47; }
      @media only screen and (max-width: 768px) {
        main .tiposDeMuros .strip .strip-content h2 {
          display: flex;
          font-size: 1.1rem; } }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main .tiposDeMuros .strip .strip-content h2 {
          color: #000; } }
    main .tiposDeMuros .strip .strip-content p {
      font-family: 'Poppins';
      font-size: 1rem;
      color: #383f47; }
      @media only screen and (max-width: 768px) {
        main .tiposDeMuros .strip .strip-content p {
          display: none; } }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main .tiposDeMuros .strip .strip-content p {
          color: #333; } }
    main .tiposDeMuros .strip .strip-content #btn-techos, main .tiposDeMuros .strip .strip-content #btn-techoZinc, main .tiposDeMuros .strip .strip-content #btn-techoAlveolar, main .tiposDeMuros .strip .strip-content #btn-techoPolicarbonato, main .tiposDeMuros .strip .strip-content #btn-Accesorios, main .tiposDeMuros .strip .strip-content #btn-Aislaciones {
      display: inline-block;
      text-decoration: none;
      text-transform: uppercase;
      background: #383f47;
      color: #fff;
      padding: 6px 40px;
      letter-spacing: 1px;
      user-select: none;
      border-radius: 20px;
      width: 140px; }
      @media only screen and (max-width: 768px) {
        main .tiposDeMuros .strip .strip-content #btn-techos, main .tiposDeMuros .strip .strip-content #btn-techoZinc, main .tiposDeMuros .strip .strip-content #btn-techoAlveolar, main .tiposDeMuros .strip .strip-content #btn-techoPolicarbonato, main .tiposDeMuros .strip .strip-content #btn-Accesorios, main .tiposDeMuros .strip .strip-content #btn-Aislaciones {
          font-size: 12px;
          width: 94px;
          padding: 7px 23px; } }
    main .tiposDeMuros .strip .strip-content #btn-techos:hover, main .tiposDeMuros .strip .strip-content #btn-techoZinc:hover, main .tiposDeMuros .strip .strip-content #btn-techoAlveolar:hover, main .tiposDeMuros .strip .strip-content #btn-techoPolicarbonato:hover, main .tiposDeMuros .strip .strip-content #btn-Accesorios:hover, main .tiposDeMuros .strip .strip-content #btn-Aislaciones:hover, main .tiposDeMuros .strip .strip-content #btn-pvc:hover {
      background: #d30809;
      color: #000;
      border-radius: 20px; }

main .tiposDeMuros a {
  display: flex;
  align-items: center; }

main .detallePvc {
  margin: 6% 0 30% 0; }
  @media only screen and (min-width: 430px) and (max-width: 932px) {
    main .detallePvc {
      margin: 102% 0; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    main .detallePvc {
      margin: 102% 0; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    main .detallePvc {
      margin: 102% 0; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    main .detallePvc {
      margin: 102% 0; } }
  main .detallePvc .strip-Pvc {
    width: 100%;
    height: 350px;
    max-width: 1310px;
    /* Ancho máximo para mantener la legibilidad en pantallas grandes */
    margin: 20px;
    /* Ajustado para mayor espacio entre tiras */
    display: flex;
    /* Utiliza flexbox para alinear elementos */
    align-items: center; }
    @media only screen and (max-width: 768px) {
      main .detallePvc .strip-Pvc {
        display: flex;
        width: 98%;
        height: 170px;
        margin: -98% 0 385px 3px;
        padding: 0 0 0 3px; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      main .detallePvc .strip-Pvc {
        margin: -95% 0;
        width: 382px; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main .detallePvc .strip-Pvc {
        margin: -95% 0;
        width: 382px; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main .detallePvc .strip-Pvc {
        margin: -95% 0;
        width: 382px; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main .detallePvc .strip-Pvc {
        margin: -95% 0;
        width: 382px; } }
    @media only screen and (max-width: 384px) {
      main .detallePvc .strip-Pvc {
        display: block;
        position: relative; } }
    main .detallePvc .strip-Pvc img {
      max-width: 100%;
      width: 800px;
      height: 550px;
      margin: 10% 0 0 3%;
      border-radius: 20px; }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        main .detallePvc .strip-Pvc img {
          width: 240px;
          height: 200px; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        main .detallePvc .strip-Pvc img {
          width: 240px;
          height: 200px; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main .detallePvc .strip-Pvc img {
          width: 240px;
          height: 200px; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main .detallePvc .strip-Pvc img {
          width: 240px;
          height: 200px; } }
      @media only screen and (max-width: 384px) {
        main .detallePvc .strip-Pvc img {
          margin: -5% 0 10px 0;
          height: 210px;
          width: 252px; } }
    main .detallePvc .strip-Pvc .strip-content-Pvc {
      font-family: 'Poppins';
      color: #333;
      display: flex;
      flex-direction: column;
      margin: 0 0 0 21%; }
      @media only screen and (max-width: 384px) {
        main .detallePvc .strip-Pvc .strip-content-Pvc {
          position: absolute;
          top: -110px;
          left: 14%; } }
      main .detallePvc .strip-Pvc .strip-content-Pvc h2 {
        font-family: 'Poppins';
        font-size: 1.8rem;
        font-weight: 700;
        color: #383f47;
        display: flex;
        margin: 50% 0 0 -27%;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          main .detallePvc .strip-Pvc .strip-content-Pvc h2 {
            display: flex;
            font-size: 1.1rem; } }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          main .detallePvc .strip-Pvc .strip-content-Pvc h2 {
            font-size: 2.2rem;
            width: 500px;
            margin-left: -10%;
            margin-top: 38%; } }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          main .detallePvc .strip-Pvc .strip-content-Pvc h2 {
            margin: -36px -54%;
            max-width: 10%; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          main .detallePvc .strip-Pvc .strip-content-Pvc h2 {
            margin: 0px -26%;
            max-width: 10%; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          main .detallePvc .strip-Pvc .strip-content-Pvc h2 {
            margin: -36px -54%;
            max-width: 10%; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          main .detallePvc .strip-Pvc .strip-content-Pvc h2 {
            margin: -36px -54%;
            max-width: 10%; } }
        @media only screen and (max-width: 384px) {
          main .detallePvc .strip-Pvc .strip-content-Pvc h2 {
            margin: 150px 51%;
            max-width: 10%; } }
        @media only screen and (max-width: 375px) and (max-height: 812px) {
          main .detallePvc .strip-Pvc .strip-content-Pvc h2 {
            margin: 150px 55%;
            max-width: 10%;
            font-size: 1rem; } }
        @media only screen and (max-width: 375px) and (max-height: 667px) {
          main .detallePvc .strip-Pvc .strip-content-Pvc h2 {
            margin: 150px 55%;
            max-width: 10%;
            font-size: 1rem; } }
        @media only screen and (max-width: 360px) and (max-height: 640px) {
          main .detallePvc .strip-Pvc .strip-content-Pvc h2 {
            margin: 152px 61%;
            max-width: 10%;
            font-size: .9rem; } }
      main .detallePvc .strip-Pvc .strip-content-Pvc p {
        font-family: 'Poppins';
        font-size: 1rem;
        color: #383f47; }
        @media only screen and (max-width: 768px) {
          main .detallePvc .strip-Pvc .strip-content-Pvc p {
            display: none; } }
      main .detallePvc .strip-Pvc .strip-content-Pvc #btn-techos {
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        background: #383f47;
        color: #fff;
        padding: 6px 40px;
        letter-spacing: 1px;
        user-select: none;
        border-radius: 20px;
        width: 140px; }
        @media only screen and (max-width: 768px) {
          main .detallePvc .strip-Pvc .strip-content-Pvc #btn-techos {
            font-size: 12px;
            width: 94px;
            padding: 7px 23px; } }
      main .detallePvc .strip-Pvc .strip-content-Pvc #btn-techos:hover {
        background: #757575;
        color: #000;
        border-radius: 20px; }
  main .detallePvc a {
    display: flex;
    align-items: center; }

main #cielorraso {
  position: relative;
  height: 580px;
  width: 100%;
  background-color: #4b4b4b;
  z-index: 1;
  margin: -15% 0 -5% 0; }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    main #cielorraso {
      height: 750px; } }
  @media only screen and (max-width: 768px) {
    main #cielorraso {
      display: flex;
      margin: -95% 0 0 0; } }
  @media only screen and (min-width: 430px) and (max-width: 932px) {
    main #cielorraso {
      display: flex;
      margin: 110% 0 0 0;
      background-color: black;
      height: 700px; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    main #cielorraso {
      display: flex;
      margin: 110% 0 0 0;
      background-color: black;
      height: 700px; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    main #cielorraso {
      display: flex;
      margin: 110% 0 0 0;
      background-color: black;
      height: 700px; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    main #cielorraso {
      display: flex;
      margin: 110% 0 0 0;
      background-color: black;
      height: 700px; } }
  @media only screen and (max-width: 384px) {
    main #cielorraso {
      display: flex;
      margin: 10% 0 0 0;
      background-color: black;
      height: 700px; } }
  main #cielorraso::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    filter: brightness(40%) contrast(120%) saturate(80%) grayscale(10%); }
  main #cielorraso h2 {
    color: #fff;
    font-size: 2rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    position: absolute;
    margin: 7.9% 0 10px 7.4%;
    z-index: 10;
    background-color: #d30809;
    padding: 15px 10px; }
    @media only screen and (max-width: 768px) {
      main #cielorraso h2 {
        font-size: 2.3rem; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main #cielorraso h2 {
        margin: 4% 0 0 4%;
        font-size: 2.5rem; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      main #cielorraso h2 {
        font-size: 1.6rem; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main #cielorraso h2 {
        font-size: 1.6rem; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main #cielorraso h2 {
        font-size: 1.6rem; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main #cielorraso h2 {
        font-size: 1.6rem; } }
    @media only screen and (max-width: 384px) {
      main #cielorraso h2 {
        font-size: 1.6rem; } }
  main #cielorraso .navegacion-cielorraso {
    height: 100%;
    overflow: hidden;
    margin: 250px 0 0 -950px;
    z-index: 4;
    position: relative; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main #cielorraso .navegacion-cielorraso {
        width: 21%;
        margin-left: 87px; } }
    main #cielorraso .navegacion-cielorraso ul {
      margin: 8.5% 0 0 0; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main #cielorraso .navegacion-cielorraso ul {
          margin-top: 67%; } }
      main #cielorraso .navegacion-cielorraso ul li {
        list-style: none;
        display: flex;
        flex-direction: column;
        align-items: center; }
        main #cielorraso .navegacion-cielorraso ul li .inbox-cielorraso {
          width: 100%;
          height: 70px;
          /* Ajustar la altura según sea necesario */
          display: flex;
          flex-direction: column;
          /* Establecer la dirección de la columna */
          align-items: center;
          /* Centrar elementos en el eje transversal (vertical) */
          justify-content: flex-start;
          /* Alinear elementos en la parte superior del contenedor */
          text-decoration: none;
          border-radius: 10px;
          list-style-type: none;
          color: #fff;
          font-family: 'Poppins';
          font-size: .9rem;
          margin-bottom: 5px; }
          @media only screen and (max-width: 1024px) {
            main #cielorraso .navegacion-cielorraso ul li .inbox-cielorraso {
              margin: 0 0 0 11%; } }
          @media only screen and (min-width: 1600px) and (max-width: 1920px) {
            main #cielorraso .navegacion-cielorraso ul li .inbox-cielorraso {
              font-size: 1.3rem;
              margin-bottom: 14px; } }
        main #cielorraso .navegacion-cielorraso ul li .inbox-img-cielorraso {
          width: 40px;
          height: 40px;
          margin-bottom: 5px;
          /* Agregar un espacio entre la imagen y el texto */ }
  main #cielorraso .nav-cielorraso {
    font-family: "Inter", sans-serif;
    height: 90px;
    position: relative;
    width: 1220px;
    margin: -39% 0 0 8%;
    z-index: 555;
    color: #fff; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main #cielorraso .nav-cielorraso {
        margin: -46% 0 4% 19%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      main #cielorraso .nav-cielorraso {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 362px;
        left: 0;
        width: 100%;
        color: #fff; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main #cielorraso .nav-cielorraso {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 362px;
        left: 0;
        width: 100%;
        color: #fff; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main #cielorraso .nav-cielorraso {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 362px;
        left: 0;
        width: 100%;
        color: #fff; } }
    @media only screen and (max-width: 384px) {
      main #cielorraso .nav-cielorraso {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 362px;
        left: 0;
        width: 100%;
        color: #fff; } }
    @media only screen and (max-width: 375px) and (max-height: 667px) {
      main #cielorraso .nav-cielorraso {
        width: 90%; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      main #cielorraso .nav-cielorraso {
        max-width: 90%; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main #cielorraso .nav-cielorraso {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 362px;
        left: 20px;
        width: 100%;
        color: #fff; } }
    main #cielorraso .nav-cielorraso .menu-cielorraso {
      position: relative;
      margin: 70px 0 0 58%;
      max-width: 450px;
      overflow: hidden; }
      @media only screen and (max-width: 1024px) {
        main #cielorraso .nav-cielorraso .menu-cielorraso {
          margin: 0% 0 0 31%;
          max-width: 600px; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        main #cielorraso .nav-cielorraso .menu-cielorraso {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 20px;
          width: 383px;
          margin: -95px 0 0 -38px;
          list-style: none; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        main #cielorraso .nav-cielorraso .menu-cielorraso {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 20px;
          width: 383px;
          margin: -95px 0 0 -38px;
          list-style: none; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main #cielorraso .nav-cielorraso .menu-cielorraso {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 20px;
          width: 383px;
          margin: -95px 0 0 -38px;
          list-style: none; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main #cielorraso .nav-cielorraso .menu-cielorraso {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 20px;
          width: 383px;
          margin: -95px 0 0 -38px;
          list-style: none; } }
      @media only screen and (max-width: 384px) {
        main #cielorraso .nav-cielorraso .menu-cielorraso {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 20px;
          width: 383px;
          margin: -95px 0 0 -38px;
          list-style: none; } }
      @media only screen and (max-width: 375px) and (max-height: 667px) {
        main #cielorraso .nav-cielorraso .menu-cielorraso {
          max-width: 375px; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        main #cielorraso .nav-cielorraso .menu-cielorraso {
          width: 356px;
          margin-left: -28px; } }
      main #cielorraso .nav-cielorraso .menu-cielorraso ul {
        width: 100%;
        margin: 7% 0% 0% 0%;
        padding-right: 0;
        display: flex;
        justify-content: space-between;
        font-size: .9rem;
        font-weight: 300; }
        @media only screen and (max-width: 1024px) {
          main #cielorraso .nav-cielorraso .menu-cielorraso ul {
            margin: 0% 0 0 27%;
            backdrop-filter: blur(20px);
            max-width: 353px;
            padding: 7px;
            border-radius: 20px; } }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          main #cielorraso .nav-cielorraso .menu-cielorraso ul {
            display: contents; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          main #cielorraso .nav-cielorraso .menu-cielorraso ul {
            display: contents; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          main #cielorraso .nav-cielorraso .menu-cielorraso ul {
            display: contents; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          main #cielorraso .nav-cielorraso .menu-cielorraso ul {
            display: contents; } }
        @media only screen and (max-width: 384px) {
          main #cielorraso .nav-cielorraso .menu-cielorraso ul {
            display: contents; } }
        @media only screen and (max-width: 360px) and (max-height: 640px) {
          main #cielorraso .nav-cielorraso .menu-cielorraso ul {
            font-size: .8rem; } }
        main #cielorraso .nav-cielorraso .menu-cielorraso ul .nav__item-cielorraso {
          margin-top: .5%; }
          @media only screen and (min-width: 430px) and (max-width: 932px) {
            main #cielorraso .nav-cielorraso .menu-cielorraso ul .nav__item-cielorraso {
              margin-right: 20px;
              margin-top: -13px;
              margin-left: -2px; } }
          @media only screen and (min-width: 428px) and (max-width: 926px) {
            main #cielorraso .nav-cielorraso .menu-cielorraso ul .nav__item-cielorraso {
              margin-right: 20px;
              margin-top: -13px;
              margin-left: -2px; } }
          @media only screen and (min-width: 393px) and (max-width: 852px) {
            main #cielorraso .nav-cielorraso .menu-cielorraso ul .nav__item-cielorraso {
              margin-right: 20px;
              margin-top: -13px;
              margin-left: -2px; } }
          @media only screen and (max-width: 390px) and (max-height: 844px) {
            main #cielorraso .nav-cielorraso .menu-cielorraso ul .nav__item-cielorraso {
              margin-right: 20px;
              margin-top: -13px;
              margin-left: -2px; } }
          @media only screen and (max-width: 384px) {
            main #cielorraso .nav-cielorraso .menu-cielorraso ul .nav__item-cielorraso {
              margin-right: 20px;
              margin-top: -13px;
              margin-left: -2px; } }
        main #cielorraso .nav-cielorraso .menu-cielorraso ul a {
          list-style: none;
          text-decoration: none;
          color: #fff; }
          @media only screen and (max-width: 1024px) {
            main #cielorraso .nav-cielorraso .menu-cielorraso ul a {
              color: #000; } }
          @media only screen and (min-width: 1600px) and (max-width: 1920px) {
            main #cielorraso .nav-cielorraso .menu-cielorraso ul a {
              font-size: 1.1rem; } }
        main #cielorraso .nav-cielorraso .menu-cielorraso ul .nav__link-cielorraso {
          position: relative;
          transition: color 0.3s; }
          @media only screen and (max-width: 768px) {
            main #cielorraso .nav-cielorraso .menu-cielorraso ul .nav__link-cielorraso {
              color: #fff; } }
          main #cielorraso .nav-cielorraso .menu-cielorraso ul .nav__link-cielorraso:before {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 0;
            height: 2px;
            background-color: #d30809;
            transition: width 0.3s ease; }
          main #cielorraso .nav-cielorraso .menu-cielorraso ul .nav__link-cielorraso.active-card-cielorraso {
            color: #d30809;
            font-weight: bold; }
            main #cielorraso .nav-cielorraso .menu-cielorraso ul .nav__link-cielorraso.active-card-cielorraso:before {
              width: 100%; }
  main #cielorraso .cielorraso-container {
    display: flex;
    justify-content: center;
    height: 100vh;
    align-items: center;
    margin: -10.5% 0 0 20.5%;
    z-index: 333;
    position: relative; }
    @media only screen and (max-width: 1024px) {
      main #cielorraso .cielorraso-container {
        margin: -19% 0 0 22%;
        max-width: 785px; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main #cielorraso .cielorraso-container {
        height: 400px;
        width: 1000px;
        margin: 2% 0 0 32%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      main #cielorraso .cielorraso-container {
        margin: 29% 0 0 234%;
        height: 700px;
        display: block; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main #cielorraso .cielorraso-container {
        margin: 29% 0 0 234%;
        height: 700px;
        display: block; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main #cielorraso .cielorraso-container {
        margin: 29% 0 0 234%;
        height: 700px;
        display: block; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main #cielorraso .cielorraso-container {
        margin: 29% 0 0 234%;
        height: 700px;
        display: block; } }
    @media only screen and (max-width: 384px) {
      main #cielorraso .cielorraso-container {
        margin: 29% 0 0 234%;
        height: 700px;
        display: block; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      main #cielorraso .cielorraso-container {
        margin: 32% 283%; } }
    main #cielorraso .cielorraso-container .cielorraso-background-left-column {
      background: #273238; }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        main #cielorraso .cielorraso-container .cielorraso-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        main #cielorraso .cielorraso-container .cielorraso-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main #cielorraso .cielorraso-container .cielorraso-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main #cielorraso .cielorraso-container .cielorraso-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
      @media only screen and (max-width: 384px) {
        main #cielorraso .cielorraso-container .cielorraso-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
    main #cielorraso .cielorraso-container .cielorraso-background2-left-column {
      background: #273238; }
    main #cielorraso .cielorraso-container .cielorraso-background3-left-column {
      background: #273238; }
    main #cielorraso .cielorraso-container .cielorraso-card {
      background-color: #fff;
      border-radius: 1rem;
      box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
      display: flex;
      margin: 0% 0 0 0;
      overflow: hidden;
      width: 58rem;
      height: 23rem;
      z-index: 444;
      position: relative; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main #cielorraso .cielorraso-container .cielorraso-card {
          height: 500px;
          width: 1200px;
          margin-top: -8.8%; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        main #cielorraso .cielorraso-container .cielorraso-card {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 113%;
          margin: 13% 0 0 -19%;
          height: 73%; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main #cielorraso .cielorraso-container .cielorraso-card {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 113%;
          margin: 13% 0 0 -19%;
          height: 73%; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main #cielorraso .cielorraso-container .cielorraso-card {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 113%;
          margin: 13% 0 0 -19%;
          height: 73%; } }
      @media only screen and (max-width: 384px) {
        main #cielorraso .cielorraso-container .cielorraso-card {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 113%;
          margin: 13% 0 0 -19%;
          height: 73%; } }
      @media only screen and (max-width: 375px) and (max-height: 812px) {
        main #cielorraso .cielorraso-container .cielorraso-card {
          margin-left: -56px; } }
      @media only screen and (max-width: 375px) and (max-height: 667px) {
        main #cielorraso .cielorraso-container .cielorraso-card {
          margin-left: -53px; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        main #cielorraso .cielorraso-container .cielorraso-card {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 125%;
          margin: 8% 0 0 -34%;
          height: 73%; } }
      main #cielorraso .cielorraso-container .cielorraso-card.active-card {
        border: 2px solid #d30809;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        z-index: 4; }
      main #cielorraso .cielorraso-container .cielorraso-card h2 {
        letter-spacing: .1rem;
        margin: 1rem 0;
        color: #000; }
      main #cielorraso .cielorraso-container .cielorraso-card h6 {
        opacity: 0.6;
        letter-spacing: .1rem;
        text-transform: uppercase; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          main #cielorraso .cielorraso-container .cielorraso-card h6 {
            font-size: 1.4rem; } }
      main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column {
        color: #fff;
        padding: 2rem;
        max-width: 10rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column {
            max-width: 13rem; } }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (max-width: 384px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column h4 {
          color: #fff; }
          @media only screen and (min-width: 1600px) and (max-width: 1920px) {
            main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column h4 {
              font-size: 1.7rem; } }
        main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column i {
          font-size: 5rem; }
          @media only screen and (min-width: 430px) and (max-width: 932px) {
            main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column i {
              display: none; } }
          @media only screen and (min-width: 428px) and (max-width: 926px) {
            main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column i {
              display: none; } }
          @media only screen and (min-width: 393px) and (max-width: 852px) {
            main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column i {
              display: none; } }
          @media only screen and (max-width: 390px) and (max-height: 844px) {
            main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column i {
              display: none; } }
          @media only screen and (max-width: 384px) {
            main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column i {
              display: none; } }
      main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-right-column {
        padding: 2rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between; }
        @media only screen and (max-width: 1024px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-right-column {
            max-width: 300px;
            margin: 0 0 0 -19px; } }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-right-column {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 0px;
            z-index: 999; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-right-column {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 0px;
            z-index: 999; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-right-column {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 0px;
            z-index: 999; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-right-column {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 0px;
            z-index: 999; } }
        @media only screen and (max-width: 384px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-right-column {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 0px;
            z-index: 999; } }
        main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-right-column p {
          font-family: 'Poppins';
          font-size: .9rem;
          color: #000;
          max-width: 400px; }
          @media only screen and (max-width: 1024px) {
            main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-right-column p {
              font-size: .75rem; } }
          @media only screen and (min-width: 1600px) and (max-width: 1920px) {
            main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-right-column p {
              font-size: 1.1rem; } }
        main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-right-column span {
          border-radius: 3rem;
          background: #273238;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
          color: #fff;
          font-size: 1.2rem;
          padding: .8rem 1.3rem;
          letter-spacing: .1rem;
          align-self: flex-end; }
      main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column-img {
        width: 350px;
        max-width: 300px;
        margin-left: auto;
        position: relative; }
        @media only screen and (max-width: 1024px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column-img {
            margin: 10% 0 0 14px; } }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column-img {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column-img {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column-img {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column-img {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        @media only screen and (max-width: 384px) {
          main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column-img {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column-img .owl-carousel .cielorraso-item img {
          width: 100%;
          height: auto;
          margin: 0; }
          @media only screen and (min-width: 1600px) and (max-width: 1920px) {
            main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column-img .owl-carousel .cielorraso-item img {
              margin-top: 44%; } }
          @media only screen and (min-width: 430px) and (max-width: 932px) {
            main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column-img .owl-carousel .cielorraso-item img {
              width: 230px;
              height: 230px; } }
          @media only screen and (min-width: 428px) and (max-width: 926px) {
            main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column-img .owl-carousel .cielorraso-item img {
              width: 230px;
              height: 230px; } }
          @media only screen and (min-width: 393px) and (max-width: 852px) {
            main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column-img .owl-carousel .cielorraso-item img {
              width: 230px;
              height: 230px; } }
          @media only screen and (max-width: 390px) and (max-height: 844px) {
            main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column-img .owl-carousel .cielorraso-item img {
              width: 230px;
              height: 230px; } }
          @media only screen and (max-width: 384px) {
            main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column-img .owl-carousel .cielorraso-item img {
              width: 230px;
              height: 230px; } }
        main #cielorraso .cielorraso-container .cielorraso-card .cielorraso-left-column-img .carousel-selectors .selector i {
          color: #333;
          font-size: 30px; }

main .drywall {
  position: absolute;
  height: 500px;
  width: 100%;
  margin: 0% 0 10% 0;
  z-index: 1; }
  @media only screen and (min-width: 430px) and (max-width: 932px) {
    main .drywall {
      display: flex;
      background-color: #fff;
      height: 815px; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    main .drywall {
      display: flex;
      background-color: #fff;
      height: 815px; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    main .drywall {
      display: flex;
      background-color: #fff;
      height: 815px; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    main .drywall {
      display: flex;
      background-color: #fff;
      height: 815px; } }
  @media only screen and (max-width: 384px) {
    main .drywall {
      display: flex;
      background-color: #fff;
      height: 815px; } }
  main .drywall::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    filter: brightness(40%) contrast(120%) saturate(80%) grayscale(10%); }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      main .drywall::before {
        filter: none; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main .drywall::before {
        filter: none; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main .drywall::before {
        filter: none; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main .drywall::before {
        filter: none; } }
    @media only screen and (max-width: 384px) {
      main .drywall::before {
        filter: none; } }
  main .drywall h2 {
    color: #fff;
    font-size: 2.2rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    position: absolute;
    margin: 10% 0 0 7.4%;
    z-index: 10;
    background-color: #d30809;
    padding: 10px 50px; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .drywall h2 {
        font-size: 2.5rem; } }
    @media only screen and (max-width: 768px) {
      main .drywall h2 {
        font-size: 2.3rem; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      main .drywall h2 {
        font-size: 1.6rem; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main .drywall h2 {
        font-size: 1.6rem; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main .drywall h2 {
        font-size: 1.6rem; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main .drywall h2 {
        font-size: 1.6rem; } }
    @media only screen and (max-width: 384px) {
      main .drywall h2 {
        font-size: 1.6rem; } }
  main .drywall h3 {
    color: #fff;
    font-size: 1.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    position: absolute;
    margin: 15% 0 0 100px;
    background-color: #273238;
    padding: 10px 50px; }
    @media only screen and (max-width: 768px) {
      main .drywall h3 {
        font-size: 2.3rem;
        margin: 100px 0 0 47px; } }
  main .drywall .navegacion {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 214px 0 0 -983px; }
    @media only screen and (max-width: 1024px) {
      main .drywall .navegacion {
        margin: 10% 0 0 -43%; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .drywall .navegacion {
        width: 21%;
        margin-left: 60px;
        margin-top: 19%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      main .drywall .navegacion {
        display: none; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main .drywall .navegacion {
        display: none; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main .drywall .navegacion {
        display: none; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main .drywall .navegacion {
        display: none; } }
    @media only screen and (max-width: 384px) {
      main .drywall .navegacion {
        display: none; } }
    main .drywall .navegacion ul li {
      list-style: none;
      display: flex;
      flex-direction: column;
      align-items: center; }
      main .drywall .navegacion ul li a {
        width: 100%;
        height: 70px;
        /* Ajustar la altura según sea necesario */
        display: flex;
        flex-direction: column;
        /* Establecer la dirección de la columna */
        align-items: center;
        /* Centrar elementos en el eje transversal (vertical) */
        justify-content: flex-start;
        /* Alinear elementos en la parte superior del contenedor */
        text-decoration: none;
        border-radius: 10px;
        list-style-type: none;
        color: #333;
        font-family: 'Poppins';
        font-size: .9rem;
        margin-bottom: 5px; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          main .drywall .navegacion ul li a {
            font-size: 1.3rem;
            margin-bottom: 14px; } }
      main .drywall .navegacion ul li .inbox-img {
        width: 40px;
        height: 40px;
        margin-bottom: 5px;
        /* Agregar un espacio entre la imagen y el texto */ }
  main .drywall .drywall-button {
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: space-around;
    width: 60%;
    height: auto;
    margin: 12% 0 0 25.9%;
    background-color: #273238;
    padding: 5px;
    width: 160px;
    border-radius: 8px;
    cursor: pointer; }
    @media only screen and (max-width: 1024px) {
      main .drywall .drywall-button {
        display: none; } }
  main .drywall .drywall-button:hover {
    cursor: pointer; }
  main .drywall #nav {
    font-family: "Inter", sans-serif;
    height: 90px;
    position: relative;
    width: 1160px;
    margin: 10.5% 0 0 8%;
    z-index: 2; }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      main .drywall #nav {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 150px;
        left: 0;
        width: 100%;
        color: #fff; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main .drywall #nav {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 150px;
        left: 0;
        width: 100%;
        color: #fff; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main .drywall #nav {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 150px;
        left: 0;
        width: 100%;
        color: #fff; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main .drywall #nav {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 150px;
        left: 0;
        width: 100%;
        color: #fff; } }
    @media only screen and (max-width: 384px) {
      main .drywall #nav {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 150px;
        left: 0;
        width: 100%;
        color: #fff; } }
    @media only screen and (max-width: 375px) and (max-height: 667px) {
      main .drywall #nav {
        max-width: 375px; } }
    main .drywall #nav .menu-drywall {
      position: relative;
      margin: 60px 0 0 20%;
      max-width: 900px;
      overflow: hidden; }
      @media only screen and (max-width: 1024px) {
        main .drywall #nav .menu-drywall {
          max-width: 647px;
          margin: 0 0 0 21%; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        main .drywall #nav .menu-drywall {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 20px;
          width: 383px;
          margin: -95px 0 0 -38px;
          list-style: none; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        main .drywall #nav .menu-drywall {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 20px;
          width: 383px;
          margin: -95px 0 0 -38px;
          list-style: none; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main .drywall #nav .menu-drywall {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 20px;
          width: 383px;
          margin: -95px 0 0 -38px;
          list-style: none; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main .drywall #nav .menu-drywall {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 20px;
          width: 383px;
          margin: -95px 0 0 -38px;
          list-style: none; } }
      @media only screen and (max-width: 384px) {
        main .drywall #nav .menu-drywall {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 20px;
          width: 383px;
          margin: -95px 0 0 -38px;
          list-style: none; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        main .drywall #nav .menu-drywall {
          margin-left: -12%; } }
      main .drywall #nav .menu-drywall ul {
        width: 100%;
        margin: 1.8% 0% 0% 0%;
        padding-right: 0;
        display: flex;
        justify-content: space-between;
        font-size: .9rem;
        font-weight: 300; }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          main .drywall #nav .menu-drywall ul {
            display: ruby; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          main .drywall #nav .menu-drywall ul {
            display: ruby; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          main .drywall #nav .menu-drywall ul {
            display: ruby; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          main .drywall #nav .menu-drywall ul {
            display: ruby; } }
        @media only screen and (max-width: 384px) {
          main .drywall #nav .menu-drywall ul {
            display: ruby; } }
        main .drywall #nav .menu-drywall ul .nav__item-drywall {
          margin-top: .5%; }
          @media only screen and (min-width: 430px) and (max-width: 932px) {
            main .drywall #nav .menu-drywall ul .nav__item-drywall {
              margin-right: 20px;
              margin-top: -13px;
              margin-left: -2px; } }
          @media only screen and (min-width: 428px) and (max-width: 926px) {
            main .drywall #nav .menu-drywall ul .nav__item-drywall {
              margin-right: 20px;
              margin-top: -13px;
              margin-left: -2px; } }
          @media only screen and (min-width: 393px) and (max-width: 852px) {
            main .drywall #nav .menu-drywall ul .nav__item-drywall {
              margin-right: 20px;
              margin-top: -13px;
              margin-left: -2px; } }
          @media only screen and (max-width: 390px) and (max-height: 844px) {
            main .drywall #nav .menu-drywall ul .nav__item-drywall {
              margin-right: 20px;
              margin-top: -13px;
              margin-left: -2px; } }
          @media only screen and (max-width: 384px) {
            main .drywall #nav .menu-drywall ul .nav__item-drywall {
              margin-right: 20px;
              margin-top: -13px;
              margin-left: -2px; } }
          main .drywall #nav .menu-drywall ul .nav__item-drywall a {
            list-style: none;
            text-decoration: none;
            color: #000; }
            @media only screen and (min-width: 1600px) and (max-width: 1920px) {
              main .drywall #nav .menu-drywall ul .nav__item-drywall a {
                font-size: 1.1rem; } }
          @media only screen and (max-width: 768px) {
            main .drywall #nav .menu-drywall ul .nav__item-drywall {
              margin-top: -6%;
              margin-left: 1px; } }
          main .drywall #nav .menu-drywall ul .nav__item-drywall .nav__link-drywall {
            position: relative;
            transition: color 0.3s; }
            @media only screen and (max-width: 768px) {
              main .drywall #nav .menu-drywall ul .nav__item-drywall .nav__link-drywall {
                color: #0e0e0e; } }
            main .drywall #nav .menu-drywall ul .nav__item-drywall .nav__link-drywall:before {
              content: "";
              position: absolute;
              bottom: -2px;
              left: 0;
              width: 0;
              height: 2px;
              background-color: #d30809;
              transition: width 0.3s ease; }
            main .drywall #nav .menu-drywall ul .nav__item-drywall .nav__link-drywall.active-card {
              color: #d30809;
              font-weight: bold; }
              main .drywall #nav .menu-drywall ul .nav__item-drywall .nav__link-drywall.active-card:before {
                width: 100%; }
  main .drywall .drywall-container {
    display: flex;
    justify-content: center;
    height: 100vh;
    align-items: center;
    margin: -10.5% 0 0 20.5%;
    z-index: 3; }
    @media only screen and (max-width: 1024px) {
      main .drywall .drywall-container {
        margin: -10% 0 0 23%;
        max-width: 773px; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .drywall .drywall-container {
        height: 400px;
        margin-top: 7%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      main .drywall .drywall-container {
        margin: 31% 0 0 21%;
        height: 836px;
        display: block; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      main .drywall .drywall-container {
        margin: 31% 0 0 21%;
        height: 836px;
        display: block; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      main .drywall .drywall-container {
        margin: 31% 0 0 21%;
        height: 836px;
        display: block; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      main .drywall .drywall-container {
        margin: 31% 0 0 21%;
        height: 836px;
        display: block; } }
    @media only screen and (max-width: 384px) {
      main .drywall .drywall-container {
        margin: 31% 0 0 21%;
        height: 836px;
        display: block; } }
    main .drywall .drywall-container .background-left-column {
      background: linear-gradient(100deg, #243949, #517fa4); }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        main .drywall .drywall-container .background-left-column {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        main .drywall .drywall-container .background-left-column {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main .drywall .drywall-container .background-left-column {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main .drywall .drywall-container .background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
      @media only screen and (max-width: 384px) {
        main .drywall .drywall-container .background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
    main .drywall .drywall-container .background2-left-column {
      background: linear-gradient(100deg, #517fa4, #5786ad); }
    main .drywall .drywall-container .drywall-card {
      background-color: #fff;
      border-radius: 1rem;
      box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
      margin: 1.5rem;
      overflow: hidden;
      width: 58rem;
      height: 23rem; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main .drywall .drywall-container .drywall-card {
          height: 500px;
          width: 950px;
          margin-top: -13%;
          margin-left: 10%; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        main .drywall .drywall-container .drywall-card {
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          width: 113%;
          margin: 13% 0 0 -19%;
          height: 73%; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        main .drywall .drywall-container .drywall-card {
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          width: 113%;
          margin: 13% 0 0 -19%;
          height: 73%; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        main .drywall .drywall-container .drywall-card {
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          width: 113%;
          margin: 13% 0 0 -19%;
          height: 73%; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        main .drywall .drywall-container .drywall-card {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 113%;
          margin: 13% 0 0 -19%;
          height: 73%; } }
      @media only screen and (max-width: 384px) {
        main .drywall .drywall-container .drywall-card {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 113%;
          margin: 13% 0 0 -19%;
          height: 73%; } }
      main .drywall .drywall-container .drywall-card.active {
        display: block;
        border: 2px solid #d30809;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        z-index: 4; }
      main .drywall .drywall-container .drywall-card h2 {
        letter-spacing: .1rem;
        margin: 1rem 0;
        color: #000; }
      main .drywall .drywall-container .drywall-card h6 {
        opacity: 0.6;
        letter-spacing: .1rem;
        text-transform: uppercase; }
      main .drywall .drywall-container .drywall-card .left-column {
        color: #fff;
        padding: 2rem;
        max-width: 10rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between; }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          main .drywall .drywall-container .drywall-card .left-column {
            display: none;
            order: 1;
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          main .drywall .drywall-container .drywall-card .left-column {
            display: none;
            order: 1;
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          main .drywall .drywall-container .drywall-card .left-column {
            display: none;
            order: 1;
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          main .drywall .drywall-container .drywall-card .left-column {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (max-width: 384px) {
          main .drywall .drywall-container .drywall-card .left-column {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        main .drywall .drywall-container .drywall-card .left-column h4 {
          color: #fff; }
        main .drywall .drywall-container .drywall-card .left-column i {
          font-size: 5rem; }
          @media only screen and (min-width: 430px) and (max-width: 932px) {
            main .drywall .drywall-container .drywall-card .left-column i {
              display: none; } }
          @media only screen and (min-width: 428px) and (max-width: 926px) {
            main .drywall .drywall-container .drywall-card .left-column i {
              display: none; } }
          @media only screen and (min-width: 393px) and (max-width: 852px) {
            main .drywall .drywall-container .drywall-card .left-column i {
              display: none; } }
          @media only screen and (max-width: 390px) and (max-height: 844px) {
            main .drywall .drywall-container .drywall-card .left-column i {
              display: none; } }
          @media only screen and (max-width: 384px) {
            main .drywall .drywall-container .drywall-card .left-column i {
              display: none; } }
      main .drywall .drywall-container .drywall-card .right-column {
        padding: 2rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between; }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          main .drywall .drywall-container .drywall-card .right-column {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 -19px;
            z-index: 999; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          main .drywall .drywall-container .drywall-card .right-column {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 -19px;
            z-index: 999; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          main .drywall .drywall-container .drywall-card .right-column {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 -19px;
            z-index: 999; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          main .drywall .drywall-container .drywall-card .right-column {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 -19px;
            z-index: 999; } }
        @media only screen and (max-width: 384px) {
          main .drywall .drywall-container .drywall-card .right-column {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 -19px;
            z-index: 999; } }
        main .drywall .drywall-container .drywall-card .right-column p {
          font-family: 'Poppins';
          font-size: .9rem;
          color: #000;
          max-width: 400px; }
        main .drywall .drywall-container .drywall-card .right-column span {
          border-radius: 3rem;
          background: #273238;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
          color: #fff;
          font-size: 1.2rem;
          padding: .8rem 1.3rem;
          letter-spacing: .1rem;
          align-self: flex-end; }
      main .drywall .drywall-container .drywall-card .left-column-img {
        width: 350px;
        max-width: 300px;
        margin-left: auto;
        position: relative; }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          main .drywall .drywall-container .drywall-card .left-column-img {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          main .drywall .drywall-container .drywall-card .left-column-img {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          main .drywall .drywall-container .drywall-card .left-column-img {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          main .drywall .drywall-container .drywall-card .left-column-img {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        @media only screen and (max-width: 384px) {
          main .drywall .drywall-container .drywall-card .left-column-img {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        main .drywall .drywall-container .drywall-card .left-column-img .owl-carousel .item img {
          width: 100%;
          height: auto;
          margin: 0; }
          @media only screen and (min-width: 430px) and (max-width: 932px) {
            main .drywall .drywall-container .drywall-card .left-column-img .owl-carousel .item img {
              width: 230px;
              height: 230px; } }
          @media only screen and (min-width: 428px) and (max-width: 926px) {
            main .drywall .drywall-container .drywall-card .left-column-img .owl-carousel .item img {
              width: 230px;
              height: 230px; } }
          @media only screen and (min-width: 393px) and (max-width: 852px) {
            main .drywall .drywall-container .drywall-card .left-column-img .owl-carousel .item img {
              width: 230px;
              height: 230px; } }
          @media only screen and (max-width: 390px) and (max-height: 844px) {
            main .drywall .drywall-container .drywall-card .left-column-img .owl-carousel .item img {
              width: 230px;
              height: 230px; } }
          @media only screen and (max-width: 384px) {
            main .drywall .drywall-container .drywall-card .left-column-img .owl-carousel .item img {
              width: 230px;
              height: 230px; } }
    main .drywall .drywall-container .carousel-selectors {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%); }
      main .drywall .drywall-container .carousel-selectors .selector {
        display: inline-block;
        margin: 0 5px;
        cursor: pointer; }
        main .drywall .drywall-container .carousel-selectors .selector i {
          color: #333;
          font-size: 30px; }
    main .drywall .drywall-container .carousel-selectorsDrywall {
      display: inline-block; }
      main .drywall .drywall-container .carousel-selectorsDrywall .selector {
        display: inline-block;
        margin: 0 5px;
        background-color: red;
        font-size: 1.6rem;
        cursor: pointer; }

main .banner-shop-cs {
  background-color: #8baac0;
  height: 245px;
  width: 100%;
  padding: 1px;
  margin: 45% 0 0 0; }
  @media only screen and (max-width: 1024px) {
    main .banner-shop-cs {
      margin: 5% 0 0 0; } }
  @media only screen and (max-width: 768px) {
    main .banner-shop-cs {
      display: flex;
      height: 180px;
      width: 100%;
      margin: 0 0 40% 0; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    main .banner-shop-cs {
      margin-top: 50%; } }
  @media only screen and (min-width: 430px) and (max-width: 932px) {
    main .banner-shop-cs {
      margin-top: 213%; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    main .banner-shop-cs {
      margin-top: 213%; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    main .banner-shop-cs {
      margin-top: 213%; } }
  @media only screen and (max-width: 384px) {
    main .banner-shop-cs {
      margin-top: 213%; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    main .banner-shop-cs {
      margin-top: 196%; } }
  main .banner-shop-cs h2 {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 1.6rem;
    color: #fff;
    width: 100%;
    display: flex;
    position: relative;
    text-align: center;
    justify-content: center;
    align-items: center;
    top: 35%; }
    @media only screen and (max-width: 768px) {
      main .banner-shop-cs h2 {
        display: flex;
        font-size: 1.2rem;
        margin: -133px 0 0 0; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .banner-shop-cs h2 {
        max-width: 1000px;
        margin-left: 19%; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      main .banner-shop-cs h2 {
        font-size: 1.2rem;
        margin-top: -71px; } }

main .wrapper {
  display: grid;
  grid-template-columns: 1fr 4fr;
  background-color: #ffffff;
  margin: 0 0 0px 0; }
  @media only screen and (max-width: 768px) {
    main .wrapper {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      margin: -40% 0 0 0;
      padding: 0.5rem; } }
  main .wrapper .header-mobile {
    display: none; }
    @media only screen and (max-width: 768px) {
      main .wrapper .header-mobile {
        display: flex;
        padding: 1rem;
        justify-content: space-between;
        align-items: center; } }
    @media only screen and (max-width: 768px) {
      main .wrapper .header-mobile .shop-logo {
        margin: 0 0 0 3px; } }
    @media only screen and (max-width: 768px) {
      main .wrapper .header-mobile .shop-logo img {
        width: 155px;
        height: 45px; } }
    main .wrapper .header-mobile .open-menu-header {
      display: none; }
      @media only screen and (max-width: 768px) {
        main .wrapper .header-mobile .open-menu-header {
          display: flex;
          background: transparent;
          color: #333;
          border: 0;
          font-size: 1.3rem;
          cursor: pointer; } }
  main .wrapper aside {
    padding: -1rem;
    padding-right: 0;
    color: #273238;
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 0 10% 0; }
    @media only screen and (max-width: 768px) {
      main .wrapper aside {
        position: fixed;
        z-index: 999;
        background: #fff;
        left: 0;
        box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.75);
        transform: translateX(-100%);
        opacity: 0;
        visibility: hidden;
        transition: .2s; } }
    main .wrapper aside .shop-logo {
      font-family: 'Poppins';
      font-weight: 400;
      font-size: 1.5rem;
      padding: 2rem; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        main .wrapper aside .shop-logo {
          margin-top: 40%;
          margin-left: 10px;
          font-weight: bold;
          font-size: 1.6rem;
          text-decoration: underline; } }
    main .wrapper aside nav .menu-ul {
      display: flex;
      flex-direction: column;
      gap: .5rem; }
      main .wrapper aside nav .menu-ul li .boton-menu {
        background-color: transparent;
        border: 0;
        color: #000000;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 1rem;
        font-weight: 600;
        font-size: .85rem;
        padding: .8rem;
        width: 100%; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          main .wrapper aside nav .menu-ul li .boton-menu {
            font-size: 1.1rem; } }
      main .wrapper aside nav .menu-ul li .boton-menu.active {
        background-color: #eee;
        color: #000000;
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem;
        position: relative; }
      main .wrapper aside nav .menu-ul li .bi-arrow-up-square-fill,
      main .wrapper aside nav .menu-ul li .bi-arrow-up-square {
        transform: rotateZ(90deg); }
      main .wrapper aside nav .menu-ul li .boton-carrito {
        margin-top: 2rem; }
    main .wrapper aside .footer-shop .texto-footer {
      font-family: 'Poppins';
      color: #9e9e9e;
      font-size: .85rem;
      margin-left: 15%; }
  main .wrapper .aside-visible {
    transform: translateX(0);
    opacity: 1;
    visibility: visible; }
    @media only screen and (max-width: 768px) {
      main .wrapper .aside-visible {
        transform: translateX(0);
        opacity: 1;
        visibility: visible; } }
    main .wrapper .aside-visible .close-menu-header {
      display: none; }
      @media only screen and (max-width: 768px) {
        main .wrapper .aside-visible .close-menu-header {
          display: flex;
          position: absolute;
          top: 1.9rem;
          right: 1rem;
          background: transparent;
          color: #333;
          border: 0;
          font-size: 1.3rem;
          cursor: pointer; } }
  main .wrapper .main-eshop {
    background-color: #f1f1f1;
    margin: 1rem;
    margin-left: 0;
    border-radius: 2rem;
    padding: 2rem; }
    @media only screen and (max-width: 768px) {
      main .wrapper .main-eshop {
        margin: 1rem;
        padding: 2rem;
        margin: 0 0 170px 0; } }
    main .wrapper .main-eshop .titulo-principal {
      color: #273238;
      margin-bottom: 2rem; }
    main .wrapper .main-eshop .contenedor-productos {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 3rem;
      cursor: pointer; }
      @media only screen and (max-width: 675px) {
        main .wrapper .main-eshop .contenedor-productos {
          grid-template-columns: repeat(2, 1fr); } }
      @media only screen and (max-width: 768px) {
        main .wrapper .main-eshop .contenedor-productos {
          grid-template-columns: repeat(2, 1fr); } }
      @media only screen and (max-width: 430px) {
        main .wrapper .main-eshop .contenedor-productos {
          grid-template-columns: 1fr; } }
      @media only screen and (max-width: 390px) {
        main .wrapper .main-eshop .contenedor-productos {
          grid-template-columns: 1fr; } }
      main .wrapper .main-eshop .contenedor-productos .producto .producto-imagen {
        max-width: 100%;
        width: 342px;
        border-top-right-radius: 1rem;
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          main .wrapper .main-eshop .contenedor-productos .producto .producto-imagen {
            width: 400px; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          main .wrapper .main-eshop .contenedor-productos .producto .producto-imagen {
            width: 96%; } }
      main .wrapper .main-eshop .contenedor-productos .producto .producto-detalles {
        background-color: #273238;
        color: #fff;
        padding: .5rem;
        border-radius: 1rem;
        margin-top: -.5rem;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: .25rem;
        text-align: center;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem; }
        @media only screen and (max-width: 768px) {
          main .wrapper .main-eshop .contenedor-productos .producto .producto-detalles {
            width: 300px; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          main .wrapper .main-eshop .contenedor-productos .producto .producto-detalles {
            width: 333px; } }
        main .wrapper .main-eshop .contenedor-productos .producto .producto-detalles .producto-titulo {
          font-size: 1rem;
          text-align: center; }
          @media only screen and (min-width: 1600px) and (max-width: 1920px) {
            main .wrapper .main-eshop .contenedor-productos .producto .producto-detalles .producto-titulo {
              background-color: #d30809;
              font-size: 1.3rem;
              border-radius: 10px; } }
        main .wrapper .main-eshop .contenedor-productos .producto .producto-detalles .producto-consultar {
          border: 0;
          background-color: #fff;
          color: #273238;
          padding: .4rem;
          text-transform: uppercase;
          border-radius: 2rem;
          cursor: pointer;
          border: 2px solid #fff;
          transition: background-color .2s, color .2s; }
        main .wrapper .main-eshop .contenedor-productos .producto .producto-detalles .producto-consultar:hover {
          background-color: #8baac0;
          color: #fff; }

@media only screen and (max-width: 384px) {
  main .disposicion {
    margin: -42% 0 60% 0; } }

@media only screen and (max-width: 360px) and (max-height: 640px) {
  main .disposicion {
    margin-bottom: 0%; } }

main .disposicion .disposicion-6-cs {
  height: 70vh;
  background-image: url(https://i.pinimg.com/564x/09/dc/24/09dc24e77ec05440710cbc536e6426b5.jpg);
  filter: opacity(25%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    main .disposicion .disposicion-6-cs {
      height: 270px; } }

main .disposicion .disposicion-content {
  display: flex; }
  main .disposicion .disposicion-content .disposicion-title {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 2rem;
    color: #000;
    width: 100%;
    display: flex;
    position: relative;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: -38%; }
    @media only screen and (max-width: 768px) {
      main .disposicion .disposicion-content .disposicion-title {
        width: 90%;
        font-size: 1.1rem;
        margin: -80% 0 0 20px; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .disposicion .disposicion-content .disposicion-title {
        font-size: 2.3rem; } }

main .disposicion .btn-redirect {
  display: flex;
  position: absolute;
  margin-top: -14%;
  margin-left: 43%;
  background: #273238;
  border: 2px solid #d30809;
  color: #fff;
  border-radius: 30px;
  padding: 10px 0px 10px 35px;
  width: 200px; }
  @media only screen and (max-width: 768px) {
    main .disposicion .btn-redirect {
      display: flex;
      margin: -75px 0 0 90px; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    main .disposicion .btn-redirect {
      background-color: #273238;
      width: 300px;
      height: 60px; } }
  main .disposicion .btn-redirect a {
    font-size: 'Poppins';
    font-weight: 400;
    text-decoration: none;
    color: #fff; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      main .disposicion .btn-redirect a {
        color: #273238;
        font-size: 1.5rem;
        margin-left: 14px; } }

main .disposicion .btn-redirect:hover {
  cursor: pointer;
  transition: all .3s ease-in-out;
  background-color: #d30809;
  font-family: 'Poppins';
  font-weight: 500; }

#main-tya {
  overflow: hidden; }
  #main-tya #home-tya {
    width: 100%;
    height: 520px;
    background: url("https://reparandotucasa.com/wp-content/uploads/2021/03/image3-32.jpg");
    background-size: cover; }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      #main-tya #home-tya {
        height: 170px; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      #main-tya #home-tya {
        height: 170px; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      #main-tya #home-tya {
        height: 170px; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      #main-tya #home-tya {
        height: 170px; } }
    @media only screen and (max-width: 384px) {
      #main-tya #home-tya {
        height: 170px; } }
    #main-tya #home-tya .trapezoide-tya {
      width: 340px;
      height: 130px;
      background: #fff;
      position: absolute;
      transform: perspective(400px) rotateY(30deg);
      transform-origin: 100% 63%;
      margin: 29% 0 0 20%; }
      @media only screen and (max-width: 768px) {
        #main-tya #home-tya .trapezoide-tya {
          width: 170px;
          height: 60px;
          background: #fafafa; } }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        #main-tya #home-tya .trapezoide-tya {
          margin-top: 24.7%; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        #main-tya #home-tya .trapezoide-tya {
          background-color: #fff; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        #main-tya #home-tya .trapezoide-tya {
          background-color: #fff; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        #main-tya #home-tya .trapezoide-tya {
          background-color: #fff; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        #main-tya #home-tya .trapezoide-tya {
          background-color: #fff; } }
      @media only screen and (max-width: 375px) and (max-height: 667px) {
        #main-tya #home-tya .trapezoide-tya {
          margin: 31% 12%;
          background: #fff; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        #main-tya #home-tya .trapezoide-tya {
          margin: 31% 12%;
          background: #fff; } }
    #main-tya #home-tya #home-tya-content p {
      font-family: 'Poppins';
      font-size: 2.5rem;
      font-weight: 600;
      position: absolute;
      margin: 30% 0 0 145px;
      color: #0c0c0c;
      border-bottom: 6px solid #666666;
      padding-bottom: .1em; }
      @media only screen and (max-width: 768px) {
        #main-tya #home-tya #home-tya-content p {
          font-family: 'Poppins';
          font-size: .95rem;
          margin: 33% 0 0 18%;
          border-bottom: 3px solid #666666;
          padding-bottom: .1em; } }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        #main-tya #home-tya #home-tya-content p {
          margin-left: 187px;
          margin-top: 414px;
          font-size: 2.5rem; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        #main-tya #home-tya #home-tya-content p {
          margin: 33% 82px; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        #main-tya #home-tya #home-tya-content p {
          margin: 37% 74px; } }
      @media only screen and (max-width: 375px) and (max-height: 667px) {
        #main-tya #home-tya #home-tya-content p {
          margin: 38% 40px; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        #main-tya #home-tya #home-tya-content p {
          margin: 39% 40px; } }
  #main-tya .aislaciones {
    font-family: "Poppins", sans-serif;
    width: 100%;
    min-height: 80vh;
    display: grid;
    place-items: center; }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      #main-tya .aislaciones {
        margin: 10% 0 0 0; } }
    @media only screen and (max-width: 384px) {
      #main-tya .aislaciones {
        margin: 10% 0 0 0; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      #main-tya .aislaciones {
        margin-top: 10%; } }
    #main-tya .aislaciones .aislaciones-row {
      width: 97%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 50px;
      overflow-x: hidden; }
      @media only screen and (max-width: 998px) {
        #main-tya .aislaciones .aislaciones-row {
          grid-template-columns: 1fr;
          grid-gap: 50px; } }
      @media only screen and (max-width: 768px) {
        #main-tya .aislaciones .aislaciones-row {
          display: flex;
          margin: -190% 0 0 0; } }
      #main-tya .aislaciones .aislaciones-row .imgWrapper {
        overflow: hidden; }
        @media only screen and (max-width: 768px) {
          #main-tya .aislaciones .aislaciones-row .imgWrapper {
            width: 544px; } }
        #main-tya .aislaciones .aislaciones-row .imgWrapper img {
          width: 65%;
          height: 90%;
          object-fit: cover;
          transition: 0.3s;
          border-bottom-left-radius: 30px;
          border-top-left-radius: 30px;
          background: #f8f8f8; }
          @media only screen and (max-width: 768px) {
            #main-tya .aislaciones .aislaciones-row .imgWrapper img {
              margin: 0 0 -10px 0; } }
      #main-tya .aislaciones .aislaciones-row .imgWrapper:hover img {
        transform: scale(1.25);
        border-bottom-left-radius: 30px;
        border-top-left-radius: 30px; }
        @media only screen and (max-width: 768px) {
          #main-tya .aislaciones .aislaciones-row .imgWrapper:hover img {
            transform: none; } }
      #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper {
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: -30px 0 0 -205px; }
        @media only screen and (max-width: 768px) {
          #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper {
            display: flex; } }
        @media only screen and (max-width: 768px) {
          #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content {
            display: block;
            margin: 30px 0 0 60px; } }
        #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content span.textWrapper {
          display: block;
          font-size: 16px;
          text-transform: capitalize;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          gap: 15px;
          margin-bottom: 25px;
          white-space: nowrap; }
          @media only screen and (max-width: 430px) {
            #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content span.textWrapper {
              font-size: 18px; } }
          @media only screen and (max-width: 390px) {
            #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content span.textWrapper {
              font-size: 16px; } }
        #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content span.textWrapper span {
          display: inline-block;
          background: #d30809;
          color: #d30809;
          width: auto;
          height: 3px; }
          @media only screen and (max-width: 768px) {
            #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content span.textWrapper span {
              font-size: 14px; } }
        #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content h2 {
          font-size: 1.8rem;
          font-weight: 700;
          color: #383f47; }
          @media only screen and (max-width: 768px) {
            #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content h2 {
              font-size: 18px; } }
          @media only screen and (max-width: 430px) {
            #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content h2 {
              font-size: 18px; } }
          @media only screen and (max-width: 390px) {
            #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content h2 {
              font-size: 18px; } }
        #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content p {
          font-size: 1rem;
          line-height: 25px;
          color: #43484b; }
          @media only screen and (max-width: 768px) {
            #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content p {
              display: none; } }
        #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content a {
          display: inline-block;
          text-decoration: none;
          text-transform: uppercase;
          background: #383f47;
          color: #fff;
          padding: 6px 40px;
          letter-spacing: 1px;
          user-select: none;
          border-radius: 20px; }
          @media only screen and (max-width: 768px) {
            #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content a {
              font-size: 12px;
              width: 94px;
              padding: 7px 23px; } }
        #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content a:hover {
          background: #757575;
          color: #000;
          border-radius: 20px; }
        #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content #btn-isolant {
          background: #00bcd4; }
          @media only screen and (max-width: 768px) {
            #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content #btn-isolant {
              font-size: 12px;
              padding: 4px 23px;
              margin: 5px 0 0 0; } }
        #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content #btn-isolant:hover {
          color: #fff; }
        #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content #btn-isover {
          background: #f1f10d;
          color: #000; }
          @media only screen and (max-width: 768px) {
            #main-tya .aislaciones .aislaciones-row .aislaciones-contentWrapper .content #btn-isover {
              font-size: 12px;
              padding: 4px 23px;
              margin: 5px 0 0 0; } }
  #main-tya #zinc {
    position: relative;
    height: 600px;
    width: 100%;
    background-image: url("https://img.freepik.com/fotos-premium/trabajador-herramientas-techador-usando-equipo-proteccion-instalando-techo-nuevo-techo-superior-sitio-construccion-techo-metal_64073-1077.jpg?size=626&ext=jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    @media only screen and (max-width: 768px) {
      #main-tya #zinc {
        display: flex;
        margin: -95% 0 0 0; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      #main-tya #zinc {
        display: flex;
        margin: 10% 0 0 0;
        background-color: black;
        height: 700px; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      #main-tya #zinc {
        display: flex;
        margin: 10% 0 0 0;
        background-color: black;
        height: 700px; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      #main-tya #zinc {
        display: flex;
        margin: 10% 0 0 0;
        background-color: black;
        height: 700px; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      #main-tya #zinc {
        display: flex;
        margin: 10% 0 0 0;
        background-color: black;
        height: 700px; } }
    @media only screen and (max-width: 384px) {
      #main-tya #zinc {
        display: flex;
        margin: 10% 0 0 0;
        background-color: black;
        height: 700px; } }
    #main-tya #zinc::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: inherit;
      filter: brightness(40%) contrast(120%) saturate(80%) grayscale(10%); }
    #main-tya #zinc h2 {
      color: #fff;
      font-size: 2.5rem;
      font-family: "Poppins", sans-serif;
      font-weight: 200;
      position: absolute;
      margin: 16% 0 0 11.5%;
      z-index: 10; }
      @media only screen and (max-width: 768px) {
        #main-tya #zinc h2 {
          font-size: 2.3rem; } }
    #main-tya #zinc h3 {
      color: #fff;
      font-size: 2.5rem;
      font-family: "Poppins", sans-serif;
      font-weight: 450;
      position: absolute;
      margin: 20% 0 0 100px; }
      @media only screen and (max-width: 768px) {
        #main-tya #zinc h3 {
          font-size: 2.3rem;
          margin: 100px 0 0 47px; } }
  #main-tya .tya-ventajas {
    margin: -18% 0 0 -3%;
    display: grid;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
    grid-template-rows: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas: "anticorrosivo durable nocombustible"; }
    @media only screen and (max-width: 768px) {
      #main-tya .tya-ventajas {
        display: flex;
        width: 5px;
        height: 5px;
        margin: -356px 0 243px 15px;
        gap: 30px; } }
    #main-tya .tya-ventajas i {
      font-size: 3rem;
      display: flex;
      position: absolute;
      margin-bottom: 4%;
      color: #eeeeee; }
      @media only screen and (max-width: 768px) {
        #main-tya .tya-ventajas i {
          display: flex;
          font-size: 2.4rem;
          margin-bottom: 103px; } }
    #main-tya .tya-ventajas .durable {
      font-family: 'Poppins';
      font-size: 1rem;
      display: flex;
      text-align: center;
      align-items: center;
      justify-content: center;
      gap: 10px;
      grid-area: durable;
      color: #eeeeee;
      z-index: 10;
      height: 150px;
      width: 230px; }
      @media only screen and (max-width: 768px) {
        #main-tya .tya-ventajas .durable {
          margin-top: 40px; } }
    #main-tya .tya-ventajas .anticorrosivo {
      font-family: 'Poppins';
      display: flex;
      text-align: center;
      align-items: center;
      justify-content: center;
      z-index: 10;
      gap: 10px;
      grid-area: anticorrosivo;
      color: #eeeeee;
      height: 150px;
      width: 230px; }
      @media only screen and (max-width: 768px) {
        #main-tya .tya-ventajas .anticorrosivo {
          margin-top: 40px; } }
    #main-tya .tya-ventajas .nocombustible {
      font-family: 'Poppins';
      display: flex;
      text-align: center;
      align-items: center;
      justify-content: center;
      z-index: 10;
      gap: 10px;
      grid-area: nocombustible;
      color: #eeeeee;
      height: 150px;
      width: 230px; }
      @media only screen and (max-width: 768px) {
        #main-tya .tya-ventajas .nocombustible {
          margin-top: 40px; } }
  #main-tya .tya-chapasCards {
    height: 500px;
    margin: -31% 0 0 43%; }
    #main-tya .tya-chapasCards .zincContainer {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      height: 100vh; }
      #main-tya .tya-chapasCards .zincContainer .zinc__container {
        padding-block: 5rem;
        max-width: 355px;
        margin: auto; }
        #main-tya .tya-chapasCards .zincContainer .zinc__container .zinc__card--content {
          margin-inline: 1.75rem;
          border-radius: 1.25rem;
          overflow: hidden;
          margin-top: -79px; }
          #main-tya .tya-chapasCards .zincContainer .zinc__container .zinc__card--content .card__article {
            width: 300px;
            border-radius: 1.25rem;
            overflow: hidden; }
            #main-tya .tya-chapasCards .zincContainer .zinc__container .zinc__card--content .card__article .card__image {
              position: relative;
              background: #ffffff;
              padding-top: 1.5rem;
              margin-bottom: -.75rem; }
              #main-tya .tya-chapasCards .zincContainer .zinc__container .zinc__card--content .card__article .card__image .card__img {
                width: 303px;
                margin: 1px 0 0 -2px;
                position: relative;
                z-index: 5;
                align-items: center;
                display: flex;
                height: 200px; }
            #main-tya .tya-chapasCards .zincContainer .zinc__container .zinc__card--content .card__article .card__data {
              background: #5c7383;
              padding: 16px 1rem;
              border-radius: 1rem;
              text-align: center;
              position: relative;
              z-index: 10; }
              #main-tya .tya-chapasCards .zincContainer .zinc__container .zinc__card--content .card__article .card__data .card__name {
                font-size: 1.3rem;
                color: #fff;
                margin-bottom: .75rem; }
              #main-tya .tya-chapasCards .zincContainer .zinc__container .zinc__card--content .card__article .card__data .card__description {
                font-weight: 500;
                margin-bottom: 1.75rem; }
              #main-tya .tya-chapasCards .zincContainer .zinc__container .zinc__card--content .card__article .card__data .card__button {
                display: inline-block;
                border: 1px solid #ffffff;
                padding: .3rem 1.5rem;
                border-radius: .25rem;
                color: #fff;
                font-weight: 600; }
              #main-tya .tya-chapasCards .zincContainer .zinc__container .zinc__card--content .card__article .card__data .card__button:hover {
                background: #eeeeee;
                color: #5c7383; }
          #main-tya .tya-chapasCards .zincContainer .zinc__container .zinc__card--content .swiper-pagination {
            bottom: 94%; }
  #main-tya #pol {
    position: relative;
    height: 600px;
    width: 100%;
    background-image: url("https://fullcons.com.ec/wp-content/uploads/2023/08/laminas-de-Policarbonato-y-sus-Aplicaciones-en-Techos-1024x400.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      #main-tya #pol {
        height: 750px; } }
    @media only screen and (max-width: 768px) {
      #main-tya #pol {
        display: flex;
        margin: -95% 0 0 0; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      #main-tya #pol {
        display: flex;
        margin: 10% 0 0 0;
        background-color: black;
        height: 700px; } }
    @media only screen and (max-width: 384px) {
      #main-tya #pol {
        display: flex;
        margin: 10% 0 0 0;
        background-color: black;
        height: 700px; } }
    #main-tya #pol::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: inherit;
      filter: brightness(40%) contrast(120%) saturate(80%) grayscale(10%); }
    #main-tya #pol h2 {
      color: #fff;
      font-size: 2.5rem;
      font-family: "Poppins", sans-serif;
      font-weight: 200;
      position: absolute;
      margin: 16% 0 0 5%;
      z-index: 10; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        #main-tya #pol h2 {
          margin: 4% 0 0 4%;
          font-size: 2.5rem; } }
      @media only screen and (max-width: 384px) {
        #main-tya #pol h2 {
          font-size: 1.6rem; } }
    #main-tya #pol h3 {
      color: #fff;
      font-size: 2.5rem;
      font-family: "Poppins", sans-serif;
      font-weight: 450;
      position: absolute;
      margin: 20% 0 0 80px; }
  #main-tya #alv {
    position: relative;
    height: 600px;
    width: 100%;
    background-image: url("https://i.pinimg.com/564x/bf/7f/cb/bf7fcb6d62f06fa803151cfcddfb8a48.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    #main-tya #alv::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: inherit;
      filter: brightness(40%) contrast(120%) saturate(80%) grayscale(10%); }
    #main-tya #alv .alv {
      color: #fff;
      font-size: 2.5rem;
      font-family: "Poppins", sans-serif;
      font-weight: 200;
      position: absolute;
      margin: 16% 0 0 6%;
      z-index: 10; }
    #main-tya #alv h3 {
      color: #fff;
      font-size: 2.5rem;
      font-family: "Poppins", sans-serif;
      font-weight: 450;
      position: absolute;
      margin: 20% 0 0 80px; }
  #main-tya #aislaciones {
    position: relative;
    height: 650px;
    width: 100%;
    background-image: url("https://www.cadena3.com/admin/playerswf/fotos/ARCHI_871695.jpg");
    background-repeat: no-repeat;
    background-size: cover; }
    @media only screen and (max-width: 1600px) {
      #main-tya #aislaciones {
        margin-top: 10%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      #main-tya #aislaciones {
        margin: 314% 0 0 0; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      #main-tya #aislaciones {
        margin: 314% 0 0 0; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      #main-tya #aislaciones {
        margin: 343% 0 0 0; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      #main-tya #aislaciones {
        margin: 343% 0 0 0; } }
    @media only screen and (max-width: 384px) {
      #main-tya #aislaciones {
        margin: 345% 0 0 0; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      #main-tya #aislaciones {
        margin: 367% 0 0 0; } }
    #main-tya #aislaciones::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: inherit;
      filter: brightness(40%) contrast(120%) saturate(80%) grayscale(10%); }
    #main-tya #aislaciones h2 {
      color: #fff;
      font-size: 2.5rem;
      font-family: "Poppins", sans-serif;
      font-weight: 200;
      position: absolute;
      margin: -9% 0 0 -66%;
      z-index: 10; }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        #main-tya #aislaciones h2 {
          font-size: 1.6rem;
          margin: -144% 0 0 -35%; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        #main-tya #aislaciones h2 {
          font-size: 1.6rem;
          margin: -144% 0 0 -35%; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        #main-tya #aislaciones h2 {
          font-size: 1.6rem;
          margin: -144% 0 0 -35%; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        #main-tya #aislaciones h2 {
          font-size: 1.6rem;
          margin: -144% 0 0 -35%; } }
      @media only screen and (max-width: 384px) {
        #main-tya #aislaciones h2 {
          font-size: 1.6rem;
          margin: -144% 0 0 -35%; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        #main-tya #aislaciones h2 {
          font-size: 1.6rem;
          margin: -161% 0 0 -35%; } }
    #main-tya #aislaciones h3 {
      color: #fff;
      font-size: 2.5rem;
      font-family: "Poppins", sans-serif;
      font-weight: 450;
      position: absolute;
      margin: 1% 0 0 -885px; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        #main-tya #aislaciones h3 {
          margin-left: -66%; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        #main-tya #aislaciones h3 {
          margin: -127% 0 0 37%;
          font-size: 1rem;
          transform: translateX(-50%);
          max-width: 63%; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        #main-tya #aislaciones h3 {
          margin: -127% 0 0 37%;
          font-size: 1rem;
          transform: translateX(-50%);
          max-width: 63%; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        #main-tya #aislaciones h3 {
          margin: -127% 0 0 37%;
          font-size: 1rem;
          transform: translateX(-50%);
          max-width: 63%; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        #main-tya #aislaciones h3 {
          margin: -127% 0 0 37%;
          font-size: 1rem;
          transform: translateX(-50%);
          max-width: 63%; } }
      @media only screen and (max-width: 384px) {
        #main-tya #aislaciones h3 {
          margin: -127% 0 0 37%;
          font-size: 1rem;
          transform: translateX(-50%);
          max-width: 63%; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        #main-tya #aislaciones h3 {
          margin: -141% 0 0 34%;
          font-size: 1rem;
          transform: translateX(-50%);
          max-width: 63%; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        #main-tya #aislaciones h3 #brh3 {
          display: none; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        #main-tya #aislaciones h3 #brh3 {
          display: none; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        #main-tya #aislaciones h3 #brh3 {
          display: none; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        #main-tya #aislaciones h3 #brh3 {
          display: none; } }
      @media only screen and (max-width: 384px) {
        #main-tya #aislaciones h3 #brh3 {
          display: none; } }
    #main-tya #aislaciones .itemBtn {
      background-color: #273238;
      width: 325px;
      height: 44px;
      position: absolute;
      top: 60%;
      left: 66px;
      border-radius: 20px;
      background-position: 50% 50%;
      background-size: cover;
      display: inline-block;
      transition: 0.5s; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        #main-tya #aislaciones .itemBtn {
          margin-left: 2%; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        #main-tya #aislaciones .itemBtn {
          display: none; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        #main-tya #aislaciones .itemBtn {
          display: none; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        #main-tya #aislaciones .itemBtn {
          display: none; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        #main-tya #aislaciones .itemBtn {
          display: none; } }
      @media only screen and (max-width: 384px) {
        #main-tya #aislaciones .itemBtn {
          display: none; } }
      #main-tya #aislaciones .itemBtn .contentBtn {
        position: relative;
        top: 28%;
        width: 300px;
        text-align: left;
        color: #000;
        left: 98px;
        font-family: "Poppins", sans-serif; }
        #main-tya #aislaciones .itemBtn .contentBtn span a {
          color: #fff; }
    #main-tya #aislaciones .itemBtn:hover {
      background-color: #d30809; }
  #main-tya .ais-container {
    position: absolute;
    top: 60px;
    left: 31%;
    width: 920px;
    height: 460px;
    background: #f5f5f5;
    overflow-x: hidden;
    border-radius: 20px; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      #main-tya .ais-container {
        margin-top: -127%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      #main-tya .ais-container {
        width: 98%;
        margin-top: 14%;
        height: 520px;
        margin-left: -36%; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      #main-tya .ais-container {
        width: 98%;
        margin-top: 14%;
        height: 520px;
        margin-left: -30%; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      #main-tya .ais-container {
        width: 98%;
        margin-top: 14%;
        height: 520px;
        margin-left: -29.5%; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      #main-tya .ais-container {
        width: 98%;
        margin-top: 14%;
        height: 520px;
        margin-left: -30%; } }
    @media only screen and (max-width: 384px) {
      #main-tya .ais-container {
        width: 98%;
        margin-top: 14%;
        height: 520px;
        margin-left: -30%; } }
    #main-tya .ais-container .ais-slide {
      /*aca n = 0,1,2,3....*/ }
      #main-tya .ais-container .ais-slide .item {
        width: 200px;
        height: 300px;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        border-radius: 20px;
        background-position: 50% 50%;
        background-size: cover;
        display: inline-block;
        transition: 0.5s; }
        #main-tya .ais-container .ais-slide .item .content {
          position: absolute;
          top: 50%;
          left: 100px;
          width: 300px;
          text-align: left;
          color: #000;
          transform: translate(0, -50%);
          font-family: "Poppins", sans-serif;
          display: none; }
          #main-tya .ais-container .ais-slide .item .content .name {
            margin: 0 0 0 -50px;
            font-size: 40px;
            text-transform: uppercase;
            font-weight: bold;
            opacity: 0;
            animation: animate 1s ease-in-out 1 forwards; }
            @media only screen and (min-width: 430px) and (max-width: 932px) {
              #main-tya .ais-container .ais-slide .item .content .name {
                margin: 0 0 0 -26%;
                font-size: 1.3rem;
                max-width: 185px; } }
            @media only screen and (min-width: 428px) and (max-width: 926px) {
              #main-tya .ais-container .ais-slide .item .content .name {
                margin: 0 0 0 -26%;
                font-size: 1.3rem;
                max-width: 185px; } }
            @media only screen and (min-width: 393px) and (max-width: 852px) {
              #main-tya .ais-container .ais-slide .item .content .name {
                margin: 0 0 0 -26%;
                font-size: 1.3rem;
                max-width: 185px; } }
            @media only screen and (max-width: 390px) and (max-height: 844px) {
              #main-tya .ais-container .ais-slide .item .content .name {
                margin: 0 0 0 -26%;
                font-size: 1.3rem;
                max-width: 185px; } }
            @media only screen and (max-width: 384px) {
              #main-tya .ais-container .ais-slide .item .content .name {
                margin: 0 0 0 -26%;
                font-size: 1.3rem;
                max-width: 185px; } }
          #main-tya .ais-container .ais-slide .item .content .des {
            width: 90%;
            margin-top: 10px;
            margin-bottom: 20px;
            margin-left: -50px;
            opacity: 0;
            animation: animate 1s ease-in-out 0.3s 1 forwards;
            font-family: 'Poppins'; }
            @media only screen and (min-width: 430px) and (max-width: 932px) {
              #main-tya .ais-container .ais-slide .item .content .des {
                margin: 0 0 0 -26%;
                max-width: 164px;
                font-weight: 600;
                font-size: .87rem;
                backdrop-filter: blur(20px); } }
            @media only screen and (min-width: 428px) and (max-width: 926px) {
              #main-tya .ais-container .ais-slide .item .content .des {
                margin: 0 0 0 -26%;
                max-width: 164px;
                font-weight: 600;
                font-size: .87rem;
                backdrop-filter: blur(20px); } }
            @media only screen and (min-width: 393px) and (max-width: 852px) {
              #main-tya .ais-container .ais-slide .item .content .des {
                margin: 0 0 0 -26%;
                max-width: 164px;
                font-weight: 600;
                font-size: .87rem;
                backdrop-filter: blur(20px); } }
            @media only screen and (max-width: 390px) and (max-height: 844px) {
              #main-tya .ais-container .ais-slide .item .content .des {
                margin: 0 0 0 -26%;
                max-width: 164px;
                font-weight: 600;
                font-size: .87rem;
                backdrop-filter: blur(20px); } }
            @media only screen and (max-width: 384px) {
              #main-tya .ais-container .ais-slide .item .content .des {
                margin: 0 0 0 -26%;
                max-width: 164px;
                font-weight: 600;
                font-size: .87rem;
                backdrop-filter: blur(20px); } }

@keyframes animate {
  from {
    opacity: 0;
    transform: translate(0, 100px);
    filter: blur(33px); }
  to {
    opacity: 1;
    transform: translate(0);
    filter: blur(0); } }
      #main-tya .ais-container .ais-slide .item:nth-child(1),
      #main-tya .ais-container .ais-slide .item:nth-child(2) {
        top: 0;
        left: 0;
        transform: translate(0, 0);
        border-radius: 0;
        width: 100%;
        height: 100%; }
      #main-tya .ais-container .ais-slide .item:nth-child(3) {
        left: 50%; }
      #main-tya .ais-container .ais-slide .item:nth-child(4) {
        left: calc(50% + 220px); }
      #main-tya .ais-container .ais-slide .item:nth-child(5) {
        left: calc(50% + 440px); }
      #main-tya .ais-container .ais-slide .item:nth-child(n + 6) {
        left: calc(50% + 660px);
        opacity: 0; }
      #main-tya .ais-container .ais-slide .item:nth-child(2) .content {
        display: block; }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        #main-tya .ais-container .ais-slide .item {
          margin: 0 0 0 -2%; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        #main-tya .ais-container .ais-slide .item {
          margin: 0 0 0 -2%; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        #main-tya .ais-container .ais-slide .item {
          margin: 0 0 0 -2%; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        #main-tya .ais-container .ais-slide .item {
          margin: 0 0 0 -2%; } }
      @media only screen and (max-width: 384px) {
        #main-tya .ais-container .ais-slide .item {
          margin: 0 0 0 -2%; } }
    #main-tya .ais-container .button {
      width: 100%;
      text-align: center;
      position: absolute;
      bottom: 20px;
      font-size: 28px;
      cursor: pointer;
      margin: 0 0 0 -200px; }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        #main-tya .ais-container .button {
          margin: 0 0 0 18%; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        #main-tya .ais-container .button {
          margin: 0 0 0 18%; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        #main-tya .ais-container .button {
          margin: 0 0 0 18%; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        #main-tya .ais-container .button {
          margin: 0 0 0 18%; } }
      @media only screen and (max-width: 384px) {
        #main-tya .ais-container .button {
          margin: 0 0 0 18%; } }
      #main-tya .ais-container .button span {
        width: 40px;
        height: 35px;
        border-radius: 8px;
        border: none;
        cursor: pointer;
        margin: 0 5px;
        border: 1px solid #5c7383;
        transition: 0.3s; }
      #main-tya .ais-container .button span:hover {
        background: #ababab;
        color: #fff; }
  #main-tya .slider-tya {
    margin-bottom: 10px;
    width: 100%;
    height: 140px;
    margin: auto;
    overflow: hidden;
    background: #273238; }
    @media only screen and (max-width: 768px) {
      #main-tya .slider-tya {
        margin-top: 235px;
        background: #fff; } }
    #main-tya .slider-tya .slide-track-tya {
      display: flex;
      animation: scroll 40s linear infinite;
      -webkit-animation: scroll 40s linear infinite;
      width: calc(200px * 14);
      margin: -132px 0 0 0; }
      #main-tya .slider-tya .slide-track-tya .slide-tya {
        width: 200px; }
        #main-tya .slider-tya .slide-track-tya .slide-tya img {
          width: 100%; }

@keyframes scroll {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0); }
  100% {
    -webkit-transform: translateX(calc(-200px * 7));
    transform: translateX(calc(-200px * 7)); } }
  #main-tya .banner-shop-tya {
    background-color: #8baac0;
    height: 245px;
    width: 100%;
    padding: 1px;
    margin: 0 0 0 0; }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      #main-tya .banner-shop-tya {
        margin: 0 0 0 0;
        height: 336px; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      #main-tya .banner-shop-tya {
        margin: 0 0 0 0;
        height: 334px; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      #main-tya .banner-shop-tya {
        margin: 0 0 0 0;
        height: 300px; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      #main-tya .banner-shop-tya {
        margin: 0 0 0 0;
        height: 300px; } }
    @media only screen and (max-width: 384px) {
      #main-tya .banner-shop-tya {
        margin: 0 0 0 0;
        height: 300px; } }
    #main-tya .banner-shop-tya h2 {
      font-family: 'Poppins';
      font-weight: 300;
      font-size: 2rem;
      color: #fff;
      width: 100%;
      display: flex;
      position: relative;
      text-align: center;
      justify-content: center;
      align-items: center;
      top: 20%; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        #main-tya .banner-shop-tya h2 {
          max-width: 1000px;
          margin-left: 19%; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        #main-tya .banner-shop-tya h2 {
          margin: -13% 0 0 5%;
          font-size: 1rem;
          max-width: 90%; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        #main-tya .banner-shop-tya h2 {
          margin: -13% 0 0 5%;
          font-size: 1rem;
          max-width: 90%; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        #main-tya .banner-shop-tya h2 {
          margin: -13% 0 0 5%;
          font-size: 1rem;
          max-width: 90%; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        #main-tya .banner-shop-tya h2 {
          margin: -13% 0 0 5%;
          font-size: 1rem;
          max-width: 90%; } }
      @media only screen and (max-width: 384px) {
        #main-tya .banner-shop-tya h2 {
          margin: -13% 0 0 5%;
          font-size: 1rem;
          max-width: 90%; } }
    #main-tya .banner-shop-tya .btn-e-shop-tya {
      display: flex;
      position: absolute;
      background: #5c7383;
      border: 2px solid #fff;
      border-radius: 30px;
      padding: 10px 0px 10px 35px;
      width: 243px;
      margin-top: 5%;
      margin-left: 42%; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        #main-tya .banner-shop-tya .btn-e-shop-tya {
          margin-left: 42%;
          background: #273238;
          width: 300px;
          height: 60px; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        #main-tya .banner-shop-tya .btn-e-shop-tya {
          margin: 22% 0 0 23%; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        #main-tya .banner-shop-tya .btn-e-shop-tya {
          margin: 22% 0 0 23%; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        #main-tya .banner-shop-tya .btn-e-shop-tya {
          margin: 22% 0 0 23%; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        #main-tya .banner-shop-tya .btn-e-shop-tya {
          margin: 22% 0 0 23%; } }
      @media only screen and (max-width: 384px) {
        #main-tya .banner-shop-tya .btn-e-shop-tya {
          margin: 22% 0 0 23%; } }
      #main-tya .banner-shop-tya .btn-e-shop-tya a {
        text-decoration: none;
        color: #fff;
        margin: 0 10%; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          #main-tya .banner-shop-tya .btn-e-shop-tya a {
            color: #ffffff;
            font-size: 1.5rem;
            margin-left: 14px; } }
      #main-tya .banner-shop-tya .btn-e-shop-tya .btn-e-shop-tya:hover {
        cursor: pointer;
        transition: all .3s ease-in-out;
        background-color: #d30809;
        color: #fff; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          #main-tya .banner-shop-tya .btn-e-shop-tya .btn-e-shop-tya:hover {
            background-color: #d30809;
            color: #fff; } }
  @media only screen and (max-width: 768px) {
    #main-tya .disposicion-tya {
      height: 556px;
      margin-bottom: -33.5%;
      margin-top: -40%;
      background: #fff; } }
  @media only screen and (min-width: 430px) and (max-width: 932px) {
    #main-tya .disposicion-tya {
      margin-bottom: 11%; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    #main-tya .disposicion-tya {
      margin-bottom: 11%; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    #main-tya .disposicion-tya {
      margin-bottom: 11%; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    #main-tya .disposicion-tya {
      margin-bottom: 11%; } }
  @media only screen and (max-width: 360px) and (max-height: 640px) {
    #main-tya .disposicion-tya {
      margin-bottom: -78%; } }
  #main-tya .disposicion-tya .disposicion-6-tya {
    height: 70vh;
    background-image: url(https://i.pinimg.com/564x/09/dc/24/09dc24e77ec05440710cbc536e6426b5.jpg);
    filter: opacity(25%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      #main-tya .disposicion-tya .disposicion-6-tya {
        height: 270px; } }
  #main-tya .disposicion-tya .disposicion-content {
    display: flex; }
    #main-tya .disposicion-tya .disposicion-content .disposicion-title {
      font-family: 'Poppins';
      font-weight: 300;
      font-size: 2rem;
      color: #000;
      width: 100%;
      display: flex;
      position: relative;
      text-align: center;
      justify-content: center;
      align-items: center;
      margin-top: -38%; }
      @media only screen and (max-width: 768px) {
        #main-tya .disposicion-tya .disposicion-content .disposicion-title {
          width: 90%;
          font-size: 1.1rem;
          margin: -100% 0 0 20px; } }
  #main-tya .disposicion-tya .btn-redirect-tya {
    display: flex;
    position: absolute;
    margin-top: -14%;
    margin-left: 42%;
    background: #273238;
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 10px 0px 10px 35px;
    width: 243px;
    transition: 0.3s; }
    @media only screen and (max-width: 768px) {
      #main-tya .disposicion-tya .btn-redirect-tya {
        display: flex;
        margin: -140px 0 0 90px; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      #main-tya .disposicion-tya .btn-redirect-tya {
        margin-left: 42%;
        background: #273238;
        width: 300px;
        height: 60px; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      #main-tya .disposicion-tya .btn-redirect-tya {
        margin: -29% 84px; } }
    #main-tya .disposicion-tya .btn-redirect-tya a {
      font-size: 'Poppins';
      font-weight: 400;
      text-decoration: none;
      color: #fff;
      margin: 0 10%; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        #main-tya .disposicion-tya .btn-redirect-tya a {
          color: #ffffff;
          font-size: 1.5rem;
          margin-left: 14px; } }
  #main-tya .disposicion-tya .btn-redirect-tya:hover {
    cursor: pointer;
    transition: all .3s ease-in-out;
    background-color: #d30809;
    color: #fff;
    font-family: 'Poppins';
    font-weight: 500;
    transition: 0.3s; }

.techos {
  margin: 0% 0 -9% 0; }

.techos, .alveolar {
  position: relative;
  height: 650px;
  width: 100%;
  z-index: 1; }
  @media only screen and (min-width: 430px) and (max-width: 932px) {
    .techos, .alveolar {
      display: flex;
      margin: -47% 0 0 0;
      background-color: #fff;
      height: 860px; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    .techos, .alveolar {
      display: flex;
      margin: -47% 0 0 0;
      background-color: #fff;
      height: 860px; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    .techos, .alveolar {
      display: flex;
      margin: -47% 0 0 0;
      background-color: #fff;
      height: 860px; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    .techos, .alveolar {
      display: flex;
      margin: -47% 0 0 0;
      background-color: #fff;
      height: 860px; } }
  @media only screen and (max-width: 384px) {
    .techos, .alveolar {
      display: flex;
      margin: -47% 0 0 0;
      background-color: #fff;
      height: 860px; } }
  @media only screen and (max-width: 360px) and (max-height: 640px) {
    .techos, .alveolar {
      display: flex;
      margin: -47% 0 0 0;
      background-color: #fff;
      height: 860px; } }
  .techos::before, .alveolar::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    filter: brightness(40%) contrast(120%) saturate(80%) grayscale(10%); }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .techos::before, .alveolar::before {
        filter: none; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .techos::before, .alveolar::before {
        filter: none; } }
    @media only screen and (max-width: 384px) {
      .techos::before, .alveolar::before {
        filter: none; } }
  .techos h2, .alveolar h2 {
    color: #fff;
    font-size: 2rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    position: absolute;
    margin: 2.5% 0 10px 7.4%;
    z-index: 10;
    background-color: #d30809;
    padding: 15px 10px; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      .techos h2, .alveolar h2 {
        margin: 4% 0 0 4%;
        font-size: 2.5rem; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .techos h2, .alveolar h2 {
        background-color: #d30809;
        font-size: 1.6rem;
        position: relative;
        height: 59px;
        width: 316px;
        max-width: 86%; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .techos h2, .alveolar h2 {
        background-color: #d30809;
        font-size: 1.6rem;
        position: relative;
        height: 59px;
        width: 316px;
        max-width: 86%; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .techos h2, .alveolar h2 {
        background-color: #d30809;
        font-size: 1.6rem;
        position: relative;
        height: 59px;
        width: 316px;
        max-width: 86%; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .techos h2, .alveolar h2 {
        background-color: #d30809;
        font-size: 1.6rem;
        position: relative;
        height: 59px;
        width: 316px;
        max-width: 86%; } }
    @media only screen and (max-width: 384px) {
      .techos h2, .alveolar h2 {
        background-color: #d30809;
        font-size: 1.6rem;
        position: relative;
        height: 59px;
        width: 316px;
        max-width: 86%; } }
  .techos .itemBtn, .techos .itemBtnEspuma, .alveolar .itemBtn, .alveolar .itemBtnEspuma {
    background-color: #273238;
    width: 220px;
    height: 44px;
    position: absolute;
    top: 18%;
    left: 120px;
    border-radius: 20px;
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    transition: 0.5s; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      .techos .itemBtn, .techos .itemBtnEspuma, .alveolar .itemBtn, .alveolar .itemBtnEspuma {
        margin-top: 3%;
        height: 60px;
        width: 320px;
        margin-left: -3.4%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .techos .itemBtn, .techos .itemBtnEspuma, .alveolar .itemBtn, .alveolar .itemBtnEspuma {
        display: none; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .techos .itemBtn, .techos .itemBtnEspuma, .alveolar .itemBtn, .alveolar .itemBtnEspuma {
        display: none; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .techos .itemBtn, .techos .itemBtnEspuma, .alveolar .itemBtn, .alveolar .itemBtnEspuma {
        display: none; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .techos .itemBtn, .techos .itemBtnEspuma, .alveolar .itemBtn, .alveolar .itemBtnEspuma {
        display: none; } }
    @media only screen and (max-width: 384px) {
      .techos .itemBtn, .techos .itemBtnEspuma, .alveolar .itemBtn, .alveolar .itemBtnEspuma {
        display: none; } }
    .techos .itemBtn .contentBtn, .techos .itemBtn .contentBtnEspuma, .techos .itemBtnEspuma .contentBtn, .techos .itemBtnEspuma .contentBtnEspuma, .alveolar .itemBtn .contentBtn, .alveolar .itemBtn .contentBtnEspuma, .alveolar .itemBtnEspuma .contentBtn, .alveolar .itemBtnEspuma .contentBtnEspuma {
      position: relative;
      top: 27%;
      width: 300px;
      text-align: left;
      color: #000;
      left: 50px;
      font-family: "Poppins", sans-serif; }
      .techos .itemBtn .contentBtn span a, .techos .itemBtn .contentBtnEspuma span a, .techos .itemBtnEspuma .contentBtn span a, .techos .itemBtnEspuma .contentBtnEspuma span a, .alveolar .itemBtn .contentBtn span a, .alveolar .itemBtn .contentBtnEspuma span a, .alveolar .itemBtnEspuma .contentBtn span a, .alveolar .itemBtnEspuma .contentBtnEspuma span a {
        color: #fff; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          .techos .itemBtn .contentBtn span a, .techos .itemBtn .contentBtnEspuma span a, .techos .itemBtnEspuma .contentBtn span a, .techos .itemBtnEspuma .contentBtnEspuma span a, .alveolar .itemBtn .contentBtn span a, .alveolar .itemBtn .contentBtnEspuma span a, .alveolar .itemBtnEspuma .contentBtn span a, .alveolar .itemBtnEspuma .contentBtnEspuma span a {
            font-size: 1.4rem;
            margin-left: 22px; } }
  .techos .itemBtn:hover, .techos .itemBtnEspuma:hover, .alveolar .itemBtn:hover, .alveolar .itemBtnEspuma:hover {
    background-color: #d30809; }
  .techos .navTechoAlveolar, .techos .navTecho, .alveolar .navTechoAlveolar, .alveolar .navTecho {
    font-family: "Inter", sans-serif;
    height: 90px;
    position: relative;
    width: 1220px;
    margin: -50.5% 0 0 8%;
    z-index: 555;
    color: #fff; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      .techos .navTechoAlveolar, .techos .navTecho, .alveolar .navTechoAlveolar, .alveolar .navTecho {
        margin: -46% 0 4% 19%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .techos .navTechoAlveolar, .techos .navTecho, .alveolar .navTechoAlveolar, .alveolar .navTecho {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 160px;
        left: 0;
        width: 100%;
        color: #fff; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .techos .navTechoAlveolar, .techos .navTecho, .alveolar .navTechoAlveolar, .alveolar .navTecho {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 160px;
        left: 0;
        width: 100%;
        color: #fff; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .techos .navTechoAlveolar, .techos .navTecho, .alveolar .navTechoAlveolar, .alveolar .navTecho {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 160px;
        left: 0;
        width: 100%;
        color: #fff; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .techos .navTechoAlveolar, .techos .navTecho, .alveolar .navTechoAlveolar, .alveolar .navTecho {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 160px;
        left: 0;
        width: 100%;
        color: #fff; } }
    @media only screen and (max-width: 384px) {
      .techos .navTechoAlveolar, .techos .navTecho, .alveolar .navTechoAlveolar, .alveolar .navTecho {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 160px;
        left: 0;
        width: 100%;
        color: #fff; } }
    .techos .navTechoAlveolar .menuTecho, .techos .navTechoAlveolar .menuTechoAlveolar, .techos .navTecho .menuTecho, .techos .navTecho .menuTechoAlveolar, .alveolar .navTechoAlveolar .menuTecho, .alveolar .navTechoAlveolar .menuTechoAlveolar, .alveolar .navTecho .menuTecho, .alveolar .navTecho .menuTechoAlveolar {
      position: relative;
      margin: 24px 0 0 58%;
      max-width: 450px;
      overflow: hidden; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        .techos .navTechoAlveolar .menuTecho, .techos .navTechoAlveolar .menuTechoAlveolar, .techos .navTecho .menuTecho, .techos .navTecho .menuTechoAlveolar, .alveolar .navTechoAlveolar .menuTecho, .alveolar .navTechoAlveolar .menuTechoAlveolar, .alveolar .navTecho .menuTecho, .alveolar .navTecho .menuTechoAlveolar {
          margin: 0 0 0 128px;
          white-space: nowrap;
          max-width: 1000px; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .techos .navTechoAlveolar .menuTecho, .techos .navTechoAlveolar .menuTechoAlveolar, .techos .navTecho .menuTecho, .techos .navTecho .menuTechoAlveolar, .alveolar .navTechoAlveolar .menuTecho, .alveolar .navTechoAlveolar .menuTechoAlveolar, .alveolar .navTecho .menuTecho, .alveolar .navTecho .menuTechoAlveolar {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 0;
          width: 467px;
          margin: -72px 0 0 -129px;
          list-style: none; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .techos .navTechoAlveolar .menuTecho, .techos .navTechoAlveolar .menuTechoAlveolar, .techos .navTecho .menuTecho, .techos .navTecho .menuTechoAlveolar, .alveolar .navTechoAlveolar .menuTecho, .alveolar .navTechoAlveolar .menuTechoAlveolar, .alveolar .navTecho .menuTecho, .alveolar .navTecho .menuTechoAlveolar {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 0;
          width: 467px;
          margin: -72px 0 0 -129px;
          list-style: none; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .techos .navTechoAlveolar .menuTecho, .techos .navTechoAlveolar .menuTechoAlveolar, .techos .navTecho .menuTecho, .techos .navTecho .menuTechoAlveolar, .alveolar .navTechoAlveolar .menuTecho, .alveolar .navTechoAlveolar .menuTechoAlveolar, .alveolar .navTecho .menuTecho, .alveolar .navTecho .menuTechoAlveolar {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 0;
          width: 467px;
          margin: -72px 0 0 -129px;
          list-style: none; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .techos .navTechoAlveolar .menuTecho, .techos .navTechoAlveolar .menuTechoAlveolar, .techos .navTecho .menuTecho, .techos .navTecho .menuTechoAlveolar, .alveolar .navTechoAlveolar .menuTecho, .alveolar .navTechoAlveolar .menuTechoAlveolar, .alveolar .navTecho .menuTecho, .alveolar .navTecho .menuTechoAlveolar {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 0;
          width: 467px;
          margin: -72px 0 0 -129px;
          list-style: none; } }
      @media only screen and (max-width: 384px) {
        .techos .navTechoAlveolar .menuTecho, .techos .navTechoAlveolar .menuTechoAlveolar, .techos .navTecho .menuTecho, .techos .navTecho .menuTechoAlveolar, .alveolar .navTechoAlveolar .menuTecho, .alveolar .navTechoAlveolar .menuTechoAlveolar, .alveolar .navTecho .menuTecho, .alveolar .navTecho .menuTechoAlveolar {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 0;
          width: 467px;
          margin: -72px 0 0 -129px;
          list-style: none; } }
      .techos .navTechoAlveolar .menuTecho ul, .techos .navTechoAlveolar .menuTechoAlveolar ul, .techos .navTecho .menuTecho ul, .techos .navTecho .menuTechoAlveolar ul, .alveolar .navTechoAlveolar .menuTecho ul, .alveolar .navTechoAlveolar .menuTechoAlveolar ul, .alveolar .navTecho .menuTecho ul, .alveolar .navTecho .menuTechoAlveolar ul {
        width: 80%;
        margin: 19.8% 0% 0% 20%;
        padding-right: 0;
        display: flex;
        justify-content: space-between;
        font-size: .9rem;
        font-weight: bold; }
        @media only screen and (max-width: 1024px) {
          .techos .navTechoAlveolar .menuTecho ul, .techos .navTechoAlveolar .menuTechoAlveolar ul, .techos .navTecho .menuTecho ul, .techos .navTecho .menuTechoAlveolar ul, .alveolar .navTechoAlveolar .menuTecho ul, .alveolar .navTechoAlveolar .menuTechoAlveolar ul, .alveolar .navTecho .menuTecho ul, .alveolar .navTecho .menuTechoAlveolar ul {
            margin: 0% 0 0 27%;
            backdrop-filter: blur(20px);
            max-width: 353px;
            padding: 7px;
            border-radius: 20px; } }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          .techos .navTechoAlveolar .menuTecho ul, .techos .navTechoAlveolar .menuTechoAlveolar ul, .techos .navTecho .menuTecho ul, .techos .navTecho .menuTechoAlveolar ul, .alveolar .navTechoAlveolar .menuTecho ul, .alveolar .navTechoAlveolar .menuTechoAlveolar ul, .alveolar .navTecho .menuTecho ul, .alveolar .navTecho .menuTechoAlveolar ul {
            display: flex; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          .techos .navTechoAlveolar .menuTecho ul, .techos .navTechoAlveolar .menuTechoAlveolar ul, .techos .navTecho .menuTecho ul, .techos .navTecho .menuTechoAlveolar ul, .alveolar .navTechoAlveolar .menuTecho ul, .alveolar .navTechoAlveolar .menuTechoAlveolar ul, .alveolar .navTecho .menuTecho ul, .alveolar .navTecho .menuTechoAlveolar ul {
            display: flex; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          .techos .navTechoAlveolar .menuTecho ul, .techos .navTechoAlveolar .menuTechoAlveolar ul, .techos .navTecho .menuTecho ul, .techos .navTecho .menuTechoAlveolar ul, .alveolar .navTechoAlveolar .menuTecho ul, .alveolar .navTechoAlveolar .menuTechoAlveolar ul, .alveolar .navTecho .menuTecho ul, .alveolar .navTecho .menuTechoAlveolar ul {
            display: flex; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          .techos .navTechoAlveolar .menuTecho ul, .techos .navTechoAlveolar .menuTechoAlveolar ul, .techos .navTecho .menuTecho ul, .techos .navTecho .menuTechoAlveolar ul, .alveolar .navTechoAlveolar .menuTecho ul, .alveolar .navTechoAlveolar .menuTechoAlveolar ul, .alveolar .navTecho .menuTecho ul, .alveolar .navTecho .menuTechoAlveolar ul {
            display: flex; } }
        @media only screen and (max-width: 384px) {
          .techos .navTechoAlveolar .menuTecho ul, .techos .navTechoAlveolar .menuTechoAlveolar ul, .techos .navTecho .menuTecho ul, .techos .navTecho .menuTechoAlveolar ul, .alveolar .navTechoAlveolar .menuTecho ul, .alveolar .navTechoAlveolar .menuTechoAlveolar ul, .alveolar .navTecho .menuTecho ul, .alveolar .navTecho .menuTechoAlveolar ul {
            display: flex; } }
        .techos .navTechoAlveolar .menuTecho ul .nav__itemTecho, .techos .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar, .techos .navTecho .menuTecho ul .nav__itemTecho, .techos .navTecho .menuTecho ul .nav__itemTechoAlveolar, .techos .navTecho .menuTechoAlveolar ul .nav__itemTecho, .techos .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTecho, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar, .alveolar .navTecho .menuTecho ul .nav__itemTecho, .alveolar .navTecho .menuTecho ul .nav__itemTechoAlveolar, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTecho, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar {
          margin-top: .5%;
          color: #ffffff; }
          @media only screen and (min-width: 1600px) and (max-width: 1920px) {
            .techos .navTechoAlveolar .menuTecho ul .nav__itemTecho, .techos .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar, .techos .navTecho .menuTecho ul .nav__itemTecho, .techos .navTecho .menuTecho ul .nav__itemTechoAlveolar, .techos .navTecho .menuTechoAlveolar ul .nav__itemTecho, .techos .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTecho, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar, .alveolar .navTecho .menuTecho ul .nav__itemTecho, .alveolar .navTecho .menuTecho ul .nav__itemTechoAlveolar, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTecho, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar {
              margin: 21% 0 0 26%; } }
          .techos .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTecho, .techos .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar, .techos .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho, .techos .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar, .techos .navTecho .menuTecho ul .nav__itemTecho .nav__linkTecho, .techos .navTecho .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar, .techos .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho, .techos .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar, .techos .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho, .techos .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar, .techos .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho, .techos .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTecho, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar, .alveolar .navTecho .menuTecho ul .nav__itemTecho .nav__linkTecho, .alveolar .navTecho .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar, .alveolar .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho, .alveolar .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar {
            color: #273238;
            cursor: pointer;
            list-style: none;
            text-decoration: none;
            position: relative; }
            @media only screen and (min-width: 1600px) and (max-width: 1920px) {
              .techos .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTecho, .techos .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar, .techos .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho, .techos .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar, .techos .navTecho .menuTecho ul .nav__itemTecho .nav__linkTecho, .techos .navTecho .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar, .techos .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho, .techos .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar, .techos .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho, .techos .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar, .techos .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho, .techos .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTecho, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar, .alveolar .navTecho .menuTecho ul .nav__itemTecho .nav__linkTecho, .alveolar .navTecho .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar, .alveolar .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho, .alveolar .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar {
                font-size: 1.1rem; } }
            .techos .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTecho:before, .techos .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar:before, .techos .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho:before, .techos .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar:before, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho:before, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar:before, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho:before, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar:before, .techos .navTecho .menuTecho ul .nav__itemTecho .nav__linkTecho:before, .techos .navTecho .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar:before, .techos .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho:before, .techos .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar:before, .techos .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho:before, .techos .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar:before, .techos .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho:before, .techos .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar:before, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTecho:before, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar:before, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho:before, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar:before, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho:before, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar:before, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho:before, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar:before, .alveolar .navTecho .menuTecho ul .nav__itemTecho .nav__linkTecho:before, .alveolar .navTecho .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar:before, .alveolar .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho:before, .alveolar .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar:before, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho:before, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar:before, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho:before, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar:before {
              content: "";
              position: absolute;
              bottom: -2px;
              left: 0;
              width: 0;
              height: 2px;
              background-color: transparent;
              transition: width 0.3s ease; }
            .techos .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTecho.active-card, .techos .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar.active-card, .techos .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho.active-card, .techos .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar.active-card, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho.active-card, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar.active-card, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho.active-card, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar.active-card, .techos .navTecho .menuTecho ul .nav__itemTecho .nav__linkTecho.active-card, .techos .navTecho .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar.active-card, .techos .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho.active-card, .techos .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar.active-card, .techos .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho.active-card, .techos .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar.active-card, .techos .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho.active-card, .techos .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar.active-card, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTecho.active-card, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar.active-card, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho.active-card, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar.active-card, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho.active-card, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar.active-card, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho.active-card, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar.active-card, .alveolar .navTecho .menuTecho ul .nav__itemTecho .nav__linkTecho.active-card, .alveolar .navTecho .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar.active-card, .alveolar .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho.active-card, .alveolar .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar.active-card, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho.active-card, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar.active-card, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho.active-card, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar.active-card {
              color: #d30809;
              font-weight: bold; }
              .techos .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTecho.active-card:before, .techos .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar.active-card:before, .techos .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho.active-card:before, .techos .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar.active-card:before, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho.active-card:before, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar.active-card:before, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho.active-card:before, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar.active-card:before, .techos .navTecho .menuTecho ul .nav__itemTecho .nav__linkTecho.active-card:before, .techos .navTecho .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar.active-card:before, .techos .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho.active-card:before, .techos .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar.active-card:before, .techos .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho.active-card:before, .techos .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar.active-card:before, .techos .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho.active-card:before, .techos .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar.active-card:before, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTecho.active-card:before, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar.active-card:before, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho.active-card:before, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar.active-card:before, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho.active-card:before, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar.active-card:before, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho.active-card:before, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar.active-card:before, .alveolar .navTecho .menuTecho ul .nav__itemTecho .nav__linkTecho.active-card:before, .alveolar .navTecho .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar.active-card:before, .alveolar .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho.active-card:before, .alveolar .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar.active-card:before, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho.active-card:before, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar.active-card:before, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho.active-card:before, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar.active-card:before {
                width: 100%;
                background-color: #d30809; }
            .techos .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTecho:hover, .techos .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar:hover, .techos .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho:hover, .techos .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar:hover, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho:hover, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar:hover, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho:hover, .techos .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar:hover, .techos .navTecho .menuTecho ul .nav__itemTecho .nav__linkTecho:hover, .techos .navTecho .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar:hover, .techos .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho:hover, .techos .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar:hover, .techos .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho:hover, .techos .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar:hover, .techos .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho:hover, .techos .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar:hover, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTecho:hover, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar:hover, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho:hover, .alveolar .navTechoAlveolar .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar:hover, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho:hover, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar:hover, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho:hover, .alveolar .navTechoAlveolar .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar:hover, .alveolar .navTecho .menuTecho ul .nav__itemTecho .nav__linkTecho:hover, .alveolar .navTecho .menuTecho ul .nav__itemTecho .nav__linkTechoAlveolar:hover, .alveolar .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTecho:hover, .alveolar .navTecho .menuTecho ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar:hover, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTecho:hover, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTecho .nav__linkTechoAlveolar:hover, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTecho:hover, .alveolar .navTecho .menuTechoAlveolar ul .nav__itemTechoAlveolar .nav__linkTechoAlveolar:hover {
              color: #d30809; }
  .techos .containerTecho, .techos .containerTechoAlveolar, .alveolar .containerTecho, .alveolar .containerTechoAlveolar {
    display: flex;
    justify-content: center;
    height: 100vh;
    align-items: center;
    margin: -10.5% 0 0 20.5%;
    z-index: 333;
    position: relative; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      .techos .containerTecho, .techos .containerTechoAlveolar, .alveolar .containerTecho, .alveolar .containerTechoAlveolar {
        height: 400px;
        width: 1000px;
        margin: 2% 0 0 32%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .techos .containerTecho, .techos .containerTechoAlveolar, .alveolar .containerTecho, .alveolar .containerTechoAlveolar {
        margin: -17% 0 0 -62%;
        height: 700px;
        display: block; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .techos .containerTecho, .techos .containerTechoAlveolar, .alveolar .containerTecho, .alveolar .containerTechoAlveolar {
        margin: -17% 0 0 -62%;
        height: 700px;
        display: block; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .techos .containerTecho, .techos .containerTechoAlveolar, .alveolar .containerTecho, .alveolar .containerTechoAlveolar {
        margin: -17% 0 0 -62%;
        height: 700px;
        display: block; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .techos .containerTecho, .techos .containerTechoAlveolar, .alveolar .containerTecho, .alveolar .containerTechoAlveolar {
        margin: -17% 0 0 -62%;
        height: 700px;
        display: block; } }
    @media only screen and (max-width: 384px) {
      .techos .containerTecho, .techos .containerTechoAlveolar, .alveolar .containerTecho, .alveolar .containerTechoAlveolar {
        margin: -17% 0 0 -62%;
        height: 700px;
        display: block; } }
    .techos .containerTecho .techo-background-left-column, .techos .containerTechoAlveolar .techo-background-left-column, .alveolar .containerTecho .techo-background-left-column, .alveolar .containerTechoAlveolar .techo-background-left-column {
      background: #273238; }
      @media only screen and (max-width: 384px) {
        .techos .containerTecho .techo-background-left-column, .techos .containerTechoAlveolar .techo-background-left-column, .alveolar .containerTecho .techo-background-left-column, .alveolar .containerTechoAlveolar .techo-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
    .techos .containerTecho .techo-background2-left-column, .techos .containerTechoAlveolar .techo-background2-left-column, .alveolar .containerTecho .techo-background2-left-column, .alveolar .containerTechoAlveolar .techo-background2-left-column {
      background: #3b4c55; }
    .techos .containerTecho .background3, .techos .containerTechoAlveolar .background3, .alveolar .containerTecho .background3, .alveolar .containerTechoAlveolar .background3 {
      background: #ffffff; }
  .techos .cardTecho, .techos .cardTechoAlveolar, .alveolar .cardTecho, .alveolar .cardTechoAlveolar {
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
    display: flex;
    margin: 1.5rem;
    overflow: hidden;
    width: 58rem;
    height: 23rem;
    z-index: 444;
    position: relative;
    margin-top: 13%; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      .techos .cardTecho, .techos .cardTechoAlveolar, .alveolar .cardTecho, .alveolar .cardTechoAlveolar {
        height: 400px;
        width: 1000px;
        margin-top: 18%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .techos .cardTecho, .techos .cardTechoAlveolar, .alveolar .cardTecho, .alveolar .cardTechoAlveolar {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 113%;
        margin: 8% 0 0 -19%;
        height: 95%; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .techos .cardTecho, .techos .cardTechoAlveolar, .alveolar .cardTecho, .alveolar .cardTechoAlveolar {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 113%;
        margin: 8% 0 0 -19%;
        height: 95%; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .techos .cardTecho, .techos .cardTechoAlveolar, .alveolar .cardTecho, .alveolar .cardTechoAlveolar {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 113%;
        margin: 8% 0 0 -19%;
        height: 95%; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .techos .cardTecho, .techos .cardTechoAlveolar, .alveolar .cardTecho, .alveolar .cardTechoAlveolar {
        position: relative;
        /* Establecer el contenedor padre como relativo */
        display: flex;
        /* Utilizar flexbox para alinear elementos */
        flex-direction: column;
        /* Establecer dirección de columna */
        justify-content: space-between;
        /* Espacio entre elementos */
        width: 113%;
        margin: 8% 0 0 -19%;
        height: 95%; } }
    @media only screen and (max-width: 384px) {
      .techos .cardTecho, .techos .cardTechoAlveolar, .alveolar .cardTecho, .alveolar .cardTechoAlveolar {
        position: relative;
        /* Establecer el contenedor padre como relativo */
        display: flex;
        /* Utilizar flexbox para alinear elementos */
        flex-direction: column;
        /* Establecer dirección de columna */
        justify-content: space-between;
        /* Espacio entre elementos */
        width: 113%;
        margin: 8% 0 0 -19%;
        height: 95%; } }
    @media only screen and (max-width: 375px) and (max-height: 667px) {
      .techos .cardTecho, .techos .cardTechoAlveolar, .alveolar .cardTecho, .alveolar .cardTechoAlveolar {
        position: relative;
        /* Establecer el contenedor padre como relativo */
        display: flex;
        /* Utilizar flexbox para alinear elementos */
        flex-direction: column;
        /* Establecer dirección de columna */
        justify-content: space-between;
        /* Espacio entre elementos */
        width: 113%;
        margin: 8% 0 0 -22%;
        height: 95%; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      .techos .cardTecho, .techos .cardTechoAlveolar, .alveolar .cardTecho, .alveolar .cardTechoAlveolar {
        position: relative;
        /* Establecer el contenedor padre como relativo */
        display: flex;
        /* Utilizar flexbox para alinear elementos */
        flex-direction: column;
        /* Establecer dirección de columna */
        justify-content: space-between;
        /* Espacio entre elementos */
        width: 113%;
        margin: 8% 0 0 -28%;
        height: 95%; } }
    .techos .cardTecho h2, .techos .cardTechoAlveolar h2, .alveolar .cardTecho h2, .alveolar .cardTechoAlveolar h2 {
      letter-spacing: .1rem;
      margin: 1rem 0;
      color: #000; }
    .techos .cardTecho h6, .techos .cardTechoAlveolar h6, .alveolar .cardTecho h6, .alveolar .cardTechoAlveolar h6 {
      opacity: 0.6;
      letter-spacing: .1rem;
      text-transform: uppercase; }
    .techos .cardTecho .techo-left-column, .techos .cardTecho .techoAlveolar-left-column, .techos .cardTechoAlveolar .techo-left-column, .techos .cardTechoAlveolar .techoAlveolar-left-column, .alveolar .cardTecho .techo-left-column, .alveolar .cardTecho .techoAlveolar-left-column, .alveolar .cardTechoAlveolar .techo-left-column, .alveolar .cardTechoAlveolar .techoAlveolar-left-column {
      color: #fff;
      padding: 2rem;
      height: 23rem;
      max-width: 10rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      flex: 1; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        .techos .cardTecho .techo-left-column, .techos .cardTecho .techoAlveolar-left-column, .techos .cardTechoAlveolar .techo-left-column, .techos .cardTechoAlveolar .techoAlveolar-left-column, .alveolar .cardTecho .techo-left-column, .alveolar .cardTecho .techoAlveolar-left-column, .alveolar .cardTechoAlveolar .techo-left-column, .alveolar .cardTechoAlveolar .techoAlveolar-left-column {
          height: 55vh; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .techos .cardTecho .techo-left-column, .techos .cardTecho .techoAlveolar-left-column, .techos .cardTechoAlveolar .techo-left-column, .techos .cardTechoAlveolar .techoAlveolar-left-column, .alveolar .cardTecho .techo-left-column, .alveolar .cardTecho .techoAlveolar-left-column, .alveolar .cardTechoAlveolar .techo-left-column, .alveolar .cardTechoAlveolar .techoAlveolar-left-column {
          display: none;
          order: 1;
          /* Colocar a la izquierda (por defecto) */
          max-width: 347.5px;
          max-height: 100px;
          z-index: 1; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .techos .cardTecho .techo-left-column, .techos .cardTecho .techoAlveolar-left-column, .techos .cardTechoAlveolar .techo-left-column, .techos .cardTechoAlveolar .techoAlveolar-left-column, .alveolar .cardTecho .techo-left-column, .alveolar .cardTecho .techoAlveolar-left-column, .alveolar .cardTechoAlveolar .techo-left-column, .alveolar .cardTechoAlveolar .techoAlveolar-left-column {
          display: none;
          order: 1;
          /* Colocar a la izquierda (por defecto) */
          max-width: 347.5px;
          max-height: 100px;
          z-index: 1; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .techos .cardTecho .techo-left-column, .techos .cardTecho .techoAlveolar-left-column, .techos .cardTechoAlveolar .techo-left-column, .techos .cardTechoAlveolar .techoAlveolar-left-column, .alveolar .cardTecho .techo-left-column, .alveolar .cardTecho .techoAlveolar-left-column, .alveolar .cardTechoAlveolar .techo-left-column, .alveolar .cardTechoAlveolar .techoAlveolar-left-column {
          display: none;
          order: 1;
          /* Colocar a la izquierda (por defecto) */
          max-width: 347.5px;
          max-height: 100px;
          z-index: 1; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .techos .cardTecho .techo-left-column, .techos .cardTecho .techoAlveolar-left-column, .techos .cardTechoAlveolar .techo-left-column, .techos .cardTechoAlveolar .techoAlveolar-left-column, .alveolar .cardTecho .techo-left-column, .alveolar .cardTecho .techoAlveolar-left-column, .alveolar .cardTechoAlveolar .techo-left-column, .alveolar .cardTechoAlveolar .techoAlveolar-left-column {
          display: none;
          order: 1;
          /* Colocar a la izquierda (por defecto) */
          max-width: 347.5px;
          max-height: 100px;
          z-index: 1; } }
      @media only screen and (max-width: 384px) {
        .techos .cardTecho .techo-left-column, .techos .cardTecho .techoAlveolar-left-column, .techos .cardTechoAlveolar .techo-left-column, .techos .cardTechoAlveolar .techoAlveolar-left-column, .alveolar .cardTecho .techo-left-column, .alveolar .cardTecho .techoAlveolar-left-column, .alveolar .cardTechoAlveolar .techo-left-column, .alveolar .cardTechoAlveolar .techoAlveolar-left-column {
          display: none;
          order: 1;
          /* Colocar a la izquierda (por defecto) */
          max-width: 347.5px;
          max-height: 100px;
          z-index: 1; } }
      .techos .cardTecho .techo-left-column h4, .techos .cardTecho .techoAlveolar-left-column h4, .techos .cardTechoAlveolar .techo-left-column h4, .techos .cardTechoAlveolar .techoAlveolar-left-column h4, .alveolar .cardTecho .techo-left-column h4, .alveolar .cardTecho .techoAlveolar-left-column h4, .alveolar .cardTechoAlveolar .techo-left-column h4, .alveolar .cardTechoAlveolar .techoAlveolar-left-column h4 {
        color: #fff;
        padding: 1rem; }
      .techos .cardTecho .techo-left-column i, .techos .cardTecho .techoAlveolar-left-column i, .techos .cardTechoAlveolar .techo-left-column i, .techos .cardTechoAlveolar .techoAlveolar-left-column i, .alveolar .cardTecho .techo-left-column i, .alveolar .cardTecho .techoAlveolar-left-column i, .alveolar .cardTechoAlveolar .techo-left-column i, .alveolar .cardTechoAlveolar .techoAlveolar-left-column i {
        font-size: 5rem; }
    .techos .cardTecho .techo-right-column, .techos .cardTechoAlveolar .techo-right-column, .alveolar .cardTecho .techo-right-column, .alveolar .cardTechoAlveolar .techo-right-column {
      padding: 2rem;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      margin: -42% 0px 0 16%;
      max-width: 500px; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        .techos .cardTecho .techo-right-column, .techos .cardTechoAlveolar .techo-right-column, .alveolar .cardTecho .techo-right-column, .alveolar .cardTechoAlveolar .techo-right-column {
          margin-top: -40%; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .techos .cardTecho .techo-right-column, .techos .cardTechoAlveolar .techo-right-column, .alveolar .cardTecho .techo-right-column, .alveolar .cardTechoAlveolar .techo-right-column {
          max-width: 100%;
          order: 2;
          margin: 60% 0 0 0px;
          z-index: 999; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .techos .cardTecho .techo-right-column, .techos .cardTechoAlveolar .techo-right-column, .alveolar .cardTecho .techo-right-column, .alveolar .cardTechoAlveolar .techo-right-column {
          max-width: 100%;
          order: 2;
          margin: 60% 0 0 0px;
          z-index: 999; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .techos .cardTecho .techo-right-column, .techos .cardTechoAlveolar .techo-right-column, .alveolar .cardTecho .techo-right-column, .alveolar .cardTechoAlveolar .techo-right-column {
          max-width: 100%;
          order: 2;
          margin: 60% 0 0 0px;
          z-index: 999; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .techos .cardTecho .techo-right-column, .techos .cardTechoAlveolar .techo-right-column, .alveolar .cardTecho .techo-right-column, .alveolar .cardTechoAlveolar .techo-right-column {
          max-width: 100%;
          order: 2;
          margin: 60% 0 0 0px;
          z-index: 999; } }
      @media only screen and (max-width: 384px) {
        .techos .cardTecho .techo-right-column, .techos .cardTechoAlveolar .techo-right-column, .alveolar .cardTecho .techo-right-column, .alveolar .cardTechoAlveolar .techo-right-column {
          max-width: 100%;
          order: 2;
          margin: 60% 0 0 0px;
          z-index: 999; } }
      .techos .cardTecho .techo-right-column p, .techos .cardTechoAlveolar .techo-right-column p, .alveolar .cardTecho .techo-right-column p, .alveolar .cardTechoAlveolar .techo-right-column p {
        font-family: 'Poppins';
        font-size: .9rem;
        color: #000;
        max-width: 400px; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          .techos .cardTecho .techo-right-column p, .techos .cardTechoAlveolar .techo-right-column p, .alveolar .cardTecho .techo-right-column p, .alveolar .cardTechoAlveolar .techo-right-column p {
            font-size: 1.1rem; } }
      .techos .cardTecho .techo-right-column span, .techos .cardTechoAlveolar .techo-right-column span, .alveolar .cardTecho .techo-right-column span, .alveolar .cardTechoAlveolar .techo-right-column span {
        border-radius: 3rem;
        background: #273238;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
        color: #fff;
        font-size: 1.2rem;
        padding: .8rem 1.3rem;
        letter-spacing: .1rem;
        align-self: flex-end; }
    .techos .cardTecho .techoAlveolar-right-column, .techos .cardTechoAlveolar .techoAlveolar-right-column, .alveolar .cardTecho .techoAlveolar-right-column, .alveolar .cardTechoAlveolar .techoAlveolar-right-column {
      padding: 2rem;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      margin: -41% 0px 0 16%;
      max-width: 500px; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        .techos .cardTecho .techoAlveolar-right-column, .techos .cardTechoAlveolar .techoAlveolar-right-column, .alveolar .cardTecho .techoAlveolar-right-column, .alveolar .cardTechoAlveolar .techoAlveolar-right-column {
          margin-top: -40%; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .techos .cardTecho .techoAlveolar-right-column, .techos .cardTechoAlveolar .techoAlveolar-right-column, .alveolar .cardTecho .techoAlveolar-right-column, .alveolar .cardTechoAlveolar .techoAlveolar-right-column {
          max-width: 100%;
          order: 2;
          margin: 60% 0 0 0px;
          z-index: 999; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .techos .cardTecho .techoAlveolar-right-column, .techos .cardTechoAlveolar .techoAlveolar-right-column, .alveolar .cardTecho .techoAlveolar-right-column, .alveolar .cardTechoAlveolar .techoAlveolar-right-column {
          max-width: 100%;
          order: 2;
          margin: 60% 0 0 0px;
          z-index: 999; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .techos .cardTecho .techoAlveolar-right-column, .techos .cardTechoAlveolar .techoAlveolar-right-column, .alveolar .cardTecho .techoAlveolar-right-column, .alveolar .cardTechoAlveolar .techoAlveolar-right-column {
          max-width: 100%;
          order: 2;
          margin: 60% 0 0 0px;
          z-index: 999; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .techos .cardTecho .techoAlveolar-right-column, .techos .cardTechoAlveolar .techoAlveolar-right-column, .alveolar .cardTecho .techoAlveolar-right-column, .alveolar .cardTechoAlveolar .techoAlveolar-right-column {
          max-width: 100%;
          order: 2;
          margin: 60% 0 0 0px;
          z-index: 999; } }
      @media only screen and (max-width: 384px) {
        .techos .cardTecho .techoAlveolar-right-column, .techos .cardTechoAlveolar .techoAlveolar-right-column, .alveolar .cardTecho .techoAlveolar-right-column, .alveolar .cardTechoAlveolar .techoAlveolar-right-column {
          max-width: 100%;
          order: 2;
          margin: 60% 0 0 0px;
          z-index: 999; } }
      .techos .cardTecho .techoAlveolar-right-column p, .techos .cardTechoAlveolar .techoAlveolar-right-column p, .alveolar .cardTecho .techoAlveolar-right-column p, .alveolar .cardTechoAlveolar .techoAlveolar-right-column p {
        font-family: 'Poppins';
        font-size: .9rem;
        color: #000;
        max-width: 400px; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          .techos .cardTecho .techoAlveolar-right-column p, .techos .cardTechoAlveolar .techoAlveolar-right-column p, .alveolar .cardTecho .techoAlveolar-right-column p, .alveolar .cardTechoAlveolar .techoAlveolar-right-column p {
            font-size: 1.1rem; } }
      .techos .cardTecho .techoAlveolar-right-column span, .techos .cardTechoAlveolar .techoAlveolar-right-column span, .alveolar .cardTecho .techoAlveolar-right-column span, .alveolar .cardTechoAlveolar .techoAlveolar-right-column span {
        border-radius: 3rem;
        background: #273238;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
        color: #fff;
        font-size: 1.2rem;
        padding: .8rem 1.3rem;
        letter-spacing: .1rem;
        align-self: flex-end; }
    .techos .cardTecho .techo-left-column-img, .techos .cardTechoAlveolar .techo-left-column-img, .alveolar .cardTecho .techo-left-column-img, .alveolar .cardTechoAlveolar .techo-left-column-img {
      width: 350px;
      max-width: 300px;
      margin-left: auto;
      position: relative;
      margin-top: -28%; }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .techos .cardTecho .techo-left-column-img, .techos .cardTechoAlveolar .techo-left-column-img, .alveolar .cardTecho .techo-left-column-img, .alveolar .cardTechoAlveolar .techo-left-column-img {
          order: 0;
          margin: -170% 0 0 32%;
          z-index: 0; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .techos .cardTecho .techo-left-column-img, .techos .cardTechoAlveolar .techo-left-column-img, .alveolar .cardTecho .techo-left-column-img, .alveolar .cardTechoAlveolar .techo-left-column-img {
          order: 0;
          margin: -160% 0 0 20%;
          z-index: 0; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .techos .cardTecho .techo-left-column-img, .techos .cardTechoAlveolar .techo-left-column-img, .alveolar .cardTecho .techo-left-column-img, .alveolar .cardTechoAlveolar .techo-left-column-img {
          order: 0;
          margin: -200% 0 0 20%;
          z-index: 0; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .techos .cardTecho .techo-left-column-img, .techos .cardTechoAlveolar .techo-left-column-img, .alveolar .cardTecho .techo-left-column-img, .alveolar .cardTechoAlveolar .techo-left-column-img {
          order: 0;
          margin: -200% 0 0 20%;
          z-index: 0; } }
      @media only screen and (max-width: 384px) {
        .techos .cardTecho .techo-left-column-img, .techos .cardTechoAlveolar .techo-left-column-img, .alveolar .cardTecho .techo-left-column-img, .alveolar .cardTechoAlveolar .techo-left-column-img {
          order: 0;
          margin: -200% 0 0 20%;
          z-index: 0; } }
      .techos .cardTecho .techo-left-column-img .owl-carousel .cielorraso-item img, .techos .cardTechoAlveolar .techo-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTecho .techo-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTechoAlveolar .techo-left-column-img .owl-carousel .cielorraso-item img {
        width: 100%;
        height: auto;
        margin: 0; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          .techos .cardTecho .techo-left-column-img .owl-carousel .cielorraso-item img, .techos .cardTechoAlveolar .techo-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTecho .techo-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTechoAlveolar .techo-left-column-img .owl-carousel .cielorraso-item img {
            margin-top: 44%; } }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          .techos .cardTecho .techo-left-column-img .owl-carousel .cielorraso-item img, .techos .cardTechoAlveolar .techo-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTecho .techo-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTechoAlveolar .techo-left-column-img .owl-carousel .cielorraso-item img {
            width: 277px;
            height: 210px; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          .techos .cardTecho .techo-left-column-img .owl-carousel .cielorraso-item img, .techos .cardTechoAlveolar .techo-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTecho .techo-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTechoAlveolar .techo-left-column-img .owl-carousel .cielorraso-item img {
            width: 277px;
            height: 210px; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          .techos .cardTecho .techo-left-column-img .owl-carousel .cielorraso-item img, .techos .cardTechoAlveolar .techo-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTecho .techo-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTechoAlveolar .techo-left-column-img .owl-carousel .cielorraso-item img {
            width: 277px;
            height: 210px; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          .techos .cardTecho .techo-left-column-img .owl-carousel .cielorraso-item img, .techos .cardTechoAlveolar .techo-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTecho .techo-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTechoAlveolar .techo-left-column-img .owl-carousel .cielorraso-item img {
            width: 277px;
            height: 210px; } }
        @media only screen and (max-width: 384px) {
          .techos .cardTecho .techo-left-column-img .owl-carousel .cielorraso-item img, .techos .cardTechoAlveolar .techo-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTecho .techo-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTechoAlveolar .techo-left-column-img .owl-carousel .cielorraso-item img {
            width: 277px;
            height: 210px; } }
      .techos .cardTecho .techo-left-column-img .carousel-selectors .selector i, .techos .cardTechoAlveolar .techo-left-column-img .carousel-selectors .selector i, .alveolar .cardTecho .techo-left-column-img .carousel-selectors .selector i, .alveolar .cardTechoAlveolar .techo-left-column-img .carousel-selectors .selector i {
        color: #333;
        font-size: 30px; }
    .techos .cardTecho .techoAlveolar-left-column-img, .techos .cardTechoAlveolar .techoAlveolar-left-column-img, .alveolar .cardTecho .techoAlveolar-left-column-img, .alveolar .cardTechoAlveolar .techoAlveolar-left-column-img {
      width: 350px;
      max-width: 300px;
      /*Establecer el ancho máximo de la imagen*/
      margin-left: auto;
      /*Alinear a la derecha*/
      position: relative;
      margin-top: -28%; }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .techos .cardTecho .techoAlveolar-left-column-img, .techos .cardTechoAlveolar .techoAlveolar-left-column-img, .alveolar .cardTecho .techoAlveolar-left-column-img, .alveolar .cardTechoAlveolar .techoAlveolar-left-column-img {
          order: 0;
          margin: -147% 0 0 13%;
          z-index: 0; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .techos .cardTecho .techoAlveolar-left-column-img, .techos .cardTechoAlveolar .techoAlveolar-left-column-img, .alveolar .cardTecho .techoAlveolar-left-column-img, .alveolar .cardTechoAlveolar .techoAlveolar-left-column-img {
          order: 0;
          margin: -147% 0 0 13%;
          z-index: 0; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .techos .cardTecho .techoAlveolar-left-column-img, .techos .cardTechoAlveolar .techoAlveolar-left-column-img, .alveolar .cardTecho .techoAlveolar-left-column-img, .alveolar .cardTechoAlveolar .techoAlveolar-left-column-img {
          order: 0;
          margin: -203% 0 0 5%;
          z-index: 0; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .techos .cardTecho .techoAlveolar-left-column-img, .techos .cardTechoAlveolar .techoAlveolar-left-column-img, .alveolar .cardTecho .techoAlveolar-left-column-img, .alveolar .cardTechoAlveolar .techoAlveolar-left-column-img {
          order: 0;
          margin: -203% 0 0 5%;
          z-index: 0; } }
      @media only screen and (max-width: 384px) {
        .techos .cardTecho .techoAlveolar-left-column-img, .techos .cardTechoAlveolar .techoAlveolar-left-column-img, .alveolar .cardTecho .techoAlveolar-left-column-img, .alveolar .cardTechoAlveolar .techoAlveolar-left-column-img {
          order: 0;
          margin: -203% 0 0 5%;
          z-index: 0; } }
      .techos .cardTecho .techoAlveolar-left-column-img .owl-carousel .cielorraso-item img, .techos .cardTechoAlveolar .techoAlveolar-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTecho .techoAlveolar-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTechoAlveolar .techoAlveolar-left-column-img .owl-carousel .cielorraso-item img {
        width: 100%;
        /*La imagen ocupa el 100% del contenedor*/
        height: auto;
        /*Altura automática para mantener la proporción*/
        margin: 0;
        /*Eliminar el margen*/ }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          .techos .cardTecho .techoAlveolar-left-column-img .owl-carousel .cielorraso-item img, .techos .cardTechoAlveolar .techoAlveolar-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTecho .techoAlveolar-left-column-img .owl-carousel .cielorraso-item img, .alveolar .cardTechoAlveolar .techoAlveolar-left-column-img .owl-carousel .cielorraso-item img {
            margin-top: 44%; } }
      .techos .cardTecho .techoAlveolar-left-column-img .carousel-selectors .selector i, .techos .cardTechoAlveolar .techoAlveolar-left-column-img .carousel-selectors .selector i, .alveolar .cardTecho .techoAlveolar-left-column-img .carousel-selectors .selector i, .alveolar .cardTechoAlveolar .techoAlveolar-left-column-img .carousel-selectors .selector i {
        color: #333;
        font-size: 30px; }

.techosPolicarbonato {
  margin: 9% 0 0 0;
  background: #ffffff;
  height: 570px; }
  @media only screen and (min-width: 430px) and (max-width: 932px) {
    .techosPolicarbonato {
      height: 215px; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    .techosPolicarbonato {
      height: 215px; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    .techosPolicarbonato {
      height: 215px; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    .techosPolicarbonato {
      height: 215px; } }
  @media only screen and (max-width: 384px) {
    .techosPolicarbonato {
      height: 215px; } }
  .techosPolicarbonato .techosChapaPolicarbonato {
    position: relative;
    height: 650px;
    width: 100%;
    z-index: 1; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      .techosPolicarbonato .techosChapaPolicarbonato {
        height: 750px; } }
    @media only screen and (max-width: 768px) {
      .techosPolicarbonato .techosChapaPolicarbonato {
        display: flex;
        margin: -95% 0 0 0; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .techosPolicarbonato .techosChapaPolicarbonato {
        display: flex;
        margin: -32% 0 0 0;
        background-color: black;
        height: 700px; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .techosPolicarbonato .techosChapaPolicarbonato {
        display: flex;
        margin: -32% 0 0 0;
        background-color: black;
        height: 700px; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .techosPolicarbonato .techosChapaPolicarbonato {
        display: flex;
        margin: -32% 0 0 0;
        background-color: black;
        height: 700px; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .techosPolicarbonato .techosChapaPolicarbonato {
        display: flex;
        margin: -32% 0 0 0;
        background-color: black;
        height: 700px; } }
    @media only screen and (max-width: 384px) {
      .techosPolicarbonato .techosChapaPolicarbonato {
        display: flex;
        margin: -32% 0 0 0;
        background-color: black;
        height: 700px; } }
    .techosPolicarbonato .techosChapaPolicarbonato::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: inherit;
      filter: brightness(40%) contrast(120%) saturate(80%) grayscale(10%); }
    .techosPolicarbonato .techosChapaPolicarbonato h2 {
      color: #fff;
      font-size: 2rem;
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      position: absolute;
      margin: 2.5% 0 10px 7.4%;
      z-index: 10;
      background-color: #d30809;
      padding: 15px 10px; }
      @media only screen and (max-width: 768px) {
        .techosPolicarbonato .techosChapaPolicarbonato h2 {
          font-size: 2.3rem; } }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        .techosPolicarbonato .techosChapaPolicarbonato h2 {
          margin: 4% 0 0 4%;
          font-size: 2.5rem; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .techosPolicarbonato .techosChapaPolicarbonato h2 {
          margin: 3% 10px;
          font-size: 1.6rem; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .techosPolicarbonato .techosChapaPolicarbonato h2 {
          margin: 3% 10px;
          font-size: 1.6rem; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .techosPolicarbonato .techosChapaPolicarbonato h2 {
          margin: 3% 10px;
          font-size: 1.6rem; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .techosPolicarbonato .techosChapaPolicarbonato h2 {
          margin: 3% 10px;
          font-size: 1.6rem; } }
      @media only screen and (max-width: 375px) and (max-height: 667px) {
        .techosPolicarbonato .techosChapaPolicarbonato h2 {
          margin: 10% 0; } }
      @media only screen and (max-width: 384px) {
        .techosPolicarbonato .techosChapaPolicarbonato h2 {
          font-size: 1.45rem; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        .techosPolicarbonato .techosChapaPolicarbonato h2 {
          font-size: 1.4rem;
          margin: 40px 4%; } }
    .techosPolicarbonato .techosChapaPolicarbonato .itemBtn {
      background-color: #273238;
      width: 220px;
      height: 44px;
      position: absolute;
      top: 18%;
      left: 120px;
      border-radius: 20px;
      background-position: 50% 50%;
      background-size: cover;
      display: inline-block;
      transition: 0.5s; }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .techosPolicarbonato .techosChapaPolicarbonato .itemBtn {
          display: none; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .techosPolicarbonato .techosChapaPolicarbonato .itemBtn {
          display: none; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .techosPolicarbonato .techosChapaPolicarbonato .itemBtn {
          display: none; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .techosPolicarbonato .techosChapaPolicarbonato .itemBtn {
          display: none; } }
      @media only screen and (max-width: 384px) {
        .techosPolicarbonato .techosChapaPolicarbonato .itemBtn {
          display: none; } }
      .techosPolicarbonato .techosChapaPolicarbonato .itemBtn .contentBtn {
        position: relative;
        top: 27%;
        width: 300px;
        text-align: left;
        color: #000;
        left: 50px;
        font-family: "Poppins", sans-serif; }
        .techosPolicarbonato .techosChapaPolicarbonato .itemBtn .contentBtn span a {
          color: #fff; }
    .techosPolicarbonato .techosChapaPolicarbonato .itemBtn:hover {
      background-color: #d30809; }
  .techosPolicarbonato .navChapaPolicarbonato, .techosPolicarbonato .navEspumas {
    font-family: "Inter", sans-serif;
    height: 90px;
    position: relative;
    width: 1220px;
    margin: -46% 0 0 8%;
    z-index: 555;
    color: #fff; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      .techosPolicarbonato .navChapaPolicarbonato, .techosPolicarbonato .navEspumas {
        margin: -46% 0 4% 19%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .techosPolicarbonato .navChapaPolicarbonato, .techosPolicarbonato .navEspumas {
        z-index: 999;
        height: 90px;
        position: absolute;
        margin: -685px 0 0 -173%;
        left: 0;
        max-width: 265%;
        color: #fff; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .techosPolicarbonato .navChapaPolicarbonato, .techosPolicarbonato .navEspumas {
        z-index: 999;
        height: 90px;
        position: absolute;
        margin: -685px 0 0 -173%;
        left: 0;
        max-width: 265%;
        color: #fff; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .techosPolicarbonato .navChapaPolicarbonato, .techosPolicarbonato .navEspumas {
        z-index: 999;
        height: 90px;
        position: absolute;
        margin: -685px 0 0 -173%;
        left: 0;
        max-width: 265%;
        color: #fff; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .techosPolicarbonato .navChapaPolicarbonato, .techosPolicarbonato .navEspumas {
        z-index: 999;
        height: 90px;
        position: absolute;
        margin: -685px 0 0 -173%;
        left: 0;
        max-width: 265%;
        color: #fff; } }
    @media only screen and (max-width: 384px) {
      .techosPolicarbonato .navChapaPolicarbonato, .techosPolicarbonato .navEspumas {
        z-index: 999;
        height: 90px;
        position: absolute;
        margin: -685px 0 0 -173%;
        left: 0;
        max-width: 265%;
        color: #fff; } }
    .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuEspumas {
      position: relative;
      margin: 54px 0 0 58%;
      max-width: 450px;
      overflow: hidden; }
      .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul, .techosPolicarbonato .navEspumas .menuEspumas ul {
        width: 80%;
        margin: 0% 0% 0% 20%;
        padding-right: 0;
        display: flex;
        justify-content: space-between;
        font-size: .9rem;
        font-weight: bold; }
        .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas {
          margin-top: .5%;
          color: #ffffff; }
          @media only screen and (min-width: 1600px) and (max-width: 1920px) {
            .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas {
              margin: 39% 0 0 -32%; } }
          @media only screen and (min-width: 430px) and (max-width: 932px) {
            .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas {
              margin: 2% 3%; } }
          @media only screen and (min-width: 428px) and (max-width: 926px) {
            .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas {
              margin: 2% 3%; } }
          @media only screen and (min-width: 393px) and (max-width: 852px) {
            .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas {
              margin: 2% 3%; } }
          @media only screen and (max-width: 390px) and (max-height: 844px) {
            .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas {
              margin: 2% 3%; } }
          @media only screen and (max-width: 360px) and (max-height: 640px) {
            .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas {
              margin: 6% 3%; } }
          .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas .nav__linkChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas .nav__linkEspumas, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkEspumas, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkEspumas, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkEspumas, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas .nav__linkChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas .nav__linkEspumas {
            color: #273238;
            cursor: pointer;
            list-style: none;
            text-decoration: none;
            position: relative; }
            @media only screen and (min-width: 1600px) and (max-width: 1920px) {
              .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas .nav__linkChapaPolicarbonato, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas .nav__linkEspumas, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkEspumas, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkEspumas, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkEspumas, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas .nav__linkChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas .nav__linkEspumas {
                font-size: 1.1rem; } }
            .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato:before, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkEspumas:before, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkChapaPolicarbonato:before, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkEspumas:before, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato:before, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkEspumas:before, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas .nav__linkChapaPolicarbonato:before, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas .nav__linkEspumas:before, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato:before, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkEspumas:before, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkChapaPolicarbonato:before, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkEspumas:before, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato:before, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkEspumas:before, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas .nav__linkChapaPolicarbonato:before, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas .nav__linkEspumas:before {
              content: "";
              position: absolute;
              bottom: -2px;
              left: 0;
              width: 0;
              height: 2px;
              background-color: transparent;
              transition: width 0.3s ease; }
            .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato.active-cardEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkEspumas.active-cardEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkChapaPolicarbonato.active-cardEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkEspumas.active-cardEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato.active-cardEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkEspumas.active-cardEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas .nav__linkChapaPolicarbonato.active-cardEspumas, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas .nav__linkEspumas.active-cardEspumas, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato.active-cardEspumas, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkEspumas.active-cardEspumas, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkChapaPolicarbonato.active-cardEspumas, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkEspumas.active-cardEspumas, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato.active-cardEspumas, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkEspumas.active-cardEspumas, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas .nav__linkChapaPolicarbonato.active-cardEspumas, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas .nav__linkEspumas.active-cardEspumas {
              color: #d30809;
              font-weight: bold; }
              .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato.active-cardEspumas:before, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkEspumas.active-cardEspumas:before, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkChapaPolicarbonato.active-cardEspumas:before, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkEspumas.active-cardEspumas:before, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato.active-cardEspumas:before, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkEspumas.active-cardEspumas:before, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas .nav__linkChapaPolicarbonato.active-cardEspumas:before, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas .nav__linkEspumas.active-cardEspumas:before, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato.active-cardEspumas:before, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkEspumas.active-cardEspumas:before, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkChapaPolicarbonato.active-cardEspumas:before, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkEspumas.active-cardEspumas:before, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato.active-cardEspumas:before, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkEspumas.active-cardEspumas:before, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas .nav__linkChapaPolicarbonato.active-cardEspumas:before, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas .nav__linkEspumas.active-cardEspumas:before {
                width: 100%;
                background-color: #d30809; }
            .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato:hover, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkEspumas:hover, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkChapaPolicarbonato:hover, .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkEspumas:hover, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato:hover, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkEspumas:hover, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas .nav__linkChapaPolicarbonato:hover, .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul .nav__itemEspumas .nav__linkEspumas:hover, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato:hover, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemTChapaPolicarbonato .nav__linkEspumas:hover, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkChapaPolicarbonato:hover, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato ul .nav__itemEspumas .nav__linkEspumas:hover, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkChapaPolicarbonato:hover, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemTChapaPolicarbonato .nav__linkEspumas:hover, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas .nav__linkChapaPolicarbonato:hover, .techosPolicarbonato .navEspumas .menuEspumas ul .nav__itemEspumas .nav__linkEspumas:hover {
              color: #d30809; }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato {
        margin: 67px 0 0 58%; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato {
        margin: 67px 0 0 58%; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato {
        margin: 67px 0 0 58%; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato {
        margin: 67px 0 0 58%; } }
    @media only screen and (max-width: 384px) {
      .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato {
        margin: 67px 0 0 58%; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      .techosPolicarbonato .navChapaPolicarbonato .menuChapaPolicarbonato, .techosPolicarbonato .navEspumas .menuChapaPolicarbonato {
        margin: 63px 0 0 56%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .techosPolicarbonato .navChapaPolicarbonato .navChapaPolicarbonato, .techosPolicarbonato .navEspumas .navChapaPolicarbonato {
        margin: -813px 0 0 -173%; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .techosPolicarbonato .navChapaPolicarbonato .navChapaPolicarbonato, .techosPolicarbonato .navEspumas .navChapaPolicarbonato {
        margin: -813px 0 0 -173%; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .techosPolicarbonato .navChapaPolicarbonato .navChapaPolicarbonato, .techosPolicarbonato .navEspumas .navChapaPolicarbonato {
        margin: -813px 0 0 -173%; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .techosPolicarbonato .navChapaPolicarbonato .navChapaPolicarbonato, .techosPolicarbonato .navEspumas .navChapaPolicarbonato {
        margin: -813px 0 0 -173%; } }
    @media only screen and (max-width: 384px) {
      .techosPolicarbonato .navChapaPolicarbonato .navChapaPolicarbonato, .techosPolicarbonato .navEspumas .navChapaPolicarbonato {
        margin: -813px 0 0 -173%; } }
    .techosPolicarbonato .navChapaPolicarbonato .menuEspumas, .techosPolicarbonato .navEspumas .menuEspumas {
      margin: -15px 0 0 58%; }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .techosPolicarbonato .navChapaPolicarbonato .menuEspumas, .techosPolicarbonato .navEspumas .menuEspumas {
          margin: 78px 0 0 58%; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .techosPolicarbonato .navChapaPolicarbonato .menuEspumas, .techosPolicarbonato .navEspumas .menuEspumas {
          margin: 78px 0 0 58%; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .techosPolicarbonato .navChapaPolicarbonato .menuEspumas, .techosPolicarbonato .navEspumas .menuEspumas {
          margin: 78px 0 0 58%; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .techosPolicarbonato .navChapaPolicarbonato .menuEspumas, .techosPolicarbonato .navEspumas .menuEspumas {
          margin: 78px 0 0 58%; } }
      @media only screen and (max-width: 384px) {
        .techosPolicarbonato .navChapaPolicarbonato .menuEspumas, .techosPolicarbonato .navEspumas .menuEspumas {
          margin: 88px 0 0 58%; } }
      .techosPolicarbonato .navChapaPolicarbonato .menuEspumas ul, .techosPolicarbonato .navEspumas .menuEspumas ul {
        margin: 9% 0% 0% 20%; }
  .techosPolicarbonato .containerChapaPolicarbonato, .techosPolicarbonato .containerEspuma {
    display: flex;
    justify-content: center;
    height: 100vh;
    align-items: center;
    margin: -16.1% 0 0 20.5%;
    z-index: 333;
    position: relative; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      .techosPolicarbonato .containerChapaPolicarbonato, .techosPolicarbonato .containerEspuma {
        height: 400px;
        width: 1000px;
        margin: 2% 0 0 32%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .techosPolicarbonato .containerChapaPolicarbonato, .techosPolicarbonato .containerEspuma {
        margin: -161% 0 0 21%;
        height: 930px;
        width: 302px;
        display: block; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .techosPolicarbonato .containerChapaPolicarbonato, .techosPolicarbonato .containerEspuma {
        margin: -161% 0 0 21%;
        height: 930px;
        width: 302px;
        display: block; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .techosPolicarbonato .containerChapaPolicarbonato, .techosPolicarbonato .containerEspuma {
        margin: -161% 0 0 21%;
        height: 930px;
        width: 302px;
        display: block; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .techosPolicarbonato .containerChapaPolicarbonato, .techosPolicarbonato .containerEspuma {
        margin: -161% 0 0 21%;
        height: 930px;
        width: 302px;
        display: block; } }
    @media only screen and (max-width: 384px) {
      .techosPolicarbonato .containerChapaPolicarbonato, .techosPolicarbonato .containerEspuma {
        margin: -161% 0 0 21%;
        height: 930px;
        width: 302px;
        display: block; } }
    .techosPolicarbonato .containerChapaPolicarbonato .techo-background-left-column, .techosPolicarbonato .containerEspuma .techo-background-left-column {
      background: #273238; }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .techosPolicarbonato .containerChapaPolicarbonato .techo-background-left-column, .techosPolicarbonato .containerEspuma .techo-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .techosPolicarbonato .containerChapaPolicarbonato .techo-background-left-column, .techosPolicarbonato .containerEspuma .techo-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .techosPolicarbonato .containerChapaPolicarbonato .techo-background-left-column, .techosPolicarbonato .containerEspuma .techo-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .techosPolicarbonato .containerChapaPolicarbonato .techo-background-left-column, .techosPolicarbonato .containerEspuma .techo-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
      @media only screen and (max-width: 384px) {
        .techosPolicarbonato .containerChapaPolicarbonato .techo-background-left-column, .techosPolicarbonato .containerEspuma .techo-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
    .techosPolicarbonato .containerChapaPolicarbonato .techo-background2-left-column, .techosPolicarbonato .containerEspuma .techo-background2-left-column {
      background: #3b4c55; }
    .techosPolicarbonato .containerChapaPolicarbonato .background3, .techosPolicarbonato .containerEspuma .background3 {
      background: #ffffff; }
    .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato, .techosPolicarbonato .containerEspuma .cardEspumas {
      background-color: #fff;
      border-radius: 1rem;
      box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
      display: flex;
      overflow: hidden;
      width: 58rem;
      height: 23rem;
      z-index: 444;
      position: relative;
      margin-top: 8%; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato, .techosPolicarbonato .containerEspuma .cardEspumas {
          height: 400px;
          width: 1000px;
          margin-top: 18%; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato, .techosPolicarbonato .containerEspuma .cardEspumas {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 113%;
          margin: 17% 0 0 -19%;
          height: 73%; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato, .techosPolicarbonato .containerEspuma .cardEspumas {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 123%;
          margin: 17% 0 0 -19%;
          height: 73%; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato, .techosPolicarbonato .containerEspuma .cardEspumas {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 113%;
          margin: 17% 0 0 -19%;
          height: 73%; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato, .techosPolicarbonato .containerEspuma .cardEspumas {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 113%;
          margin: 17% 0 0 -19%;
          height: 73%; } }
      @media only screen and (max-width: 384px) {
        .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato, .techosPolicarbonato .containerEspuma .cardEspumas {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 113%;
          margin: 13% 0 0 -19%;
          height: 73%; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato, .techosPolicarbonato .containerEspuma .cardEspumas {
          margin: 5% 0 0 -22%; } }
      .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato h2, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas h2, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato h2, .techosPolicarbonato .containerEspuma .cardEspumas h2 {
        letter-spacing: .1rem;
        margin: 1rem 0;
        color: #000; }
      .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato h6, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas h6, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato h6, .techosPolicarbonato .containerEspuma .cardEspumas h6 {
        opacity: 0.6;
        letter-spacing: .1rem;
        text-transform: uppercase; }
      .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column {
        color: #fff;
        padding: 2rem;
        height: 23rem;
        max-width: 10rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        flex: 1; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column {
            height: 400px; } }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (max-width: 384px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-left-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-left-column h4, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column h4, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-left-column h4, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column h4, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-left-column h4, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column h4, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-left-column h4, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column h4 {
          color: #fff;
          padding: 1rem; }
        .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column i, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column i, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column i {
          font-size: 5rem; }
          @media only screen and (min-width: 430px) and (max-width: 932px) {
            .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column i, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column i, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column i {
              display: none; } }
          @media only screen and (min-width: 428px) and (max-width: 926px) {
            .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column i, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column i, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column i {
              display: none; } }
          @media only screen and (min-width: 393px) and (max-width: 852px) {
            .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column i, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column i, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column i {
              display: none; } }
          @media only screen and (max-width: 390px) and (max-height: 844px) {
            .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column i, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column i, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column i {
              display: none; } }
          @media only screen and (max-width: 384px) {
            .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column i, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column i, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-left-column i, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column i {
              display: none; } }
      .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-right-column {
        padding: 2rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        margin: -42% 0px 0 16%;
        max-width: 500px; }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-right-column {
            max-width: 100%;
            order: 2;
            margin: 65% 0 0 0px;
            z-index: 999; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-right-column {
            max-width: 100%;
            order: 2;
            margin: 65% 0 0 0px;
            z-index: 999; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-right-column {
            max-width: 100%;
            order: 2;
            margin: 65% 0 0 0px;
            z-index: 999; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-right-column {
            max-width: 100%;
            order: 2;
            margin: 65% 0 0 0px;
            z-index: 999; } }
        @media only screen and (max-width: 384px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-right-column {
            max-width: 100%;
            order: 2;
            margin: 65% 0 0 0px;
            z-index: 999; } }
        .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-right-column p, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-right-column p, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-right-column p, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-right-column p, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-right-column p, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-right-column p, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-right-column p, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-right-column p {
          font-family: 'Poppins';
          font-size: .9rem;
          color: #000;
          max-width: 400px; }
          @media only screen and (min-width: 1600px) and (max-width: 1920px) {
            .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-right-column p, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-right-column p, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-right-column p, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-right-column p, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-right-column p, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-right-column p, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-right-column p, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-right-column p {
              font-size: 1.1rem; } }
        .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .ChapaPolicarbonato-right-column span, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-right-column span, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .ChapaPolicarbonato-right-column span, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-right-column span, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .ChapaPolicarbonato-right-column span, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-right-column span, .techosPolicarbonato .containerEspuma .cardEspumas .ChapaPolicarbonato-right-column span, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-right-column span {
          border-radius: 3rem;
          background: #273238;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
          color: #fff;
          font-size: 1.2rem;
          padding: .8rem 1.3rem;
          letter-spacing: .1rem;
          align-self: flex-end; }
      .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-right-column {
        margin-top: -37%; }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-right-column {
            max-width: 100%;
            order: 2;
            margin: 65% 0 0 0px;
            z-index: 999; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-right-column {
            max-width: 100%;
            order: 2;
            margin: 65% 0 0 0px;
            z-index: 999; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-right-column {
            max-width: 100%;
            order: 2;
            margin: 65% 0 0 0px;
            z-index: 999; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-right-column {
            max-width: 100%;
            order: 2;
            margin: 65% 0 0 0px;
            z-index: 999; } }
        @media only screen and (max-width: 384px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-right-column, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-right-column, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-right-column {
            max-width: 100%;
            order: 2;
            margin: 65% 0 0 0px;
            z-index: 999; } }
      .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img {
        width: 350px;
        max-width: 300px;
        /*Establecer el ancho máximo de la imagen*/
        margin-left: auto;
        /*Alinear a la derecha*/
        position: relative;
        margin: -35% 0 0 68%; }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img {
            order: 0;
            margin: -209% 0 0 15%;
            z-index: 0; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img {
            order: 0;
            margin: -209% 0 0 15%;
            z-index: 0; } }
        @media only screen and (max-width: 384px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img {
            order: 0;
            margin: -209% 0 0 15%;
            z-index: 0; } }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img {
            order: 0;
            margin: -172% 0 0 15%;
            z-index: 0; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img {
            order: 0;
            margin: -172% 0 0 15%;
            z-index: 0; } }
        .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .owl-carousel .espuma-item img {
          width: 100%;
          /*La imagen ocupa el 100% del contenedor*/
          height: auto;
          /*Altura automática para mantener la proporción*/ }
          @media only screen and (min-width: 1600px) and (max-width: 1920px) {
            .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .owl-carousel .espuma-item img {
              margin-top: 44%; } }
          @media only screen and (min-width: 430px) and (max-width: 932px) {
            .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .owl-carousel .espuma-item img {
              width: 230px;
              height: 230px; } }
          @media only screen and (min-width: 428px) and (max-width: 926px) {
            .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .owl-carousel .espuma-item img {
              width: 230px;
              height: 230px; } }
          @media only screen and (min-width: 393px) and (max-width: 852px) {
            .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .owl-carousel .espuma-item img {
              width: 230px;
              height: 230px; } }
          @media only screen and (max-width: 390px) and (max-height: 844px) {
            .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .owl-carousel .espuma-item img {
              width: 230px;
              height: 230px; } }
          @media only screen and (max-width: 384px) {
            .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .owl-carousel .espuma-item img {
              width: 230px;
              height: 230px; } }
        .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .chapaPolicarbonato-item, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .owl-carousel .chapaPolicarbonato-item {
          margin-top: -68%; }
        .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .owl-carousel .espuma-item img, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .owl-carousel .espuma-item img {
          margin-top: 20%; }
        .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .carousel-selectors .selector i, .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato .espumas-left-column-img .carousel-selectors .selector i, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .chapaPolicarbonato-left-column-img .carousel-selectors .selector i, .techosPolicarbonato .containerChapaPolicarbonato .cardEspumas .espumas-left-column-img .carousel-selectors .selector i, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .chapaPolicarbonato-left-column-img .carousel-selectors .selector i, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato .espumas-left-column-img .carousel-selectors .selector i, .techosPolicarbonato .containerEspuma .cardEspumas .chapaPolicarbonato-left-column-img .carousel-selectors .selector i, .techosPolicarbonato .containerEspuma .cardEspumas .espumas-left-column-img .carousel-selectors .selector i {
          color: #333;
          font-size: 30px; }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato {
        position: relative;
        /* Establecer el contenedor padre como relativo */
        display: flex;
        /* Utilizar flexbox para alinear elementos */
        flex-direction: column;
        /* Establecer dirección de columna */
        justify-content: space-between;
        /* Espacio entre elementos */
        width: 130%;
        margin: 37% 0 0 -25%;
        height: 73%; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .techosPolicarbonato .containerChapaPolicarbonato .cardChapaPolicarbonato, .techosPolicarbonato .containerEspuma .cardChapaPolicarbonato {
        position: relative;
        /* Establecer el contenedor padre como relativo */
        display: flex;
        /* Utilizar flexbox para alinear elementos */
        flex-direction: column;
        /* Establecer dirección de columna */
        justify-content: space-between;
        /* Espacio entre elementos */
        width: 130%;
        margin: 37% 0 0 -25%;
        height: 73%; } }
  .techosPolicarbonato .containerEspuma {
    margin: -12.2% 0 0 20.5%; }

#techosAlveolares {
  background-color: #333; }
  @media only screen and (min-width: 430px) and (max-width: 932px) {
    #techosAlveolares {
      margin: -9% 0 0 0;
      background: transparent; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    #techosAlveolares {
      margin: -9% 0 0 0;
      background: transparent; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    #techosAlveolares {
      margin: -9% 0 0 0;
      background: transparent; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    #techosAlveolares {
      margin: -9% 0 0 0;
      background: transparent; } }
  @media only screen and (max-width: 384px) {
    #techosAlveolares {
      margin: -9% 0 0 0;
      background: transparent; } }

@media only screen and (min-width: 430px) and (max-width: 932px) {
  #alveolar-card-1, #alveolar-card-2 {
    margin: 45% 0 0 -16%; } }

@media only screen and (min-width: 428px) and (max-width: 926px) {
  #alveolar-card-1, #alveolar-card-2 {
    margin: 45% 0 0 -16%; } }

@media only screen and (min-width: 393px) and (max-width: 852px) {
  #alveolar-card-1, #alveolar-card-2 {
    margin: 45% 0 0 -19%; } }

@media only screen and (max-width: 390px) and (max-height: 844px) {
  #alveolar-card-1, #alveolar-card-2 {
    margin: 45% 0 0 -19%; } }

@media only screen and (max-width: 384px) {
  #alveolar-card-1, #alveolar-card-2 {
    margin: 45% 0 0 -19%; } }

@media only screen and (max-width: 360px) and (max-height: 640px) {
  #alveolar-card-1, #alveolar-card-2 {
    margin: 45% 0 0 -28%; } }

@media only screen and (max-width: 375px) and (max-height: 667px) {
  #alveolar-card-1, #alveolar-card-2 {
    margin: 45% 0 0 -22%; } }

@media only screen and (min-width: 430px) and (max-width: 932px) {
  #alveolar-card-3, #alveolar-card-4 {
    margin: 45% 0 0 -19%; } }

@media only screen and (min-width: 428px) and (max-width: 926px) {
  #alveolar-card-3, #alveolar-card-4 {
    margin: 45% 0 0 -19%; } }

@media only screen and (min-width: 393px) and (max-width: 852px) {
  #alveolar-card-3, #alveolar-card-4 {
    margin: 45% 0 0 -19%; } }

@media only screen and (max-width: 390px) and (max-height: 844px) {
  #alveolar-card-3, #alveolar-card-4 {
    margin: 45% 0 0 -19%; } }

@media only screen and (max-width: 384px) {
  #alveolar-card-3, #alveolar-card-4 {
    margin: 45% 0 0 -19%; } }

@media only screen and (max-width: 375px) and (max-height: 667px) {
  #alveolar-card-3, #alveolar-card-4 {
    margin: 45% 0 0 -22%; } }

@media only screen and (min-width: 430px) and (max-width: 932px) {
  #menuTechoAlveolar {
    margin: 15% 0 0 -33%; } }

@media only screen and (min-width: 428px) and (max-width: 926px) {
  #menuTechoAlveolar {
    margin: 15% 0 0 -33%; } }

@media only screen and (min-width: 393px) and (max-width: 852px) {
  #menuTechoAlveolar {
    margin: 15% 0 0 -33%; } }

@media only screen and (max-width: 390px) and (max-height: 844px) {
  #menuTechoAlveolar {
    margin: 15% 0 0 -33%; } }

@media only screen and (max-width: 384px) {
  #menuTechoAlveolar {
    margin: 15% 0 0 -33%; } }

@media only screen and (min-width: 430px) and (max-width: 932px) {
  #navEspumas {
    z-index: 999;
    height: 90px;
    position: absolute;
    margin: -35px 0 0 -173%;
    left: 0;
    max-width: 265%;
    color: #fff; } }

@media only screen and (min-width: 428px) and (max-width: 926px) {
  #navEspumas {
    z-index: 999;
    height: 90px;
    position: absolute;
    margin: -35px 0 0 -173%;
    left: 0;
    max-width: 265%;
    color: #fff; } }

@media only screen and (min-width: 393px) and (max-width: 852px) {
  #navEspumas {
    z-index: 999;
    height: 90px;
    position: absolute;
    margin: -35px 0 0 -173%;
    left: 0;
    max-width: 265%;
    color: #fff; } }

@media only screen and (max-width: 390px) and (max-height: 844px) {
  #navEspumas {
    z-index: 999;
    height: 90px;
    position: absolute;
    margin: -35px 0 0 -173%;
    left: 0;
    max-width: 265%;
    color: #fff; } }

@media only screen and (max-width: 384px) {
  #navEspumas {
    z-index: 999;
    height: 90px;
    position: absolute;
    margin: -38px 0 0 -173%;
    left: 0;
    max-width: 265%;
    color: #fff; } }

@media only screen and (min-width: 430px) and (max-width: 932px) {
  #containerEspuma {
    margin-top: 30%; } }

@media only screen and (min-width: 428px) and (max-width: 926px) {
  #containerEspuma {
    margin-top: 30%; } }

@media only screen and (min-width: 393px) and (max-width: 852px) {
  #containerEspuma {
    margin-top: 30%; } }

@media only screen and (max-width: 390px) and (max-height: 844px) {
  #containerEspuma {
    margin-top: 30%; } }

@media only screen and (max-width: 384px) {
  #containerEspuma {
    margin-top: 30%; } }

@media only screen and (min-width: 430px) and (max-width: 932px) {
  #h2Espumas {
    margin: 183% 0 0 7.4%; } }

@media only screen and (min-width: 428px) and (max-width: 926px) {
  #h2Espumas {
    margin: 183% 0 0 7.4%; } }

@media only screen and (min-width: 393px) and (max-width: 852px) {
  #h2Espumas {
    margin: 183% 0 0 7.4%; } }

@media only screen and (max-width: 390px) and (max-height: 844px) {
  #h2Espumas {
    margin: 183% 0 0 7.4%; } }

@media only screen and (max-width: 375px) and (max-height: 667px) {
  #h2Espumas {
    margin: 190% 0 0 7.4%; } }

@media only screen and (max-width: 384px) {
  #h2Espumas {
    margin: 185% 0 0 7.4%; } }

@media only screen and (max-width: 360px) and (max-height: 640px) {
  #h2Espumas {
    margin-top: 200%; } }

@media only screen and (min-width: 430px) and (max-width: 932px) {
  #imgEspumaDos {
    margin: 54% 0 0 0;
    border-radius: 50%; } }

@media only screen and (min-width: 428px) and (max-width: 926px) {
  #imgEspumaDos {
    margin: 54% 0 0 0;
    border-radius: 50%; } }

@media only screen and (min-width: 393px) and (max-width: 852px) {
  #imgEspumaDos {
    margin: 54% 0 0 0;
    border-radius: 50%; } }

@media only screen and (max-width: 390px) and (max-height: 844px) {
  #imgEspumaDos {
    margin: 54% 0 0 0;
    border-radius: 50%; } }

@media only screen and (max-width: 384px) {
  #imgEspumaDos {
    margin: 54% 0 0 0;
    border-radius: 50%; } }

.main-pvc #home-pvc {
  width: 100%;
  height: 520px;
  background: url("https://vinisol.com.co/wp-content/uploads/2021/02/cieloraso-pvc.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media only screen and (max-width: 768px) {
    .main-pvc #home-pvc {
      height: 170px;
      background: url("https://www.aberturasleo.com.ar/assets/images/revestimiento-pared.jpeg");
      background-position: center;
      background-size: cover; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .main-pvc #home-pvc {
      background: url("https://vinisol.com.co/wp-content/uploads/2021/02/cieloraso-pvc.jpg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; } }
  .main-pvc #home-pvc .trapezoide-pvc {
    width: 340px;
    height: 130px;
    background: #fff;
    position: absolute;
    transform: perspective(400px) rotateY(30deg);
    transform-origin: 100% 63%;
    margin: 29% 0 0 20%; }
    @media only screen and (max-width: 768px) {
      .main-pvc #home-pvc .trapezoide-pvc {
        width: 170px;
        height: 60px;
        background: #fff; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      .main-pvc #home-pvc .trapezoide-pvc {
        margin: 25% 0 0 18%; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      .main-pvc #home-pvc .trapezoide-pvc {
        margin: 31% 72px; } }
  .main-pvc #home-pvc #home-pvc-content p {
    font-family: 'Poppins';
    font-size: 2.5rem;
    font-weight: 600;
    position: absolute;
    margin: 30% 0 0 133px;
    color: #0c0c0c;
    border-bottom: 6px solid #666666;
    padding-bottom: .1em; }
    @media only screen and (max-width: 768px) {
      .main-pvc #home-pvc #home-pvc-content p {
        font-family: 'Poppins';
        font-size: .95rem;
        margin: 33% 0 0 18%;
        border-bottom: 3px solid #666666;
        padding-bottom: .1em; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      .main-pvc #home-pvc #home-pvc-content p {
        margin: 27% 0 0 9%;
        font-size: 2.56em; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      .main-pvc #home-pvc #home-pvc-content p {
        margin: 40% 62px; } }
  .main-pvc #home-pvc .home-container {
    margin: -3% 0px 0px 0px;
    width: 100%;
    height: 300px;
    background: #fafafa;
    border-radius: 20px; }
    @media only screen and (max-width: 768px) {
      .main-pvc #home-pvc .home-container {
        width: 100%;
        height: 125px; } }

@keyframes roll {
  0% {
    opacity: 0;
    transform: translate3d(0, -70%, 0); }
  25%, 50% {
    opacity: 1;
    transform: translateZ(0); }
  75%, 100% {
    opacity: 0;
    transform: translate3d(0, 70%, 0); } }
    .main-pvc #home-pvc .home-container h1 {
      font-family: "Poppins", sans-serif;
      margin: 5% 0px 0px 7%;
      display: flex;
      font-size: .75rem; }
      @media only screen and (max-width: 768px) {
        .main-pvc #home-pvc .home-container h1 {
          font-size: .9em;
          margin-left: 42px; } }
      .main-pvc #home-pvc .home-container h1 .home-lista {
        margin-left: 10px; }
        .main-pvc #home-pvc .home-container h1 .home-lista .home-lista-item {
          position: absolute;
          animation: roll 10s ease 3s infinite backwards; }
          .main-pvc #home-pvc .home-container h1 .home-lista .home-lista-item:nth-child(1) {
            animation-delay: 0s;
            opacity: 0;
            margin-top: 0%; }
          .main-pvc #home-pvc .home-container h1 .home-lista .home-lista-item:nth-child(2) {
            animation-delay: 5s;
            opacity: 0;
            margin-top: 0%; }

.main-pvc .tiposDeMuros .strip .cielorraso-pvc {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  background: #383f47;
  color: #fff;
  padding: 6px 40px;
  letter-spacing: 1px;
  user-select: none;
  border-radius: 20px;
  width: 140px; }

.main-pvc .tiposDeMuros .strip .cielorraso-pvc:hover {
  background: #757575;
  color: #000;
  border-radius: 20px; }

.main-pvc #cielorraso-desmontable {
  position: relative;
  height: 655px;
  width: 100%;
  background-color: #4b4b4b;
  z-index: 1;
  margin: -16% 0 -5% 0; }
  @media only screen and (max-width: 768px) {
    .main-pvc #cielorraso-desmontable {
      display: flex;
      margin: -95% 0 0 0; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .main-pvc #cielorraso-desmontable {
      margin-top: -14%;
      height: 90vh; } }
  @media only screen and (min-width: 430px) and (max-width: 932px) {
    .main-pvc #cielorraso-desmontable {
      display: flex;
      margin: -97% 0 0 0;
      background-color: black;
      height: 700px; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    .main-pvc #cielorraso-desmontable {
      display: flex;
      margin: -97% 0 0 0;
      background-color: black;
      height: 700px; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    .main-pvc #cielorraso-desmontable {
      display: flex;
      margin: -97% 0 0 0;
      background-color: black;
      height: 700px; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    .main-pvc #cielorraso-desmontable {
      display: flex;
      margin: -97% 0 0 0;
      background-color: black;
      height: 700px; } }
  @media only screen and (max-width: 384px) {
    .main-pvc #cielorraso-desmontable {
      display: flex;
      margin: -97% 0 0 0;
      background-color: black;
      height: 700px; } }
  @media only screen and (max-width: 360px) and (max-height: 640px) {
    .main-pvc #cielorraso-desmontable {
      display: flex;
      margin: -97% 0 0 0;
      background-color: black;
      height: 700px; } }
  .main-pvc #cielorraso-desmontable::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    filter: brightness(40%) contrast(120%) saturate(80%) grayscale(10%); }
  .main-pvc #cielorraso-desmontable h2 {
    color: #fff;
    font-size: 2rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    position: absolute;
    margin: 7.9% 0 10px 7.4%;
    z-index: 10;
    background-color: #d30809;
    padding: 15px 10px; }
    @media only screen and (max-width: 768px) {
      .main-pvc #cielorraso-desmontable h2 {
        font-size: 2.3rem; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      .main-pvc #cielorraso-desmontable h2 {
        margin: 4% 0 0 4%;
        font-size: 2.5rem; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .main-pvc #cielorraso-desmontable h2 {
        font-size: 1.6rem;
        max-width: 87%;
        display: flex;
        text-align: center;
        margin-top: 4%; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .main-pvc #cielorraso-desmontable h2 {
        font-size: 1.6rem;
        max-width: 87%;
        display: flex;
        text-align: center; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .main-pvc #cielorraso-desmontable h2 {
        font-size: 1.6rem;
        max-width: 87%;
        display: flex;
        text-align: center; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .main-pvc #cielorraso-desmontable h2 {
        font-size: 1.6rem;
        max-width: 87%;
        display: flex;
        text-align: center; } }
    @media only screen and (max-width: 384px) {
      .main-pvc #cielorraso-desmontable h2 {
        font-size: 1.6rem;
        max-width: 87%;
        display: flex;
        text-align: center; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      .main-pvc #cielorraso-desmontable h2 {
        font-size: 1.6rem;
        max-width: 87%;
        display: flex;
        text-align: center; } }
  .main-pvc #cielorraso-desmontable .navegacion-cielorraso-desmontable {
    height: 100%;
    overflow: hidden;
    margin: 250px 0 0 -950px;
    z-index: 4;
    position: relative; }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .main-pvc #cielorraso-desmontable .navegacion-cielorraso-desmontable {
        display: none; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .main-pvc #cielorraso-desmontable .navegacion-cielorraso-desmontable {
        display: none; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .main-pvc #cielorraso-desmontable .navegacion-cielorraso-desmontable {
        display: none; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .main-pvc #cielorraso-desmontable .navegacion-cielorraso-desmontable {
        display: none; } }
    @media only screen and (max-width: 384px) {
      .main-pvc #cielorraso-desmontable .navegacion-cielorraso-desmontable {
        display: none; } }
    @media only screen and (max-width: 375px) and (max-height: 812px) {
      .main-pvc #cielorraso-desmontable .navegacion-cielorraso-desmontable {
        display: none; } }
    @media only screen and (max-width: 375px) and (max-height: 667px) {
      .main-pvc #cielorraso-desmontable .navegacion-cielorraso-desmontable {
        display: none; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      .main-pvc #cielorraso-desmontable .navegacion-cielorraso-desmontable {
        display: none; } }
    .main-pvc #cielorraso-desmontable .navegacion-cielorraso-desmontable ul {
      margin: 8.5% 0 0 0; }
      .main-pvc #cielorraso-desmontable .navegacion-cielorraso-desmontable ul li {
        list-style: none;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .main-pvc #cielorraso-desmontable .navegacion-cielorraso-desmontable ul li .inbox-cielorraso-desmontable {
          width: 100%;
          height: 70px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: flex-start;
          text-decoration: none;
          border-radius: 10px;
          list-style-type: none;
          color: #fff;
          font-family: 'Poppins';
          font-size: .9rem;
          margin-bottom: 5px; }
          .main-pvc #cielorraso-desmontable .navegacion-cielorraso-desmontable ul li .inbox-cielorraso-desmontable .inbox-img-cielorraso-desmontable {
            width: 40px;
            height: 40px;
            margin-bottom: 5px; }
  .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable {
    font-family: "Inter", sans-serif;
    height: 90px;
    position: relative;
    width: 1700px;
    margin: -37.3% 0 0 -32%;
    z-index: 555;
    color: #fff; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable {
        margin-top: -33%;
        margin-left: -18%; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 280px;
        left: 29px;
        width: 82%;
        color: #fff; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 276px;
        left: 23px;
        width: 87%;
        color: #fff; } }
    @media only screen and (max-width: 384px) {
      .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 256px;
        left: 35px;
        width: 59%;
        color: #fff; } }
    @media only screen and (max-width: 375px) and (max-height: 667px) {
      .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 256px;
        left: 35px;
        width: 59%;
        color: #fff; } }
    @media only screen and (max-width: 375px) and (max-height: 812px) {
      .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable {
        top: 272px;
        left: 5px;
        width: 93%; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 251px;
        left: 26px;
        width: 61%;
        color: #fff; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 277px;
        left: 50px;
        width: 87%;
        color: #fff; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable {
        z-index: 999;
        height: 90px;
        position: absolute;
        top: 290px;
        left: 50px;
        width: 87%;
        color: #fff; } }
    .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable {
      position: relative;
      margin: 70px 0 0 58%;
      max-width: 4500px;
      overflow: hidden; }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable {
          display: ruby;
          padding: 10px 20px;
          width: 403px;
          margin: 0 0 0 113px;
          list-style: none; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable {
          display: ruby;
          padding: 10px 20px;
          width: 403px;
          margin: 0 0 0 113px;
          list-style: none; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable {
          display: ruby;
          padding: 10px 20px;
          width: 403px;
          margin: 0 0 0 113px;
          list-style: none; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable {
          display: ruby;
          padding: 10px 20px;
          width: 403px;
          margin: 0 0 0 113px;
          list-style: none; } }
      @media only screen and (max-width: 384px) {
        .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable {
          display: ruby;
          padding: 10px 20px;
          width: 403px;
          margin: 0 0 0 113px;
          list-style: none; } }
      @media only screen and (max-width: 375px) and (max-height: 667px) {
        .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable {
          display: ruby;
          padding: 10px 20px;
          width: 403px;
          margin: 0 0 0 113px;
          list-style: none; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable {
          display: ruby;
          padding: 10px 20px;
          width: 403px;
          margin: 0 0 0 113px;
          list-style: none; } }
      .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul {
        width: 100%;
        margin: 1.8% 0% 0% 0%;
        padding-right: 0;
        display: flex;
        justify-content: space-between;
        font-size: .9rem;
        font-weight: 300; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul {
            font-size: 1.1rem; } }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul {
            display: contents; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul {
            display: contents; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul {
            display: contents; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul {
            display: contents; } }
        @media only screen and (max-width: 384px) {
          .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul {
            display: contents; } }
        @media only screen and (max-width: 375px) and (max-height: 667px) {
          .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul {
            display: contents; } }
        @media only screen and (max-width: 360px) and (max-height: 640px) {
          .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul {
            display: contents; } }
        .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul .nav__item-cielorraso-desmontable {
          margin-top: .5%; }
          @media only screen and (min-width: 430px) and (max-width: 932px) {
            .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul .nav__item-cielorraso-desmontable {
              margin-right: 20px;
              margin-top: -13px;
              margin-left: -2px; } }
          @media only screen and (min-width: 428px) and (max-width: 926px) {
            .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul .nav__item-cielorraso-desmontable {
              margin-right: 20px;
              margin-top: -13px;
              margin-left: -2px; } }
          @media only screen and (max-width: 384px) {
            .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul .nav__item-cielorraso-desmontable {
              margin-right: 20px;
              margin-top: -13px;
              margin-left: -2px; } }
          @media only screen and (max-width: 375px) and (max-height: 667px) {
            .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul .nav__item-cielorraso-desmontable {
              margin-right: 20px;
              margin-top: -13px;
              margin-left: -2px; } }
          @media only screen and (max-width: 360px) and (max-height: 640px) {
            .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul .nav__item-cielorraso-desmontable {
              margin-right: 20px;
              margin-top: -13px;
              margin-left: -2px; } }
          .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul .nav__item-cielorraso-desmontable a {
            list-style: none;
            text-decoration: none;
            color: #fff; }
            @media only screen and (max-width: 768px) {
              .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul .nav__item-cielorraso-desmontable a {
                margin-top: -6%;
                margin-left: 1px; } }
            .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul .nav__item-cielorraso-desmontable a:before {
              content: "";
              position: absolute;
              bottom: -2px;
              left: 0;
              width: 0;
              height: 2px;
              background-color: #d30809;
              transition: width 0.3s ease; }
            .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul .nav__item-cielorraso-desmontable a:hover, .main-pvc #cielorraso-desmontable .nav-cielorraso-desmontable .menu-cielorraso-desmontable ul .nav__item-cielorraso-desmontable a.active-card-cielorraso-desmontable {
              color: #d30809;
              font-weight: bold;
              border-bottom: 2px solid #d30809; }
  .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable {
    display: flex;
    justify-content: center;
    height: 100vh;
    align-items: center;
    margin: -10.5% 0 0 20.5%;
    z-index: 333;
    position: relative; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable {
        height: 400px;
        width: 1000px;
        margin: 2% 0 0 32%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable {
        margin: 60% 0 0 20.5%;
        width: 330px;
        height: 700px;
        display: block; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable {
        margin: 60% 0 0 20.5%;
        width: 330px;
        height: 700px;
        display: block; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable {
        margin: 60% 0 0 20.5%;
        width: 330px;
        height: 700px;
        display: block; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable {
        margin: 60% 0 0 20.5%;
        width: 330px;
        height: 700px;
        display: block; } }
    @media only screen and (max-width: 384px) {
      .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable {
        margin: 60% 0 0 20.5%;
        width: 330px;
        height: 700px;
        display: block; } }
    @media only screen and (max-width: 375px) and (max-height: 667px) {
      .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable {
        margin: 60% 0 0 20.5%;
        width: 330px;
        height: 700px;
        display: block; } }
    @media only screen and (max-width: 360px) and (max-height: 640px) {
      .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable {
        margin: 60% 0 0 20.5%;
        width: 330px;
        height: 700px;
        display: block; } }
    .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-background-left-column {
      background: #273238; }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
      @media only screen and (max-width: 384px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
      @media only screen and (max-width: 375px) and (max-height: 812px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
      @media only screen and (max-width: 375px) and (max-height: 667px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-background-left-column {
          position: absolute;
          /* Posicionar absolutamente */
          top: 0;
          left: 0;
          width: 100%;
          /* Ocupar todo el ancho del contenedor padre */ } }
    .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-background2-left-column {
      background: #273238; }
    .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-background3-left-column {
      background: #273238; }
    .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable {
      background-color: #fff;
      border-radius: 1rem;
      box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.2);
      display: flex;
      margin: 1.5rem;
      overflow: hidden;
      width: 58rem;
      height: 23rem;
      z-index: 444;
      position: relative; }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable {
          margin: 14%; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 116%;
          margin: 13% 0 0 -19%;
          height: 70%; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 113%;
          margin: 13% 0 0 -19%;
          height: 70%; } }
      @media only screen and (max-width: 384px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 113%;
          margin: 13% 0 0 -19%;
          height: 70%; } }
      @media only screen and (max-width: 375px) and (max-height: 812px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 111%;
          margin: 13% 0 0 -19%;
          height: 70%; } }
      @media only screen and (max-width: 375px) and (max-height: 667px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 110%;
          margin: 13% 0 0 -19%;
          height: 70%; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 106%;
          margin: 13% 0 0 -19%;
          height: 70%; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 126%;
          margin: 13% 0 0 -19%;
          height: 70%; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable {
          position: relative;
          /* Establecer el contenedor padre como relativo */
          display: flex;
          /* Utilizar flexbox para alinear elementos */
          flex-direction: column;
          /* Establecer dirección de columna */
          justify-content: space-between;
          /* Espacio entre elementos */
          width: 126%;
          margin: 13% 0 0 -19%;
          height: 70%; } }
      .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable.active-card-cielorraso-desmontable {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        z-index: 4; }
      .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable h2 {
        letter-spacing: .1rem;
        margin: 1rem 0;
        color: #000; }
      .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable h6 {
        opacity: 0.6;
        letter-spacing: .1rem;
        text-transform: uppercase; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable h6 {
            font-size: 1.4rem; } }
      .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable {
        color: #fff;
        padding: 2rem;
        max-width: 10rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between; }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable {
            max-width: 13rem; } }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (max-width: 384px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (max-width: 375px) and (max-height: 812px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (max-width: 375px) and (max-height: 667px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        @media only screen and (max-width: 360px) and (max-height: 640px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable {
            display: none;
            order: 1;
            /* Colocar a la izquierda (por defecto) */
            max-width: 347.5px;
            max-height: 100px;
            z-index: 1; } }
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable h4 {
          color: #fff; }
          @media only screen and (min-width: 1600px) and (max-width: 1920px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable h4 {
              font-size: 1.7rem; } }
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable i {
          font-size: 5rem; }
          @media only screen and (min-width: 430px) and (max-width: 932px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable i {
              display: none; } }
          @media only screen and (min-width: 428px) and (max-width: 926px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable i {
              display: none; } }
          @media only screen and (min-width: 393px) and (max-width: 852px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable i {
              display: none; } }
          @media only screen and (max-width: 390px) and (max-height: 844px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable i {
              display: none; } }
          @media only screen and (max-width: 384px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable i {
              display: none; } }
          @media only screen and (max-width: 375px) and (max-height: 812px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable i {
              display: none; } }
          @media only screen and (max-width: 375px) and (max-height: 667px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable i {
              display: none; } }
          @media only screen and (max-width: 360px) and (max-height: 640px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-desmontable i {
              display: none; } }
      .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-right-column-desmontable {
        padding: 2rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between; }
        @media only screen and (max-width: 1024px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-right-column-desmontable {
            max-width: 300px;
            margin: 0 0 0 -19px; } }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-right-column-desmontable {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 0px;
            z-index: 999; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-right-column-desmontable {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 0px;
            z-index: 999; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-right-column-desmontable {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 0px;
            z-index: 999; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-right-column-desmontable {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 0px;
            z-index: 999; } }
        @media only screen and (max-width: 384px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-right-column-desmontable {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 0px;
            z-index: 999; } }
        @media only screen and (max-width: 375px) and (max-height: 812px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-right-column-desmontable {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 0px;
            z-index: 999; } }
        @media only screen and (max-width: 375px) and (max-height: 667px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-right-column-desmontable {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 0px;
            z-index: 999; } }
        @media only screen and (max-width: 360px) and (max-height: 640px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-right-column-desmontable {
            max-width: 100%;
            order: 2;
            margin: -18% 0 0 0px;
            z-index: 999; } }
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-right-column-desmontable p {
          font-family: 'Poppins';
          font-size: .9rem;
          color: #000;
          max-width: 400px; }
          @media only screen and (max-width: 1024px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-right-column-desmontable p {
              font-size: .75rem; } }
          @media only screen and (min-width: 1600px) and (max-width: 1920px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-right-column-desmontable p {
              font-size: 1.1rem; } }
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-right-column-desmontable span {
          border-radius: 3rem;
          background: #273238;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
          color: #fff;
          font-size: 1.2rem;
          padding: .8rem 1.3rem;
          letter-spacing: .1rem;
          align-self: flex-end; }
      .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable {
        width: 350px;
        max-width: 300px;
        margin-left: auto; }
        @media only screen and (max-width: 1024px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable {
            margin: 10% 0 0 14px; } }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        @media only screen and (max-width: 384px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        @media only screen and (max-width: 375px) and (max-height: 812px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        @media only screen and (max-width: 375px) and (max-height: 667px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        @media only screen and (max-width: 360px) and (max-height: 640px) {
          .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable {
            order: 0;
            margin: 0 0 0 15%;
            z-index: 0; } }
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable .owl-carousel-desmontable .cielorraso-item-desmontable img {
          width: 100%;
          height: auto;
          margin: 0; }
          @media only screen and (min-width: 1600px) and (max-width: 1920px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable .owl-carousel-desmontable .cielorraso-item-desmontable img {
              margin-top: 44%; } }
          @media only screen and (min-width: 430px) and (max-width: 932px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable .owl-carousel-desmontable .cielorraso-item-desmontable img {
              width: 230px;
              height: 230px; } }
          @media only screen and (min-width: 428px) and (max-width: 926px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable .owl-carousel-desmontable .cielorraso-item-desmontable img {
              width: 230px;
              height: 230px; } }
          @media only screen and (min-width: 393px) and (max-width: 852px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable .owl-carousel-desmontable .cielorraso-item-desmontable img {
              width: 230px;
              height: 230px; } }
          @media only screen and (max-width: 390px) and (max-height: 844px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable .owl-carousel-desmontable .cielorraso-item-desmontable img {
              width: 230px;
              height: 230px; } }
          @media only screen and (max-width: 384px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable .owl-carousel-desmontable .cielorraso-item-desmontable img {
              width: 230px;
              height: 230px; } }
          @media only screen and (max-width: 375px) and (max-height: 812px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable .owl-carousel-desmontable .cielorraso-item-desmontable img {
              width: 230px;
              height: 230px; } }
          @media only screen and (max-width: 375px) and (max-height: 667px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable .owl-carousel-desmontable .cielorraso-item-desmontable img {
              width: 230px;
              height: 230px; } }
          @media only screen and (max-width: 360px) and (max-height: 640px) {
            .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable .owl-carousel-desmontable .cielorraso-item-desmontable img {
              width: 230px;
              height: 230px; } }
        .main-pvc #cielorraso-desmontable .cielorraso-container-desmontable .cielorraso-card-desmontable .cielorraso-left-column-img-desmontable .carousel-selectors-desmontable .selector-desmontable i {
          color: #333;
          font-size: 30px; }

.main-pvc .detallePvc {
  margin: 6% 0 0 0; }
  .main-pvc .detallePvc .strip-Pvc {
    width: 100%;
    height: 350px;
    max-width: 1310px;
    /* Ancho máximo para mantener la legibilidad en pantallas grandes */
    margin: 20px;
    /* Ajustado para mayor espacio entre tiras */
    display: flex;
    /* Utiliza flexbox para alinear elementos */
    align-items: center; }
    @media only screen and (max-width: 768px) {
      .main-pvc .detallePvc .strip-Pvc {
        display: flex;
        width: 98%;
        height: 170px;
        margin: -98% 0 385px 3px;
        padding: 0 0 0 3px; } }
    .main-pvc .detallePvc .strip-Pvc img {
      max-width: 100%;
      width: 800px;
      height: 550px;
      margin: 10% 0 0 3%;
      border-radius: 20px; }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .main-pvc .detallePvc .strip-Pvc img {
          display: none; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .main-pvc .detallePvc .strip-Pvc img {
          display: none; } }
      @media only screen and (min-width: 393px) and (max-width: 852px) {
        .main-pvc .detallePvc .strip-Pvc img {
          display: none; } }
      @media only screen and (max-width: 390px) and (max-height: 844px) {
        .main-pvc .detallePvc .strip-Pvc img {
          display: none; } }
      @media only screen and (max-width: 384px) {
        .main-pvc .detallePvc .strip-Pvc img {
          display: none; } }
      @media only screen and (max-width: 375px) and (max-height: 812px) {
        .main-pvc .detallePvc .strip-Pvc img {
          display: none; } }
      @media only screen and (max-width: 375px) and (max-height: 667px) {
        .main-pvc .detallePvc .strip-Pvc img {
          display: none; } }
      @media only screen and (max-width: 360px) and (max-height: 640px) {
        .main-pvc .detallePvc .strip-Pvc img {
          display: none; } }
    .main-pvc .detallePvc .strip-Pvc .strip-content-Pvc {
      font-family: 'Poppins';
      color: #333;
      display: flex;
      flex-direction: column;
      margin: 0 0 0 21%; }
      .main-pvc .detallePvc .strip-Pvc .strip-content-Pvc h2 {
        font-family: 'Poppins';
        font-size: 1.8rem;
        font-weight: 700;
        color: #383f47;
        display: flex;
        margin: 50% 0 0 -27%;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          .main-pvc .detallePvc .strip-Pvc .strip-content-Pvc h2 {
            display: flex;
            font-size: 1.1rem; } }
        @media only screen and (min-width: 1600px) and (max-width: 1920px) {
          .main-pvc .detallePvc .strip-Pvc .strip-content-Pvc h2 {
            font-size: 2.2rem;
            width: 500px;
            margin-left: -10%;
            margin-top: 38%; } }
      .main-pvc .detallePvc .strip-Pvc .strip-content-Pvc p {
        font-family: 'Poppins';
        font-size: 1rem;
        color: #383f47; }
        @media only screen and (max-width: 768px) {
          .main-pvc .detallePvc .strip-Pvc .strip-content-Pvc p {
            display: none; } }
      .main-pvc .detallePvc .strip-Pvc .strip-content-Pvc #btn-techos {
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        background: #383f47;
        color: #fff;
        padding: 6px 40px;
        letter-spacing: 1px;
        user-select: none;
        border-radius: 20px;
        width: 140px; }
        @media only screen and (max-width: 768px) {
          .main-pvc .detallePvc .strip-Pvc .strip-content-Pvc #btn-techos {
            font-size: 12px;
            width: 94px;
            padding: 7px 23px; } }
      .main-pvc .detallePvc .strip-Pvc .strip-content-Pvc #btn-techos:hover {
        background: #757575;
        color: #000;
        border-radius: 20px; }
  .main-pvc .detallePvc a {
    display: flex;
    align-items: center; }

.main-pvc .banner-shop-cs {
  background-color: #8baac0;
  height: 245px;
  width: 100%;
  padding: 1px;
  margin: 13% 0 0 0; }
  @media only screen and (min-width: 430px) and (max-width: 932px) {
    .main-pvc .banner-shop-cs {
      display: flex;
      height: 180px;
      width: 100%;
      margin: -38% 0 40% 0; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    .main-pvc .banner-shop-cs {
      display: flex;
      height: 180px;
      width: 100%;
      margin: -53% 0 40% 0; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    .main-pvc .banner-shop-cs {
      display: flex;
      height: 180px;
      width: 100%;
      margin: -53% 0 40% 0; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    .main-pvc .banner-shop-cs {
      display: flex;
      height: 180px;
      width: 100%;
      margin: -53% 0 40% 0; } }
  @media only screen and (max-width: 384px) {
    .main-pvc .banner-shop-cs {
      display: flex;
      height: 180px;
      width: 100%;
      margin: -53% 0 40% 0; } }
  @media only screen and (max-width: 375px) and (max-height: 812px) {
    .main-pvc .banner-shop-cs {
      display: flex;
      height: 180px;
      width: 100%;
      margin: -53% 0 40% 0; } }
  @media only screen and (max-width: 375px) and (max-height: 667px) {
    .main-pvc .banner-shop-cs {
      display: flex;
      height: 180px;
      width: 100%;
      margin: -53% 0 40% 0; } }
  @media only screen and (max-width: 360px) and (max-height: 640px) {
    .main-pvc .banner-shop-cs {
      display: flex;
      height: 180px;
      width: 100%;
      margin: -53% 0 40% 0; } }
  .main-pvc .banner-shop-cs h2 {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 2rem;
    color: #fff;
    width: 100%;
    display: flex;
    position: relative;
    text-align: center;
    justify-content: center;
    align-items: center;
    top: 35%; }
    @media only screen and (max-width: 768px) {
      .main-pvc .banner-shop-cs h2 {
        display: flex;
        font-size: 1.2rem;
        margin: -133px 0 0 0; } }

.quienes-somos-main {
  overflow-x: hidden; }

.home-qs {
  width: 100%; }
  @media only screen and (max-width: 768px) {
    .home-qs {
      height: 170px; } }
  .home-qs img {
    width: 100%;
    height: 360px;
    margin: 6% 0 0 0; }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .home-qs img {
        height: 240px;
        width: 1000px;
        margin-left: -153px;
        margin-top: 0; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .home-qs img {
        height: 240px;
        width: 1000px;
        margin-left: -153px;
        margin-top: 0; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .home-qs img {
        height: 240px;
        width: 1000px;
        margin-left: -153px;
        margin-top: 0; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .home-qs img {
        height: 240px;
        width: 1000px;
        margin-left: -153px;
        margin-top: 0; } }
    @media only screen and (max-width: 384px) {
      .home-qs img {
        height: 240px;
        width: 1000px;
        margin-left: -153px;
        margin-top: 0; } }
  .home-qs .logo-azul {
    width: 140px;
    height: 140px;
    margin: -8% 0 0 7%;
    box-shadow: 0.4em 9px 0.8em rgba(0, 0, 0, 0.3); }
    @media only screen and (max-width: 768px) {
      .home-qs .logo-azul {
        height: auto;
        width: 80px;
        margin: -40px 0 0 20px; } }

.section-2-quienes-somos {
  height: 200vh;
  margin: 10% 0 -5% 30px;
  width: 95%; }
  @media only screen and (max-width: 768px) {
    .section-2-quienes-somos {
      margin-top: 43%; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .section-2-quienes-somos {
      height: 140vh; } }
  @media only screen and (max-width: 375px) and (max-height: 667px) {
    .section-2-quienes-somos {
      margin-bottom: 247%; } }
  @media only screen and (max-width: 360px) and (max-height: 640px) {
    .section-2-quienes-somos {
      margin-bottom: 300%; } }
  .section-2-quienes-somos .quienes-somos-content .introduction {
    display: flex;
    text-align: justify;
    width: 100%;
    padding: 5%;
    margin-top: -11%;
    font-family: 'Poppins';
    font-size: 1rem;
    font-weight: 300;
    color: #333; }
    @media only screen and (max-width: 768px) {
      .section-2-quienes-somos .quienes-somos-content .introduction {
        margin: 0 0 0 -25px; } }
  .section-2-quienes-somos .quienes-somos-content .quienes-somos-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    margin-bottom: 5%;
    grid-template-areas: "ahorro sustentabilidad"; }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .section-2-quienes-somos .quienes-somos-content .quienes-somos-grid {
        margin-top: 5%;
        margin-bottom: -10%; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .section-2-quienes-somos .quienes-somos-content .quienes-somos-grid {
        margin-top: 5%;
        margin-bottom: -10%; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .section-2-quienes-somos .quienes-somos-content .quienes-somos-grid {
        margin-top: 5%;
        margin-bottom: -10%; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .section-2-quienes-somos .quienes-somos-content .quienes-somos-grid {
        margin-top: 5%;
        margin-bottom: -10%; } }
    .section-2-quienes-somos .quienes-somos-content .quienes-somos-grid .ahorro {
      grid-area: ahorro;
      height: 200px;
      width: 200px;
      display: flex;
      margin-left: 65%;
      margin-top: -8%; }
      @media only screen and (max-width: 768px) {
        .section-2-quienes-somos .quienes-somos-content .quienes-somos-grid .ahorro {
          margin-left: 10px;
          width: 150px;
          height: 150px; } }
    .section-2-quienes-somos .quienes-somos-content .quienes-somos-grid .sustentabilidad {
      grid-area: sustentabilidad;
      height: 200px;
      width: 200px;
      display: flex;
      margin-top: -8%; }
      @media only screen and (max-width: 768px) {
        .section-2-quienes-somos .quienes-somos-content .quienes-somos-grid .sustentabilidad {
          margin-left: -25px;
          width: 150px;
          height: 150px; } }
  .section-2-quienes-somos .quienes-somos-content .title-2 {
    color: #fff;
    padding: 5%;
    margin-top: -13%;
    margin-bottom: 2%;
    font-size: 1.6rem; }
    @media only screen and (max-width: 384px) {
      .section-2-quienes-somos .quienes-somos-content .title-2 {
        width: 90%;
        text-align: center;
        margin: -80px 0 40px -3px; } }
  .section-2-quienes-somos .quienes-somos-content .introduction {
    display: flex;
    text-align: justify;
    width: 100%;
    padding: 5%;
    margin-top: -11%;
    font-family: 'Poppins';
    font-size: 1rem;
    font-weight: 300;
    color: #333; }
  .section-2-quienes-somos .quienes-somos-content .lista-principios {
    display: flex;
    width: 100%;
    border-radius: 20px;
    gap: 1rem;
    margin-bottom: 1%; }
    @media only screen and (max-width: 768px) {
      .section-2-quienes-somos .quienes-somos-content .lista-principios {
        flex-direction: column; } }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      .section-2-quienes-somos .quienes-somos-content .lista-principios {
        margin-left: 7%; } }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .section-2-quienes-somos .quienes-somos-content .lista-principios {
        margin: -30% 0; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .section-2-quienes-somos .quienes-somos-content .lista-principios {
        margin: -30% 0; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .section-2-quienes-somos .quienes-somos-content .lista-principios {
        margin: -30% 0; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .section-2-quienes-somos .quienes-somos-content .lista-principios {
        margin: -30% 0; } }
    .section-2-quienes-somos .quienes-somos-content .lista-principios .ul-izquierda {
      display: flex;
      flex-direction: column;
      margin-left: 15%;
      background: whitesmoke;
      padding: 50px; }
      @media only screen and (max-width: 768px) {
        .section-2-quienes-somos .quienes-somos-content .lista-principios .ul-izquierda {
          background: whitesmoke;
          width: 332px;
          margin: 0 0 0 1px; } }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .section-2-quienes-somos .quienes-somos-content .lista-principios .ul-izquierda {
          width: 366px; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .section-2-quienes-somos .quienes-somos-content .lista-principios .ul-izquierda {
          width: 366px; } }
    .section-2-quienes-somos .quienes-somos-content .lista-principios .ul-derecha {
      display: flex;
      flex-direction: column;
      margin-left: 0%;
      background: #eeeeee;
      padding: 50px;
      width: 332px; }
      @media only screen and (min-width: 430px) and (max-width: 932px) {
        .section-2-quienes-somos .quienes-somos-content .lista-principios .ul-derecha {
          width: 366px; } }
      @media only screen and (min-width: 428px) and (max-width: 926px) {
        .section-2-quienes-somos .quienes-somos-content .lista-principios .ul-derecha {
          width: 366px; } }

@media only screen and (min-width: 393px) and (max-width: 852px) {
  .disposicion-qs {
    margin: -103% 0 60% 0; } }

@media only screen and (max-width: 390px) and (max-height: 844px) {
  .disposicion-qs {
    margin: -103% 0 60% 0; } }

@media only screen and (max-width: 384px) {
  .disposicion-qs {
    margin: -71% 0 60% 0; } }

@media only screen and (max-width: 375px) and (max-height: 812px) {
  .disposicion-qs {
    margin: -71% 0 60% 0; } }

@media only screen and (max-width: 375px) and (max-height: 667px) {
  .disposicion-qs {
    margin: -71% 0 60% 0; } }

@media only screen and (max-width: 360px) and (max-height: 640px) {
  .disposicion-qs {
    margin: -75% 0 60% 0; } }

@media only screen and (min-width: 430px) and (max-width: 932px) {
  .disposicion-qs {
    margin: -175% 0 60% 0; } }

@media only screen and (min-width: 428px) and (max-width: 926px) {
  .disposicion-qs {
    margin: -175% 0 60% 0; } }

.disposicion-qs .disposicion-6-qs {
  height: 70vh;
  background-image: url(https://i.pinimg.com/564x/09/dc/24/09dc24e77ec05440710cbc536e6426b5.jpg);
  filter: opacity(25%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    .disposicion-qs .disposicion-6-qs {
      height: 270px;
      margin: 170% 0 0 0; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .disposicion-qs .disposicion-6-qs {
      margin-top: 12%; } }

.disposicion-qs .disposicion-content-qs {
  display: flex; }
  .disposicion-qs .disposicion-content-qs .disposicion-title-qs {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 2rem;
    color: #000;
    width: 100%;
    display: flex;
    position: relative;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: -38%; }
    @media only screen and (min-width: 430px) and (max-width: 932px) {
      .disposicion-qs .disposicion-content-qs .disposicion-title-qs {
        font-size: 1.3rem;
        margin: -70% 0 0 0; } }
    @media only screen and (min-width: 428px) and (max-width: 926px) {
      .disposicion-qs .disposicion-content-qs .disposicion-title-qs {
        font-size: 1.3rem;
        margin: -70% 0 0 0; } }
    @media only screen and (min-width: 393px) and (max-width: 852px) {
      .disposicion-qs .disposicion-content-qs .disposicion-title-qs {
        font-size: 1.3rem;
        margin: -70% 0 0 0; } }
    @media only screen and (max-width: 390px) and (max-height: 844px) {
      .disposicion-qs .disposicion-content-qs .disposicion-title-qs {
        font-size: 1.3rem;
        margin: -70% 0 0 0; } }
    @media only screen and (max-width: 384px) {
      .disposicion-qs .disposicion-content-qs .disposicion-title-qs {
        font-size: 1.3rem;
        margin: -70% 0 0 0; } }

.disposicion-qs .btn-redirect-qs {
  display: flex;
  position: absolute;
  margin-top: -14%;
  margin-left: 44%;
  background: var(--section-cs);
  border: 2px solid #273238;
  border-radius: 30px;
  padding: 10px 0px 10px 35px;
  width: 200px; }
  @media only screen and (max-width: 768px) {
    .disposicion-qs .btn-redirect-qs {
      display: flex;
      margin: -75px 0 0 90px; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .disposicion-qs .btn-redirect-qs {
      background: #273238;
      width: 300px;
      height: 60px; } }
  @media only screen and (min-width: 430px) and (max-width: 932px) {
    .disposicion-qs .btn-redirect-qs {
      margin-left: 28%; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    .disposicion-qs .btn-redirect-qs {
      margin-left: 28%; } }
  .disposicion-qs .btn-redirect-qs a {
    font-size: 'Poppins';
    font-weight: 400;
    text-decoration: none;
    color: #333; }
    @media only screen and (min-width: 1600px) and (max-width: 1920px) {
      .disposicion-qs .btn-redirect-qs a {
        color: #ffffff;
        font-size: 1.5rem;
        margin-left: 14px; } }

.disposicion-qs .btn-redirect-qs:hover {
  cursor: pointer;
  transition: all .3s ease-in-out;
  background-color: #d30809;
  border: 2px solid #d30809;
  color: #273238;
  font-family: 'Poppins';
  font-weight: 500; }

.wrapper-gallery {
  columns: 3 350px;
  column-gap: 0.5em;
  margin: 80px 0 0 0;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .wrapper-gallery {
      margin: 0px; } }
  @media only screen and (max-width: 768px) {
    .wrapper-gallery .img5 {
      display: flex; } }
  @media only screen and (max-width: 768px) {
    .wrapper-gallery .none {
      display: none; } }
  .wrapper-gallery::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 10%, white 70%);
    pointer-events: none; }
    @media only screen and (max-width: 768px) {
      .wrapper-gallery::before {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, white 80%); } }
  .wrapper-gallery img {
    max-width: 100%;
    margin-bottom: 0.5em; }

.contacto-container {
  height: 63vh;
  margin: -28% 0 0 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: linear-gradient(180deg, #fff, #d7e1ec 75%); }
  @media only screen and (max-width: 768px) {
    .contacto-container {
      display: flex;
      margin-top: -18%;
      height: 75px; } }
  @media only screen and (min-width: 430px) and (max-width: 932px) {
    .contacto-container {
      height: 85px; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    .contacto-container {
      height: 85px; } }
  .contacto-container .contacto-title-center {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3rem;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    margin: 0 0 150px -1%; }
    @media only screen and (max-width: 768px) {
      .contacto-container .contacto-title-center {
        font-size: 2rem; } }
  .contacto-container .boton {
    display: inline-block;
    height: 60px;
    width: 60px;
    margin: 0 20px -8% 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    transition: width 0.3s ease-out, height 0.3s ease-out; }
    @media only screen and (max-width: 768px) {
      .contacto-container .boton {
        width: 40px;
        height: 40px;
        margin: -60px 4px -4% 0; } }
    .contacto-container .boton .redes-icono {
      display: inline-block;
      height: 60px;
      width: 60px;
      border-radius: 50px;
      box-sizing: border-box;
      text-align: center;
      position: relative;
      line-height: initial; }
      @media only screen and (max-width: 768px) {
        .contacto-container .boton .redes-icono {
          height: 40px;
          width: 40px;
          border-radius: 50px; } }
      .contacto-container .boton .redes-icono i {
        font-size: 30px;
        line-height: 60px; }
        @media only screen and (max-width: 768px) {
          .contacto-container .boton .redes-icono i {
            margin: -10px 0 0 -2px;
            font-size: 21px; } }
      .contacto-container .boton .redes-icono span {
        font-family: 'Poppins';
        font-size: 15px;
        font-weight: 400;
        line-height: 60px;
        color: #000;
        position: absolute;
        left: 70px;
        top: 0;
        white-space: nowrap; }
        @media only screen and (max-width: 768px) {
          .contacto-container .boton .redes-icono span {
            margin: -10px 0 0 0; } }
    .contacto-container .boton:nth-child(1):hover .redes-icono {
      background: #00cf4d;
      color: #fff; }
    .contacto-container .boton:hover {
      width: 200px;
      height: 60px;
      color: #000; }
      @media only screen and (max-width: 768px) {
        .contacto-container .boton:hover {
          background: #fff;
          width: 200px;
          height: 40px; } }
    .contacto-container .boton:nth-child(2):hover .redes-icono {
      background: #00cf4d;
      color: #fff; }
    .contacto-container .boton:nth-child(3):hover .redes-icono {
      background: linear-gradient(30deg, #3040e6 10%, #d41356, #e74f31, #f0ce6c);
      color: #fff; }
    .contacto-container .boton:nth-child(4):hover .redes-icono {
      background: #1877f2;
      color: #fff; }
    .contacto-container .boton:nth-child(5):hover .redes-icono {
      background: #333;
      color: #fff; }
    .contacto-container .boton:nth-child(6):hover .redes-icono {
      background: red;
      color: #fff; }

.section-3-contacto {
  background: #d7e1ec;
  height: 620px; }
  @media only screen and (max-width: 768px) {
    .section-3-contacto {
      height: 700px; } }
  @media only screen and (min-width: 430px) and (max-width: 932px) {
    .section-3-contacto {
      height: 1000px; } }
  @media only screen and (min-width: 428px) and (max-width: 926px) {
    .section-3-contacto {
      height: 1000px; } }
  @media only screen and (min-width: 393px) and (max-width: 852px) {
    .section-3-contacto {
      height: 970px; } }
  @media only screen and (max-width: 390px) and (max-height: 844px) {
    .section-3-contacto {
      height: 970px; } }
  .section-3-contacto .grid-contacto {
    padding: 40px;
    display: grid;
    grid-template-columns: 1fr 0.5fr;
    grid-template-rows: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 0px 15px;
    grid-auto-flow: row;
    grid-template-areas: "ayuda g-maps"; }
    @media only screen and (max-width: 768px) {
      .section-3-contacto .grid-contacto {
        display: block;
        margin-bottom: 10px; } }
    .section-3-contacto .grid-contacto .ayuda {
      border-radius: 30px;
      grid-area: ayuda;
      height: 550px;
      width: 100%;
      display: flex;
      justify-content: center;
      background-color: #fff; }
      @media only screen and (max-width: 768px) {
        .section-3-contacto .grid-contacto .ayuda {
          height: 300px;
          margin-bottom: 20px; } }
      .section-3-contacto .grid-contacto .ayuda img {
        width: 100%;
        height: 80%;
        margin-top: 13%;
        margin-left: 38%;
        border-radius: 30px; }
        @media only screen and (max-width: 768px) {
          .section-3-contacto .grid-contacto .ayuda img {
            height: 230px;
            margin-top: 71px; } }
        @media only screen and (min-width: 430px) and (max-width: 932px) {
          .section-3-contacto .grid-contacto .ayuda img {
            margin-left: 100px; } }
        @media only screen and (min-width: 428px) and (max-width: 926px) {
          .section-3-contacto .grid-contacto .ayuda img {
            margin-left: 100px; } }
        @media only screen and (min-width: 393px) and (max-width: 852px) {
          .section-3-contacto .grid-contacto .ayuda img {
            margin-left: 84px; } }
        @media only screen and (max-width: 390px) and (max-height: 844px) {
          .section-3-contacto .grid-contacto .ayuda img {
            margin-left: 81px; } }
        @media only screen and (max-width: 384px) {
          .section-3-contacto .grid-contacto .ayuda img {
            margin-left: 74.5px; } }
        @media only screen and (max-width: 375px) and (max-height: 667px) {
          .section-3-contacto .grid-contacto .ayuda img {
            margin-left: 66px; } }
        @media only screen and (max-width: 375px) and (max-height: 812px) {
          .section-3-contacto .grid-contacto .ayuda img {
            margin-left: 66px; } }
        @media only screen and (max-width: 360px) and (max-height: 640px) {
          .section-3-contacto .grid-contacto .ayuda img {
            margin-left: 52px; } }
      .section-3-contacto .grid-contacto .ayuda .ayuda-title {
        display: flex;
        position: absolute;
        text-align: center;
        margin-top: 4%;
        font-family: 'Poppins';
        font-size: 2rem; }
        @media only screen and (max-width: 768px) {
          .section-3-contacto .grid-contacto .ayuda .ayuda-title {
            font-size: 1.4rem; } }
      .section-3-contacto .grid-contacto .ayuda .ayuda-parrafo {
        display: flex;
        position: absolute;
        text-align: center;
        margin-top: 8%;
        font-family: 'Poppins';
        font-size: .8rem; }
        @media only screen and (max-width: 768px) {
          .section-3-contacto .grid-contacto .ayuda .ayuda-parrafo {
            font-size: .85rem;
            width: 68%;
            margin-top: 41px;
            text-align: justify; } }
      .section-3-contacto .grid-contacto .ayuda .ayuda-link {
        display: flex;
        position: absolute;
        text-align: center;
        margin-top: 9.5%;
        font-family: 'Poppins';
        font-size: 1rem;
        background: #d7e1ec;
        padding: 13px;
        border-radius: 30px; }
        @media only screen and (max-width: 768px) {
          .section-3-contacto .grid-contacto .ayuda .ayuda-link {
            display: flex;
            margin-top: 122px;
            width: 162px;
            height: 35px; } }
        @media only screen and (max-width: 768px) {
          .section-3-contacto .grid-contacto .ayuda .ayuda-link a {
            font-size: 14px;
            margin: -3px 0 0 14px; } }
  .section-3-contacto .g-maps {
    grid-area: g-maps;
    height: 550px;
    width: 100%;
    display: flex;
    border-radius: 30px;
    background-color: #fff; }
    @media only screen and (max-width: 768px) {
      .section-3-contacto .g-maps {
        height: 320px;
        margin-top: 21px; } }
    .section-3-contacto .g-maps img {
      width: 99%;
      height: 85%;
      margin-top: 20%;
      border-radius: 30px; }
    .section-3-contacto .g-maps .ayuda-title-link {
      display: flex;
      position: absolute;
      text-align: center;
      margin-left: 7%;
      margin-top: 4%;
      font-family: 'Poppins';
      font-size: 2rem; }
      @media only screen and (max-width: 768px) {
        .section-3-contacto .g-maps .ayuda-title-link {
          font-size: 1.4rem;
          margin: 17px 0 0 64px; } }
    .section-3-contacto .g-maps .ayuda-parrafo-link {
      display: flex;
      position: absolute;
      text-align: center;
      margin-left: 1%;
      width: 30%;
      margin-top: 8%;
      font-family: 'Poppins';
      font-size: .8rem; }
      @media only screen and (max-width: 768px) {
        .section-3-contacto .g-maps .ayuda-parrafo-link {
          display: none; } }
    .section-3-contacto .g-maps .ayuda-link-link {
      display: flex;
      position: absolute;
      text-align: center;
      margin-top: 11.5%;
      margin-left: 11.5%;
      font-family: 'Poppins';
      font-size: .8rem;
      background: #d7e1ec;
      padding: 8px;
      border-radius: 30px; }
      @media only screen and (max-width: 768px) {
        .section-3-contacto .g-maps .ayuda-link-link {
          display: flex;
          margin: 51px 0 0 75px;
          width: 140px;
          height: 32px; } }
      @media only screen and (min-width: 1600px) and (max-width: 1920px) {
        .section-3-contacto .g-maps .ayuda-link-link {
          margin-top: 167px; } }
      @media only screen and (max-width: 768px) {
        .section-3-contacto .g-maps .ayuda-link-link a {
          font-size: 14px;
          margin: -2px 0 0 10px; } }