@font-face {
  font-family: "dm-regular";
  src: url("../fonts/DMSans-Regular.ttf");
}

@font-face {
  font-family: "dm-medium";
  src: url("../fonts/DMSans-Medium.ttf");
}

@font-face {
  font-family: "dm-bold";
  src: url("../fonts/DMSans-Bold.ttf");
}

body {
  font-family: "dm-regular" !important;
  background-color: #ffffff;
  color: #484848;
}

/* PHONES */
@media only screen and (max-width: 768px) {
  .offcanvas-posicion {
    z-index: 100000;
  }
  .bg-aceros {
    background-color: #181818;
  }

  .img-head {
    width: 150px;
    margin-left: -20%;
    margin-top: 5%;
  }

  .icon-button-nav {
    color: white;
    font-size: 2rem;
  }

  .navlinks {
    margin-right: 10%;
  }

  .link-head-one {
    font-family: "dm-regular" !important;
    color: white;
    transition: all 0.5s;
  }
  .link-head-one:hover {
    font-family: "dm-regular" !important;
    color: #f5c111;
    transition: all 0.5s;
  }
  .link-head-two {
    font-family: "dm-bold" !important;
    background-color: #f5c111;
    color: #181818;
    transition: all 0.5s;
  }
  .link-head-two:hover {
    font-family: "dm-bold" !important;
    background-color: #d4a60e;
    color: #181818;
    transition: all 0.5s;
  }

  /* Bannerd Head */

  .banner-home {
    background-color: #383120;
  }

  .contenedor-home {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }

  .img-home {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .col-sinp {
    padding: 0% !important;
  }

  .text-home-1 {
    font-family: "dm-medium" !important;
    font-size: 1.5rem;
    color: white;
    margin-top: 20%;
  }
  .text-home-2 {
    font-family: "dm-bold" !important;
    font-size: 3rem;
    line-height: 3.2rem;
    color: white;
    margin-top: 7%;
    margin-bottom: 5%;
  }
  .text-home-3 {
    font-family: "dm-regular" !important;
    font-size: 16px;
    color: white;
    text-align: justify;
    margin-top: 7%;
  }

  .align-btn-home {
    margin-top: 10%;
    text-align: center;
  }

  .btn-home1 {
    background-color: #a98408;
    color: white;
    border-radius: inherit;
    font-size: 16px;
    padding: 10px 25px;
  }

  /* ESTILES BANNERS  */

  .section-banners {
    background-color: #181818;
    padding: 20% 10%;
  }

  .collapse-aceros {
    transition: height 0.5s, opacity 0.5s;
  }

  .show-aceros {
    opacity: 1;
  }

  .collapse-aceros:not(.show-aceros) {
    height: 0;
    opacity: 0;
    overflow: hidden;
    display: none;
  }

  .active-button-aceros {
    font-family: "dm-bold";
    background-color: #dda027 !important;
    color: #181818 !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    padding: 10px 10px;
    font-size: 14px;
    width: 100%;
  }

  .button-aceros-banners {
    font-family: "dm-bold";
    background-color: #181818;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    padding: 10px 10px;
    font-size: 14px;
    width: 100%;
  }

  .col-linea {
    border-bottom: 1px solid #6d6d6d00;
    margin-bottom: 2%;
  }

  .title-one-banner {
    font-family: "dm-bold" !important;
    font-size: 2.5rem;
    color: white;
    text-align: start;
    margin-top: 2%;
  }
  .text-one-banner {
    font-family: "dm-regular" !important;
    font-size: 14px;
    color: white;
    text-align: start;
    margin-top: 2%;
  }

  .alignbtn-onehome {
    text-align: center;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .btn-home2 {
    background-color: #a98408;
    color: white;
    border-radius: inherit;
    font-size: 14px;
    padding: 8px 30px;
  }

  .banner-one-home {
    background-image: url("../img/banner1.png");
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 80px 25px;
  }

  .banner-two-home {
    background-image: url("../img/banner2.png");
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 80px 25px;
  }

  .banner-three-home {
    background-image: url("../img/banner3.png");
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 80px 25px;
  }

  .banner-four-home {
    background-image: url("../img/banner4.png");
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 80px 25px;
  }

  /* ESTILOS SECCION 3 */

  .section-elegirnos {
    background-color: #f4f4f4;
    padding: 4% 5% 5% 5%;
  }

  .subtitle-elegirnos {
    font-family: "dm-bold" !important;
    font-size: 16px;
    color: #898991;
    text-align: center;
    margin-top: 2%;
  }
  .title-elegirnos {
    font-family: "dm-bold" !important;
    font-size: 1.8rem;
    line-height: 2rem;
    color: #181818;
    text-align: center;
    margin-top: -5px;
  }

  .img-tracktor {
    width: 80%;
    position: absolute;
    right: 0 !important;
    margin-top: -25%;
  }

  .row-items-elegirnos {
    margin-top: 12%;
  }

  .number-elegirnos {
    font-family: "dm-bold";
    background-color: #dda027;
    color: white;
    font-size: 1.5rem;
    padding: 10px 20px;
    border-radius: 50px;
  }

  .title-item-elegirnos {
    font-family: "dm-bold" !important;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #181818;
    text-align: center;
    margin-top: 20px;
  }
  .text-item-elegirnos {
    font-family: "dm-regular" !important;
    font-size: 14px;
    line-height: 20px;
    color: #181818;
    text-align: center;
    margin-top: 11px;
  }

  /* descubre yellow */

  .descubrehome {
    background-image: url(../img/banner-home-botton-mb.png);
    min-height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 20px;
  }

  .text-decubrehome {
    font-family: "dm-bold" !important;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: #000000;
    text-align: center;
    margin-top: 60%;
  }

  .footer {
    background-color: #181818;
    padding: 40px 0px;
  }

  .title-footer {
    font-family: "dm-bold" !important;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #ffbf00;
    text-align: center;
    display: none;
  }
  .text-footer {
    font-family: "dm-regular" !important;
    font-size: 14px;
    color: #ffbf00;
    text-align: center;
    display: none;
  }

  .align-logo-footer {
    text-align: center;
  }

  .title-siguenos {
    font-family: "dm-bold" !important;
    font-size: 1.2rem;
    color: #ffbf00;
    text-align: center;
    margin-top: 3%;
  }

  .icon-footer {
    color: #ffffff;
    margin-left: 5%;
    text-decoration: none;
  }

  .ws-siguenos {
    font-family: "dm-bold" !important;
    font-size: 1.4rem;
    color: #ffbf00;
    text-align: center;
    margin-top: 5%;
  }

  .address-siguenos {
    font-family: "dm-regular" !important;
    font-size: 12px;
    color: #ffbf00;
    text-align: center;
  }

  .copy {
    background-color: #0f0f0e;
    padding: 15px 0px 0px 0px;
    margin-top: 5%;
  }
  .copy-text {
    font-family: "dm-regular" !important;
    font-size: 12px;
    color: white;
    text-align: center;
  }

  /*******************************************************************************
  ******************************  NOSOTROS ***************************************
  ********************************************************************************/

  .banner-nosotros {
    background-image: url("../img/banner-nosotros.png");
    min-height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 25px;
  }

  .title-nosotros {
    font-family: "dm-bold" !important;
    font-size: 2.5rem;
    text-shadow: 1px 1px 16px black;
    color: white;
    text-align: center;
    margin-top: 10%;
  }

  .body-nosotros {
    background-color: #f4f4f4;
    padding: 15% 0px;
  }

  .text-nosotros {
    font-family: "dm-regular" !important;
    font-size: 14px;
    color: #090b0c;
    text-align: center;
    margin-top: 2%;
  }

  .text-supnosotros {
    font-family: "dm-bold" !important;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: white;
    text-align: center;
    margin-top: 10%;
  }

  .calidad-nosotros {
    background-color: #f1be24;
    padding: 3% 0px;
  }

  .title-calidad {
    font-family: "dm-bold" !important;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #000000;
    text-align: center;
    margin-top: 2%;
  }
  .palign-btncalidad {
    text-align: center;
    margin-top: 5%;
  }

  .btn-moreinfo-calidad {
    background-color: #181818;
    color: white;
    border-radius: inherit;
    padding: 7px 25px;
  }
  .btn-moreinfo-calidad:hover {
    background-color: #181818;
    color: white;
    border-radius: inherit;
    padding: 7px 25px;
  }

  .img-escavadora {
    width: 100%;
    position: inherit;
    margin-top: -20%;
    margin-left: -5%;
  }

  /*******************************************************************************
  ******************************  productos ***************************************
  ********************************************************************************/

  .banner-productos {
    background-image: url(../img/banner-productos.png);
    min-height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 25px;
  }

  .title-productos {
    font-family: "dm-bold" !important;
    font-size: 2.5rem;
    text-shadow: 1px 1px 16px black;
    color: white;
    text-align: center;
    margin-top: 10%;
  }

  .body-productos {
    background-color: #181818;
    padding: 5% 0px;
  }

  .text-productos {
    font-family: "dm-regular" !important;
    font-size: 14px;
    color: #3e3e3e;
    text-align: justify;
    margin-top: 2%;
  }

  .text-supproductos {
    font-family: "dm-bold" !important;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #f1be24;
    text-align: center;
    margin-top: 2%;
  }

  .calidad-productos {
    background-color: #f1be24;
    padding: 3% 0px;
  }

  .contenedor-acerospa {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #333333;
    border-radius: 20px;
  }

  .imagen-acerospa {
    width: 100%;
    object-fit: cover; /* La imagen se ajusta al contenedor sin distorsionarse */
  }

  .acerospa-title {
    font-family: "dm-bold" !important;
    font-size: 1.1rem;
    color: #ebd695;
    text-align: center;
    margin: 8% 2%;
  }
  .row-productos {
    margin-top: 5%;
    margin-bottom: 10%;
  }

  .link-productos {
    text-decoration: none;
  }

  /*******************************************************************************
  ******************************  BLOG Y NOTICIAS*********************************
  ********************************************************************************/

  .banner-blog {
    background-image: url("../img/banner-blog.png");
    min-height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 25px;
  }

  .title-blog {
    font-family: "dm-bold" !important;
    font-size: 2rem;
    text-shadow: 1px 1px 16px black;
    color: white;
    text-align: center;
    margin-top: 10%;
  }

  .body-blog {
    background-color: #181818;
    padding: 5% 0px;
  }

  .welcome-blog {
    font-family: "dm-bold" !important;
    font-size: 1.5rem;
    color: white;
    text-align: center;
    margin-top: 2%;
  }

  .text-welcome-blog {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #ffffff;
    text-align: center;
    margin-top: 2%;
  }

  .contenedor-blog-cnt {
    width: 100%;
    overflow: hidden;
    background-color: #292929;
    border-radius: 20px;
    padding: 0px 0px 10% 0px;
  }
  .imagen-blog-cnt {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }

  .title-blog-cnt {
    font-family: "dm-medium" !important;
    font-size: 1rem;
    color: #ffffff;
    text-align: center;
    margin: 8% 5%;
  }

  .btn-mas-blog {
    background-color: #dda027;
    color: white;
    border-radius: inherit;
    padding: 5px 20px;
    font-size: 14px;
  }
  .btn-mas-blog:hover {
    background-color: #dda027;
    color: white;
    border-radius: inherit;
    padding: 5px 20px;
    font-size: 14px;
  }
  .row-articulos-blog {
    margin-top: 5%;
  }

  /* BLOG DETALLE */
  .contenedor-blog-detalle {
    width: 100%;
    height: 150px;
    overflow: hidden;
    background-color: #292929;
    border-radius: 20px;
  }
  .imagen-blog-detalle {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .title-blog-detalle {
    font-family: "dm-medium" !important;
    font-size: 1.2rem;
    color: #ffffff;
    text-align: start;
    margin: 5% 0%;
  }

  .text-blog-detalle {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    color: #ffffff;
    text-align: start;
    margin-bottom: 3%;
  }

  .otrasn-blog {
    font-family: "dm-bold" !important;
    font-size: 1.5rem;
    color: #d4a60e;
    margin-top: 5%;
  }

  /*******************************************************************************
  ****************************** CONTACTO        *********************************
  ********************************************************************************/

  .banner-contacto {
    background-image: url("../img/banner-contacto.png");
    min-height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 25px;
  }

  .title-contacto {
    font-family: "dm-bold" !important;
    font-size: 2.5rem;
    text-shadow: 1px 1px 16px black;
    color: white;
    text-align: center;
    margin-top: 10%;
  }

  .row-text-contact {
    margin-top: 2%;
  }

  .body-contact {
    background-color: #181818;
    padding: 5% 0px;
  }

  .title-one-contact {
    font-family: "dm-medium" !important;
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: white;
    text-align: center;
  }
  .span-one-contact {
    font-family: "dm-bold" !important;
    font-size: 2rem;
  }

  .text-contact {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    color: white;
    text-align: center;
  }

  .yellow-text-conact {
    color: #d4a60e;
  }

  .maps-contact {
    background-image: url("../img/maps.png");
    min-height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  /* ESTILOS DESPUES DEL ADMIN LISTO */

  .banner-producto-detalle {
    background-color: #f1f1f1;
    padding: 4% 2%;
  }

  .title-producto-detalle {
    font-family: "dm-bold" !important;
    font-size: 1.3rem;
    color: #3e3e3e;
    text-align: start;
    margin-top: 10%;
  }

  .pbtn-ficha {
    text-align: start;
  }

  .title-caracteristica {
    font-family: "dm-medium" !important;
    font-size: 1.2rem;
    color: #3e3e3e;
    text-align: start;
    margin-top: 0%;
  }

  .detalle-caracteristica {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    color: #4e4e4e;
    text-align: start;
    margin-top: -2%;
    margin-bottom: 6%;
  }

  .btn-ficahtecnica {
    font-family: "dm-bold" !important;
    background-color: #b38408;
    color: #ffffff;
    transition: all 0.5s;
    border-radius: inherit;
    padding: 10px 25px;
  }
  .btn-ficahtecnica:hover {
    font-family: "dm-bold" !important;
    background-color: #f5c111;
    color: #181818;
    transition: all 0.5s;
    border-radius: inherit;
  }

  .descripction-detalle {
    font-family: "dm-medium" !important;
    font-size: 1.2rem;
    color: #3e3e3e;
    text-align: start;
    margin-top: 10%;
    margin-bottom: 20px;
  }

  .descripction-interesar {
    font-family: "dm-medium" !important;
    font-size: 1rem;
    color: #262626;
    text-align: start;
    margin-top: 2%;
  }

  /* FIN ESTILOS DESPUES DEL ADMIN LISTO */
}

/* DESKTOP */
@media only screen and (min-width: 769px) {
  .offcanvas-posicion {
    z-index: 0;
  }
  .bg-aceros {
    background-color: #181818;
  }

  .img-head {
    width: 200px;
    margin-left: 30%;
  }

  .navlinks {
    margin-right: 10%;
  }

  .link-head-one {
    font-family: "dm-regular" !important;
    color: white;
    transition: all 0.5s;
  }
  .link-head-one:hover {
    font-family: "dm-regular" !important;
    color: #f5c111;
    transition: all 0.5s;
  }
  .link-head-two {
    font-family: "dm-bold" !important;
    background-color: #f5c111;
    color: #181818;
    transition: all 0.5s;
  }
  .link-head-two:hover {
    font-family: "dm-bold" !important;
    background-color: #d4a60e;
    color: #181818;
    transition: all 0.5s;
  }

  /* Bannerd Head */

  .banner-home {
    background-color: #383120;
  }

  .contenedor-home {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }

  .img-home {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .col-sinp {
    padding: 0% !important;
  }

  .text-home-1 {
    font-family: "dm-medium" !important;
    font-size: 1.5rem;
    color: white;
    margin-top: 20%;
  }
  .text-home-2 {
    font-family: "dm-bold" !important;
    font-size: 5rem;
    line-height: 4.8rem;
    color: white;
    margin-top: 5%;
    margin-bottom: 5%;
  }
  .text-home-3 {
    font-family: "dm-regular" !important;
    font-size: 16px;
    color: white;
    text-align: justify;
    margin-top: 7%;
  }

  .align-btn-home {
    margin-top: 10%;
    text-align: start;
  }

  .btn-home1 {
    background-color: #a98408;
    color: white;
    border-radius: inherit;
    font-size: 16px;
    padding: 10px 25px;
  }

  /* ESTILES BANNERS  */

  .section-banners {
    background-color: #181818;
    padding: 10% 10%;
  }

  .collapse-aceros {
    transition: height 0.5s, opacity 0.5s;
  }

  .show-aceros {
    opacity: 1;
  }

  .collapse-aceros:not(.show-aceros) {
    height: 0;
    opacity: 0;
    overflow: hidden;
    display: none;
  }

  .active-button-aceros {
    font-family: "dm-bold";
    background-color: #dda027 !important;
    color: #181818 !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    padding: 10px 10px;
    font-size: 14px;
    width: 100%;
  }

  .button-aceros-banners {
    font-family: "dm-bold";
    background-color: #181818;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    padding: 10px 10px;
    font-size: 14px;
    width: 100%;
  }
  .button-aceros-banners:hover {
    font-family: "dm-bold";
    background-color: #4a4a4a;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    padding: 10px 10px;
    font-size: 14px;
    width: 100%;
  }

  .col-linea {
    border-bottom: 1px solid #6d6d6d;
  }

  .title-one-banner {
    font-family: "dm-bold" !important;
    font-size: 2.5rem;
    color: white;
    text-align: start;
    margin-top: 2%;
  }
  .text-one-banner {
    font-family: "dm-regular" !important;
    font-size: 14px;
    color: white;
    text-align: justify;
    margin-top: 2%;
  }

  .alignbtn-onehome {
    text-align: start;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .btn-home2 {
    background-color: #a98408;
    color: white;
    border-radius: inherit;
    font-size: 14px;
    padding: 8px 30px;
  }

  .banner-one-home {
    background-image: url("../img/banner1.png");
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 35px 25px;
  }

  .banner-two-home {
    background-image: url("../img/banner2.png");
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 35px 25px;
  }

  .banner-three-home {
    background-image: url("../img/banner3.png");
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 35px 25px;
  }

  .banner-four-home {
    background-image: url("../img/banner4.png");
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 35px 25px;
  }

  /* ESTILOS SECCION 3 */

  .section-elegirnos {
    background-color: #f4f4f4;
    padding: 4% 5% 5% 5%;
  }

  .subtitle-elegirnos {
    font-family: "dm-bold" !important;
    font-size: 18px;
    color: #898991;
    text-align: center;
    margin-top: 2%;
  }
  .title-elegirnos {
    font-family: "dm-bold" !important;
    font-size: 4rem;
    line-height: 4rem;
    color: #181818;
    text-align: center;
    margin-top: -10px;
  }

  .img-tracktor {
    width: 65%;
    position: absolute;
    right: 0 !important;
    margin-top: -15%;
  }

  .row-items-elegirnos {
    margin-top: 7%;
  }

  .number-elegirnos {
    font-family: "dm-bold";
    background-color: #dda027;
    color: white;
    font-size: 1.5rem;
    padding: 10px 20px;
    border-radius: 50px;
  }

  .title-item-elegirnos {
    font-family: "dm-bold" !important;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: #181818;
    text-align: center;
    margin-top: 20px;
  }
  .text-item-elegirnos {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    line-height: 1.4rem;
    color: #181818;
    text-align: center;
    margin-top: 20px;
  }

  /* descubre yellow */

  .descubrehome {
    background-image: url("../img/banner-home-botton.png");
    min-height: 420px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 25px;
  }

  .text-decubrehome {
    font-family: "dm-bold" !important;
    font-size: 3rem;
    line-height: 3.2rem;
    color: #000000;
    text-align: start;
    margin-top: 40px;
  }

  .footer {
    background-color: #181818;
    padding: 40px 0px;
  }

  .title-footer {
    font-family: "dm-bold" !important;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #ffbf00;
    text-align: center;
    display: inherit;
  }
  .text-footer {
    font-family: "dm-regular" !important;
    font-size: 14px;
    color: #ffbf00;
    text-align: center;
    display: inherit;
  }
  .align-logo-footer {
    text-align: start;
  }

  .title-siguenos {
    font-family: "dm-bold" !important;
    font-size: 1.2rem;
    color: #ffbf00;
    text-align: start;
  }

  .icon-footer {
    color: #ffbf00;
    margin-left: 5%;
    text-decoration: none;
  }

  .ws-siguenos {
    font-family: "dm-bold" !important;
    font-size: 1.4rem;
    color: #ffbf00;
    text-align: start;
    margin-top: 0%;
  }

  .address-siguenos {
    font-family: "dm-regular" !important;
    font-size: 12px;
    color: #ffbf00;
    text-align: start;
  }

  .copy {
    background-color: #0f0f0e;
    padding: 15px 0px 0px 0px;
    margin-top: 5%;
  }
  .copy-text {
    font-family: "dm-regular" !important;
    font-size: 12px;
    color: white;
    text-align: center;
  }

  /*******************************************************************************
  ******************************  NOSOTROS ***************************************
  ********************************************************************************/

  .banner-nosotros {
    background-image: url("../img/banner-nosotros.png");
    min-height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 25px;
  }

  .title-nosotros {
    font-family: "dm-bold" !important;
    font-size: 5rem;
    text-shadow: 1px 1px 16px black;
    color: white;
    text-align: center;
    margin-top: 10%;
  }

  .body-nosotros {
    background-color: #ffffff;
    padding: 5% 0px;
  }

  .text-nosotros {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    color: black;
    text-align: justify;
    margin-top: 2%;
  }

  .text-supnosotros {
    font-family: "dm-bold" !important;
    font-size: 2.5rem;
    line-height: 2.8rem;
    color: black;
    text-align: justify;
    margin-top: 2%;
  }

  .calidad-nosotros {
    background-color: #f1be24;
    padding: 3% 0px;
  }

  .title-calidad {
    font-family: "dm-bold" !important;
    font-size: 2.8rem;
    line-height: 3rem;
    color: #181818;
    text-align: justify;
    margin-top: 2%;
  }
  .palign-btncalidad {
    text-align: start;
    margin-top: 5%;
  }

  .btn-moreinfo-calidad {
    background-color: #181818;
    color: white;
    border-radius: inherit;
    padding: 7px 25px;
  }
  .btn-moreinfo-calidad:hover {
    background-color: #181818;
    color: white;
    border-radius: inherit;
    padding: 7px 25px;
  }

  .img-escavadora {
    width: 40%;
    position: absolute;
    margin-top: -6%;
    margin-left: -1%;
  }

  /*******************************************************************************
  ******************************  productos ***************************************
  ********************************************************************************/

  .banner-productos {
    background-image: url("../img/banner-productos.png");
    min-height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 25px;
  }

  .title-productos {
    font-family: "dm-bold" !important;
    font-size: 5rem;
    text-shadow: 1px 1px 16px black;
    color: white;
    text-align: center;
    margin-top: 10%;
  }

  .body-productos {
    background-color: #181818;
    padding: 5% 0px;
  }

  .text-productos {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    color: #2b2b2b;
    text-align: justify;
    margin-top: 2%;
  }

  .text-supproductos {
    font-family: "dm-bold" !important;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #f1be24;
    text-align: justify;
    margin-top: 2%;
  }

  .calidad-productos {
    background-color: #f1be24;
    padding: 3% 0px;
  }

  .contenedor-acerospa {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #333333;
    border-radius: 20px;
  }

  .imagen-acerospa {
    width: 100%;
    object-fit: cover; /* La imagen se ajusta al contenedor sin distorsionarse */
  }

  .acerospa-title {
    font-family: "dm-bold" !important;
    font-size: 1.1rem;
    color: #ebd695;
    text-align: center;
    margin: 8% 2%;
  }
  .row-productos {
    margin-top: 5%;
    margin-bottom: 10%;
  }

  .link-productos {
    text-decoration: none;
  }

  /*******************************************************************************
  ******************************  BLOG Y NOTICIAS*********************************
  ********************************************************************************/

  .banner-blog {
    background-image: url("../img/banner-blog.png");
    min-height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 25px;
  }

  .title-blog {
    font-family: "dm-bold" !important;
    font-size: 5rem;
    text-shadow: 1px 1px 16px black;
    color: white;
    text-align: center;
    margin-top: 10%;
  }

  .body-blog {
    background-color: #181818;
    padding: 5% 0px;
  }

  .welcome-blog {
    font-family: "dm-bold" !important;
    font-size: 2rem;
    color: white;
    text-align: center;
    margin-top: 2%;
  }

  .text-welcome-blog {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #ffffff;
    text-align: center;
    margin-top: 2%;
  }

  .contenedor-blog-cnt {
    width: 100%;
    overflow: hidden;
    background-color: #292929;
    border-radius: 20px;

    padding: 0px 0px 10% 0px;
  }
  .imagen-blog-cnt {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }

  .title-blog-cnt {
    font-family: "dm-medium" !important;
    font-size: 1rem;
    color: #ffffff;
    text-align: center;
    margin: 8% 5%;
  }

  .btn-mas-blog {
    background-color: #dda027;
    color: white;
    border-radius: inherit;
    padding: 5px 20px;
    font-size: 14px;
  }
  .btn-mas-blog:hover {
    background-color: #dda027;
    color: white;
    border-radius: inherit;
    padding: 5px 20px;
    font-size: 14px;
  }
  .row-articulos-blog {
    margin-top: 5%;
  }

  /* BLOG DETALLE */
  .contenedor-blog-detalle {
    width: 100%;
    height: 300px;
    overflow: hidden;
    background-color: #292929;
    border-radius: 20px;
  }
  .imagen-blog-detalle {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .title-blog-detalle {
    font-family: "dm-medium" !important;
    font-size: 2rem;
    color: #ffffff;
    text-align: start;
    margin: 3% 0%;
  }

  .text-blog-detalle {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    color: #ffffff;
    text-align: start;
    margin-bottom: 3%;
  }

  .otrasn-blog {
    font-family: "dm-bold" !important;
    font-size: 1.5rem;
    color: #d4a60e;
    margin-top: 5%;
  }

  /*******************************************************************************
  ****************************** CONTACTO        *********************************
  ********************************************************************************/

  .banner-contacto {
    background-image: url("../img/banner-contacto.png");
    min-height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 25px;
  }

  .title-contacto {
    font-family: "dm-bold" !important;
    font-size: 5rem;
    text-shadow: 1px 1px 16px black;
    color: white;
    text-align: center;
    margin-top: 10%;
  }

  .row-text-contact {
    margin-top: 2%;
  }

  .body-contact {
    background-color: #181818;
    padding: 5% 0px;
  }

  .title-one-contact {
    font-family: "dm-medium" !important;
    font-size: 2rem;
    line-height: 3rem;
    color: white;
    text-align: center;
  }
  .span-one-contact {
    font-family: "dm-bold" !important;
    font-size: 4rem;
  }

  .text-contact {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    color: white;
    text-align: justify;
  }

  .yellow-text-conact {
    color: #d4a60e;
  }

  .maps-contact {
    background-image: url("../img/maps.png");
    min-height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  /* ESTILOS DESPUES DEL ADMIN LISTO */

  .banner-producto-detalle {
    background-color: #f1f1f1;
    padding: 4% 2%;
  }

  .title-producto-detalle {
    font-family: "dm-bold" !important;
    font-size: 3rem;
    color: #2b2b2b;
    text-align: start;
  }

  .title-caracteristica {
    font-family: "dm-medium" !important;
    font-size: 1.2rem;
    color: #2b2b2b;
    text-align: start;
    margin-top: 0%;
  }

  .detalle-caracteristica {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    color: #2b2b2b;
    text-align: start;
    margin-top: 0%;
  }

  .btn-ficahtecnica {
    font-family: "dm-bold" !important;
    background-color: #b38408;
    color: #ffffff;
    transition: all 0.5s;
    border-radius: inherit;
    padding: 10px 25px;
  }
  .btn-ficahtecnica:hover {
    font-family: "dm-bold" !important;
    background-color: #f5c111;
    color: #181818;
    transition: all 0.5s;
    border-radius: inherit;
  }

  .descripction-detalle {
    font-family: "dm-medium" !important;
    font-size: 2rem;
    color: #2b2b2b;
    text-align: start;
    margin-top: 0%;
  }

  .descripction-interesar {
    font-family: "dm-medium" !important;
    font-size: 1rem;
    color: #262626;
    text-align: start;
    margin-top: 2%;
  }

  /* FIN ESTILOS DESPUES DEL ADMIN LISTO */
}

/* DESKTOP */
@media only screen and (min-width: 2400px) {
  .offcanvas-posicion {
    z-index: 0;
  }

  .bg-aceros {
    background-color: #181818;
  }

  .img-head {
    width: 170px;
    margin-left: 60%;
  }

  .navlinks {
    margin-right: 10%;
  }

  .link-head-one {
    font-family: "dm-regular" !important;
    color: white;
    transition: all 0.5s;
  }
  .link-head-one:hover {
    font-family: "dm-regular" !important;
    color: #f5c111;
    transition: all 0.5s;
  }
  .link-head-two {
    font-family: "dm-bold" !important;
    background-color: #f5c111;
    color: #181818;
    transition: all 0.5s;
  }
  .link-head-two:hover {
    font-family: "dm-bold" !important;
    background-color: #d4a60e;
    color: #181818;
    transition: all 0.5s;
  }

  /* Bannerd Head */

  .banner-home {
    background-color: #383120;
  }

  .contenedor-home {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }

  .img-home {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .col-sinp {
    padding: 0% !important;
  }

  .text-home-1 {
    font-family: "dm-medium" !important;
    font-size: 1.5rem;
    color: white;
    margin-top: 20%;
  }
  .text-home-2 {
    font-family: "dm-bold" !important;
    font-size: 5rem;
    line-height: 4.8rem;
    color: white;
    margin-top: 5%;
    margin-bottom: 5%;
  }
  .text-home-3 {
    font-family: "dm-regular" !important;
    font-size: 16px;
    color: white;
    text-align: justify;
    margin-top: 7%;
  }

  .align-btn-home {
    margin-top: 10%;
    text-align: start;
  }

  .btn-home1 {
    background-color: #a98408;
    color: white;
    border-radius: inherit;
    font-size: 16px;
    padding: 10px 25px;
  }

  /* ESTILES BANNERS  */

  .section-banners {
    background-color: #181818;
    padding: 10% 10%;
  }

  .collapse-aceros {
    transition: height 0.5s, opacity 0.5s;
  }

  .show-aceros {
    opacity: 1;
  }

  .collapse-aceros:not(.show-aceros) {
    height: 0;
    opacity: 0;
    overflow: hidden;
    display: none;
  }

  .active-button-aceros {
    font-family: "dm-bold";
    background-color: #dda027 !important;
    color: #181818 !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    padding: 10px 10px;
    font-size: 14px;
    width: 100%;
  }

  .button-aceros-banners {
    font-family: "dm-bold";
    background-color: #181818;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    padding: 10px 10px;
    font-size: 14px;
    width: 100%;
    transition: all 0.5s;
  }
  .button-aceros-banners:hover {
    font-family: "dm-bold";
    background-color: #7e7e7e;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    padding: 10px 10px;
    font-size: 14px;
    width: 100%;
    transition: all 0.5s;
  }
  .col-linea {
    border-bottom: 1px solid #6d6d6d;
  }

  .title-one-banner {
    font-family: "dm-bold" !important;
    font-size: 2.5rem;
    color: white;
    text-align: start;
    margin-top: 2%;
  }
  .text-one-banner {
    font-family: "dm-regular" !important;
    font-size: 14px;
    color: white;
    text-align: justify;
    margin-top: 2%;
  }

  .alignbtn-onehome {
    text-align: start;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .btn-home2 {
    background-color: #a98408;
    color: white;
    border-radius: inherit;
    font-size: 14px;
    padding: 8px 30px;
  }

  .banner-one-home {
    background-image: url("../img/banner1.png");
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 35px 25px;
  }

  .banner-two-home {
    background-image: url("../img/banner2.png");
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 35px 25px;
  }

  .banner-three-home {
    background-image: url("../img/banner3.png");
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 35px 25px;
  }

  .banner-four-home {
    background-image: url("../img/banner4.png");
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 35px 25px;
  }

  /* ESTILOS SECCION 3 */

  .section-elegirnos {
    background-color: #f4f4f4;
    padding: 4% 5% 5% 5%;
  }

  .subtitle-elegirnos {
    font-family: "dm-bold" !important;
    font-size: 18px;
    color: #898991;
    text-align: center;
    margin-top: 2%;
  }
  .title-elegirnos {
    font-family: "dm-bold" !important;
    font-size: 4rem;
    line-height: 4rem;
    color: #181818;
    text-align: center;
    margin-top: -10px;
  }

  .img-tracktor {
    width: 65%;
    position: absolute;
    right: 0 !important;
    margin-top: -15%;
  }

  .row-items-elegirnos {
    margin-top: 12%;
  }

  .number-elegirnos {
    font-family: "dm-bold";
    background-color: #dda027;
    color: white;
    font-size: 1.5rem;
    padding: 10px 20px;
    border-radius: 50px;
  }

  .title-item-elegirnos {
    font-family: "dm-bold" !important;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: #181818;
    text-align: center;
    margin-top: 20px;
  }
  .text-item-elegirnos {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    line-height: 1.4rem;
    color: #181818;
    text-align: center;
    margin-top: 20px;
  }

  /* descubre yellow */

  .descubrehome {
    background-image: url("../img/banner-home-botton.png");
    min-height: 420px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 25px;
  }

  .text-decubrehome {
    font-family: "dm-bold" !important;
    font-size: 3rem;
    line-height: 3.2rem;
    color: #000000;
    text-align: start;
    margin-top: 40px;
  }

  .footer {
    background-color: #181818;
    padding: 40px 0px;
  }

  .title-footer {
    font-family: "dm-bold" !important;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #ffbf00;
    text-align: center;
    display: inherit;
  }
  .text-footer {
    font-family: "dm-regular" !important;
    font-size: 14px;
    color: #ffbf00;
    text-align: center;
    display: inherit;
  }
  .align-logo-footer {
    text-align: start;
  }

  .title-siguenos {
    font-family: "dm-bold" !important;
    font-size: 1.2rem;
    color: #ffbf00;
    text-align: start;
  }

  .icon-footer {
    color: #ffbf00;
    margin-left: 5%;
    text-decoration: none;
  }

  .ws-siguenos {
    font-family: "dm-bold" !important;
    font-size: 1.4rem;
    color: #ffbf00;
    text-align: start;
    margin-top: 0%;
  }

  .address-siguenos {
    font-family: "dm-regular" !important;
    font-size: 12px;
    color: #ffbf00;
    text-align: start;
  }

  .copy {
    background-color: #0f0f0e;
    padding: 15px 0px 0px 0px;
    margin-top: 5%;
  }
  .copy-text {
    font-family: "dm-regular" !important;
    font-size: 12px;
    color: white;
    text-align: center;
  }

  /*******************************************************************************
  ******************************  NOSOTROS ***************************************
  ********************************************************************************/

  .banner-nosotros {
    background-image: url("../img/banner-nosotros.png");
    min-height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 25px;
  }

  .title-nosotros {
    font-family: "dm-bold" !important;
    font-size: 5rem;
    text-shadow: 1px 1px 16px black;
    color: white;
    text-align: center;
    margin-top: 10%;
  }

  .body-nosotros {
    background-color: #181818;
    padding: 5% 0px;
  }

  .text-nosotros {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    color: white;
    text-align: justify;
    margin-top: 2%;
  }

  .text-supnosotros {
    font-family: "dm-bold" !important;
    font-size: 2.5rem;
    line-height: 2.8rem;
    color: white;
    text-align: justify;
    margin-top: 2%;
  }

  .calidad-nosotros {
    background-color: #f1be24;
    padding: 3% 0px;
  }

  .title-calidad {
    font-family: "dm-bold" !important;
    font-size: 2.8rem;
    line-height: 3rem;
    color: #181818;
    text-align: justify;
    margin-top: 2%;
  }
  .palign-btncalidad {
    text-align: start;
    margin-top: 5%;
  }

  .btn-moreinfo-calidad {
    background-color: #181818;
    color: white;
    border-radius: inherit;
    padding: 7px 25px;
  }
  .btn-moreinfo-calidad:hover {
    background-color: #181818;
    color: white;
    border-radius: inherit;
    padding: 7px 25px;
  }

  .img-escavadora {
    width: 50%;
    position: absolute;
    margin-top: -10%;
    margin-left: -5%;
  }

  /*******************************************************************************
  ******************************  productos ***************************************
  ********************************************************************************/

  .banner-productos {
    background-image: url("../img/banner-productos.png");
    min-height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 25px;
  }

  .title-productos {
    font-family: "dm-bold" !important;
    font-size: 5rem;
    text-shadow: 1px 1px 16px black;
    color: white;
    text-align: center;
    margin-top: 10%;
  }

  .body-productos {
    background-color: #181818;
    padding: 5% 0px;
  }

  .text-productos {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    color: #2b2b2b;
    text-align: justify;
    margin-top: 2%;
  }

  .text-supproductos {
    font-family: "dm-bold" !important;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #f1be24;
    text-align: justify;
    margin-top: 2%;
  }

  .calidad-productos {
    background-color: #f1be24;
    padding: 3% 0px;
  }

  .contenedor-acerospa {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #333333;
    border-radius: 20px;
  }

  .imagen-acerospa {
    width: 100%;
    object-fit: cover; /* La imagen se ajusta al contenedor sin distorsionarse */
  }

  .acerospa-title {
    font-family: "dm-bold" !important;
    font-size: 1.1rem;
    color: #ebd695;
    text-align: center;
    margin: 8% 2%;
  }
  .row-productos {
    margin-top: 5%;
    margin-bottom: 10%;
  }

  .link-productos {
    text-decoration: none;
  }

  /*******************************************************************************
  ******************************  BLOG Y NOTICIAS*********************************
  ********************************************************************************/

  .banner-blog {
    background-image: url("../img/banner-blog.png");
    min-height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 25px;
  }

  .title-blog {
    font-family: "dm-bold" !important;
    font-size: 5rem;
    text-shadow: 1px 1px 16px black;
    color: white;
    text-align: center;
    margin-top: 10%;
  }

  .body-blog {
    background-color: #181818;
    padding: 5% 0px;
  }

  .welcome-blog {
    font-family: "dm-bold" !important;
    font-size: 2rem;
    color: white;
    text-align: center;
    margin-top: 2%;
  }

  .text-welcome-blog {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #ffffff;
    text-align: center;
    margin-top: 2%;
  }

  .contenedor-blog-cnt {
    width: 100%;
    overflow: hidden;
    background-color: #292929;
    border-radius: 20px;

    padding: 0px 0px 10% 0px;
  }
  .imagen-blog-cnt {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }

  .title-blog-cnt {
    font-family: "dm-medium" !important;
    font-size: 1rem;
    color: #ffffff;
    text-align: center;
    margin: 8% 5%;
  }

  .btn-mas-blog {
    background-color: #dda027;
    color: white;
    border-radius: inherit;
    padding: 5px 20px;
    font-size: 14px;
  }
  .btn-mas-blog:hover {
    background-color: #dda027;
    color: white;
    border-radius: inherit;
    padding: 5px 20px;
    font-size: 14px;
  }
  .row-articulos-blog {
    margin-top: 5%;
  }

  /* BLOG DETALLE */
  .contenedor-blog-detalle {
    width: 100%;
    height: 300px;
    overflow: hidden;
    background-color: #292929;
    border-radius: 20px;
  }
  .imagen-blog-detalle {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .title-blog-detalle {
    font-family: "dm-medium" !important;
    font-size: 2rem;
    color: #ffffff;
    text-align: start;
    margin: 3% 0%;
  }

  .text-blog-detalle {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    color: #ffffff;
    text-align: start;
    margin-bottom: 3%;
  }

  .otrasn-blog {
    font-family: "dm-bold" !important;
    font-size: 1.5rem;
    color: #d4a60e;
    margin-top: 5%;
  }

  /*******************************************************************************
  ****************************** CONTACTO        *********************************
  ********************************************************************************/

  .banner-contacto {
    background-image: url("../img/banner-contacto.png");
    min-height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 25px;
  }

  .title-contacto {
    font-family: "dm-bold" !important;
    font-size: 5rem;
    text-shadow: 1px 1px 16px black;
    color: white;
    text-align: center;
    margin-top: 10%;
  }

  .row-text-contact {
    margin-top: 2%;
  }

  .body-contact {
    background-color: #181818;
    padding: 5% 0px;
  }

  .title-one-contact {
    font-family: "dm-medium" !important;
    font-size: 2rem;
    line-height: 3rem;
    color: white;
    text-align: center;
  }
  .span-one-contact {
    font-family: "dm-bold" !important;
    font-size: 4rem;
  }

  .text-contact {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    color: white;
    text-align: justify;
  }

  .yellow-text-conact {
    color: #d4a60e;
  }

  .maps-contact {
    background-image: url("../img/maps.png");
    min-height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  /* ESTILOS DESPUES DEL ADMIN LISTO */

  .banner-producto-detalle {
    background-color: #f1f1f1;
    padding: 4% 2%;
  }

  .title-producto-detalle {
    font-family: "dm-bold" !important;
    font-size: 3rem;
    color: #2b2b2b;
    text-align: start;
  }

  .title-caracteristica {
    font-family: "dm-medium" !important;
    font-size: 1.2rem;
    color: #2b2b2b;
    text-align: start;
    margin-top: 0%;
  }

  .detalle-caracteristica {
    font-family: "dm-regular" !important;
    font-size: 1rem;
    color: #2b2b2b;
    text-align: start;
    margin-top: 0%;
  }

  .btn-ficahtecnica {
    font-family: "dm-bold" !important;
    background-color: #b38408;
    color: #ffffff;
    transition: all 0.5s;
    border-radius: inherit;
    padding: 10px 25px;
  }
  .btn-ficahtecnica:hover {
    font-family: "dm-bold" !important;
    background-color: #f5c111;
    color: #181818;
    transition: all 0.5s;
    border-radius: inherit;
  }

  .descripction-detalle {
    font-family: "dm-medium" !important;
    font-size: 2rem;
    color: #2b2b2b;
    text-align: start;
    margin-top: 0%;
  }

  .descripction-interesar {
    font-family: "dm-medium" !important;
    font-size: 1rem;
    color: #262626;
    text-align: start;
    margin-top: 2%;
  }

  /* FIN ESTILOS DESPUES DEL ADMIN LISTO */
}