@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,500;0,700;1,300;1,900&display=swap");
/*----------------RESET--------------------*/
* {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300; }

/*------------------Grilla------------------*/
.grid-contenedor {
  display: grid;
  grid-column-gap: 10% 10% 10% 10%;
  grid-template-areas: "header header header header"
 "main main main main"
 "footer footer footer footer"; }

/* Estilos generales */
p {
  color: #412C25;
  font-size: 18px; }

h1 {
  color: #412C25; }

button {
  padding: 10px;
  width: 230px;
  border: 1px solid #412C25; }

.content {
  display: flex;
  flex-direction: column;
  text-align: center; }

/** VARIABLES **/
/** VARIABLES **/
/*----------------HEADER----------------------*/
header {
  grid-area: header;
  color: #412C25;
  font-size: 14px; }
  header .container-fluid {
    background-color: white;
    width: 90%; }
  header .navbar-brand .logoheader {
    width: 150px;
    height: auto;
    border-radius: 50px;
    opacity: 1;
    background-color: #ffffff; }
  header .navbar-nav {
    display: flex;
    flex-grow: 1; }
    header .navbar-nav .nav-item {
      flex-grow: 1;
      margin-left: 5%; }
      header .navbar-nav .nav-item a {
        font-weight: bolder;
        color: #000000; }
      header .navbar-nav .nav-item .active-nav {
        color: #FAA51A; }
  header a.nav-link:hover {
    color: #FAA51A; }
  header a.dropdown-item:hover {
    background-color: #fa861a; }

/** VARIABLES **/
/* Estilos del Main */
main {
  /**----------------------------------------MAIN INDEX------------------------ **/
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: auto;
  grid-area: main;
  background-color: #ffff;
  margin: 0 auto;
  margin-top: 0px;
  /* Index - Muebles */
  /* Index -Ambientaciones */
  /* Index - Deco */
  /* Index - Proyectos a medida */
  /**----------------------------------------MAIN SOBRE NOSOTROS------------------------ **/
  /**----------------------------------------MAIN muebles------------------------ **/
  /* Modal */ }
  main .hero .parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 90%;
    position: relative;
    margin: 0 auto; }
    main .hero .parallax .carousel-item {
      background-color: black;
      align-items: center;
      justify-content: center; }
      main .hero .parallax .carousel-item .heroH1 {
        color: #e4e4e4;
        font-size: 70px;
        font-weight: 500;
        left: 12%;
        position: absolute;
        text-align: left;
        top: 25%;
        z-index: 1;
        text-shadow: #000000 0.1em 0.1em 0.2em; }
      main .hero .parallax .carousel-item img {
        opacity: 0.5;
        width: auto;
        height: 100vh;
        object-fit: cover; }
  main .sobrenosotros {
    padding: 5% 15%;
    margin-top: 2%;
    background-image: url("../assents/fondo.png");
    background-size: cover;
    background-position: left;
    background-color: rgba(245, 234, 212, 0.8);
    gap: 20px;
    height: auto;
    margin-left: 5%;
    margin-right: 5%; }
    main .sobrenosotros .title {
      color: #7b421b;
      font-size: 30px;
      text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2); }
    main .sobrenosotros .text p {
      color: #7b421b;
      font-weight: bolder;
      text-align: justify;
      font-size: 18px; }
    main .sobrenosotros .button-container {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center; }
      main .sobrenosotros .button-container .button .conocenosbtn {
        border-radius: 14px;
        background-color: #7b421b;
        color: #F5EAD4;
        font-size: 18px;
        font-weight: 400;
        text-decoration: none;
        padding: 10px 20px;
        border: none;
        cursor: pointer; }
  main .muebles {
    margin-top: 2%;
    padding: 3% 15%; }
    main .muebles h2 {
      margin-bottom: 3%;
      color: #7b421b;
      text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2); }
    main .muebles .carousel-inner .carousel-item {
      position: relative;
      background-color: black; }
      main .muebles .carousel-inner .carousel-item img {
        opacity: 0.6; }
      main .muebles .carousel-inner .carousel-item .carousel-text {
        margin-bottom: 20px;
        font-weight: bolder;
        color: #ffffff;
        text-shadow: #000000 0.1em 0.1em 0.2em;
        font-size: 40px;
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1; }
      main .muebles .carousel-inner .carousel-item .button {
        position: absolute;
        bottom: 10%;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1; }
        main .muebles .carousel-inner .carousel-item .button .descubribtn {
          border-radius: 40px;
          margin-bottom: 30%;
          background-color: white;
          color: #7b421b;
          border: none;
          font-size: 18px;
          font-weight: bolder;
          cursor: pointer; }
          main .muebles .carousel-inner .carousel-item .button .descubribtn a {
            text-decoration: none;
            color: #7b421b;
            font-weight: bolder;
            font-size: 18px; }
        main .muebles .carousel-inner .carousel-item .button .descubribtn:hover {
          background-color: #f0f0f0; }
  main .ambientaciones .title {
    color: #7b421b;
    margin-top: 2%;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2); }
  main .ambientaciones .card-group-ambientaciones {
    gap: 20px;
    padding: 2% 5%;
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 0%; }
    main .ambientaciones .card-group-ambientaciones .card {
      position: relative;
      overflow: hidden;
      border-radius: 10px;
      transition: box-shadow 0.3s ease;
      flex-basis: calc(33.333% - 20px);
      margin-bottom: 20px; }
      main .ambientaciones .card-group-ambientaciones .card:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
      main .ambientaciones .card-group-ambientaciones .card img {
        max-width: 100%;
        height: auto;
        opacity: 1; }
      main .ambientaciones .card-group-ambientaciones .card .card-body {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px; }
      main .ambientaciones .card-group-ambientaciones .card .btn {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px;
        background-color: #faa51a;
        color: white;
        border: none;
        border-radius: 0 0 10px 10px;
        transition: background-color 0.3s ease;
        cursor: pointer; }
        main .ambientaciones .card-group-ambientaciones .card .btn a {
          text-decoration: none;
          color: white;
          font-weight: bolder; }
        main .ambientaciones .card-group-ambientaciones .card .btn:hover {
          background-color: #593527; }
  main .ambientaciones .divider {
    border-top: 2px solid #7b421b;
    width: 70%;
    margin: 10px auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); }
  main .section_deco {
    max-width: 90%;
    margin: 0 auto;
    margin-top: 2%; }
    main .section_deco .card_deco {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      background-image: url("../assents/index/deco/fondo-deco.png");
      background-size: cover; }
      main .section_deco .card_deco .img_deco {
        flex: 1 0 50%;
        width: 50%;
        position: relative;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        main .section_deco .card_deco .img_deco img {
          width: 100%;
          height: auto; }
      main .section_deco .card_deco .text_deco {
        flex: 1 0 50%;
        padding: 2%;
        margin-bottom: 20px;
        text-align: center; }
        main .section_deco .card_deco .text_deco h3 {
          color: #fff;
          margin-bottom: 15%;
          font-size: 30px;
          font-weight: bold;
          margin-top: 10%;
          text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2); }
        main .section_deco .card_deco .text_deco .p_deco {
          color: #fff;
          text-align: justify;
          margin: 0 auto;
          max-width: 80%;
          line-height: 1.6; }
        main .section_deco .card_deco .text_deco .card_deco_btn {
          border-radius: 40px;
          margin-top: 20%;
          background-color: white;
          color: #7b421b;
          border: none;
          font-size: 20px;
          font-weight: bolder;
          cursor: pointer; }
          main .section_deco .card_deco .text_deco .card_deco_btn a {
            text-decoration: none;
            color: #7b421b;
            font-weight: bolder; }
          main .section_deco .card_deco .text_deco .card_deco_btn:hover {
            background-color: #f0f0f0; }
  main .section_proyectos {
    background-color: #f5ead4;
    max-width: 90%;
    margin: 0 auto;
    margin-top: 2%;
    margin-bottom: 2%; }
    main .section_proyectos .card_proyectos {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center; }
      main .section_proyectos .card_proyectos .text_proyectos {
        flex: 1 0 50%;
        padding: 2%;
        margin-bottom: 20px;
        text-align: center; }
        main .section_proyectos .card_proyectos .text_proyectos h3 {
          color: #7f4721;
          margin-bottom: 15%;
          font-size: 30px;
          font-weight: bold;
          margin-top: 10%;
          text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2); }
        main .section_proyectos .card_proyectos .text_proyectos .p_proyectos {
          color: #412c25;
          text-align: justify;
          margin: 0 auto;
          max-width: 80%;
          line-height: 1.6;
          font-weight: bolder; }
        main .section_proyectos .card_proyectos .text_proyectos .card_proyectos_btn {
          border-radius: 40px;
          margin-top: 20%;
          background-color: white;
          color: #7b421b;
          border: none;
          font-size: 20px;
          font-weight: bolder;
          cursor: pointer; }
          main .section_proyectos .card_proyectos .text_proyectos .card_proyectos_btn a {
            text-decoration: none;
            color: #7b421b;
            font-weight: bolder; }
          main .section_proyectos .card_proyectos .text_proyectos .card_proyectos_btn:hover {
            background-color: #f0f0f0; }
      main .section_proyectos .card_proyectos .img_proyectos {
        flex: 1 0 50%;
        width: 50%;
        position: relative;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
        main .section_proyectos .card_proyectos .img_proyectos img {
          width: 100%;
          max-height: auto; }
  main .section_exp_pecar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 0 auto; }
    main .section_exp_pecar .card_exp_pecar {
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      main .section_exp_pecar .card_exp_pecar .img_exp_pecar {
        width: 50%;
        box-sizing: border-box; }
        main .section_exp_pecar .card_exp_pecar .img_exp_pecar img {
          width: 100%;
          height: auto; }
      main .section_exp_pecar .card_exp_pecar .img_exp_pecar_2 {
        width: 50%;
        box-sizing: border-box; }
        main .section_exp_pecar .card_exp_pecar .img_exp_pecar_2 img {
          width: 100%;
          height: auto; }
  main .imagenes_sobre_nosotros {
    padding: 5% 15%;
    background-color: #F5EAD4;
    gap: 20px;
    height: auto;
    margin-left: 5%;
    margin-right: 5%; }
    main .imagenes_sobre_nosotros .divider {
      border-top: 2px solid #7b421b;
      width: 70%;
      margin: 10px auto;
      margin-top: 10%;
      margin-bottom: 7%;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); }
    main .imagenes_sobre_nosotros .sobre_nosotros_title {
      color: #7b421b;
      font-size: 40px;
      text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
      text-align: center;
      margin-bottom: 5%;
      font-weight: bolder; }
    main .imagenes_sobre_nosotros .sobre_nosotros_text p {
      text-align: justify;
      color: #7b421b;
      font-weight: bolder;
      font-size: 18px; }
    main .imagenes_sobre_nosotros .sobre_nosotros_img {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      gap: 20px;
      margin-top: 40px;
      margin-bottom: 50px; }
      main .imagenes_sobre_nosotros .sobre_nosotros_img img {
        max-width: 50%;
        height: auto;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
  main .imagenes_muebles {
    padding: 5% 15%;
    background-color: #F5EAD4;
    gap: 20px;
    margin-left: 5%;
    margin-right: 5%; }
    main .imagenes_muebles .muebles_title {
      color: #7b421b;
      font-size: 40px;
      text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
      text-align: center;
      margin-bottom: 10%;
      font-weight: bolder; }
    main .imagenes_muebles .sobre_nosotros_img_principal {
      display: flex;
      justify-content: center; }
      main .imagenes_muebles .sobre_nosotros_img_principal img {
        width: 100%;
        border-radius: 2%; }
  main .grupo_muebles {
    background-color: #F5EAD4;
    margin: 0 auto;
    margin-bottom: 0px;
    padding: 20px;
    display: flex;
    justify-content: center;
    width: 90%; }
    main .grupo_muebles .muebles_img {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      width: 70%;
      cursor: pointer; }
      main .grupo_muebles .muebles_img .myBtn {
        background-color: #F5EAD4;
        border-radius: 10px;
        padding: 20px;
        text-align: center;
        transition: box-shadow 0.3s ease;
        width: calc(50% - 10px); }
        main .grupo_muebles .muebles_img .myBtn img {
          width: 100%;
          border-radius: 10px;
          margin-bottom: 10px; }
        main .grupo_muebles .muebles_img .myBtn .mueble-text {
          font-size: 18px;
          color: #CF5D20;
          font-weight: bolder;
          margin-top: 5px;
          margin-bottom: 0px; }
        main .grupo_muebles .muebles_img .myBtn .mueble-description {
          display: none; }
        main .grupo_muebles .muebles_img .myBtn .mueble-sub-title {
          display: none; }
        main .grupo_muebles .muebles_img .myBtn .mueble-sub-title {
          display: none; }
        main .grupo_muebles .muebles_img .myBtn .mueble-medidas {
          display: none; }
      main .grupo_muebles .muebles_img .myBtn:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
  main .modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    transition: 0.3s; }
    main .modal .modal-content {
      display: flex;
      background-color: #fefefe;
      margin: 10% auto;
      padding: 20px;
      border: 1px solid #888;
      max-width: 800px;
      width: 90%;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      border-radius: 8px;
      position: relative;
      transition: 0.3s; }
      main .modal .modal-content .modal-container {
        display: flex; }
        main .modal .modal-content .modal-container .modal-image {
          flex: 1;
          padding: 10px;
          display: flex;
          align-items: center;
          justify-content: center; }
          main .modal .modal-content .modal-container .modal-image img {
            height: auto;
            max-width: 90%;
            display: block;
            margin: 0 auto; }
        main .modal .modal-content .modal-container .modal-text {
          flex: 1;
          max-width: 50%;
          padding: 10px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          color: #CF5D20;
          font-weight: bolder; }
          main .modal .modal-content .modal-container .modal-text p {
            margin-top: 0px;
            margin-bottom: 0px;
            width: 90%;
            padding-top: 0px; }
          main .modal .modal-content .modal-container .modal-text h2 {
            margin-bottom: 0%;
            margin-top: 2%;
            text-align: center; }
          main .modal .modal-content .modal-container .modal-text h3 {
            margin-bottom: 0%;
            margin-top: 5%;
            font-size: 20px; }
          main .modal .modal-content .modal-container .modal-text h4 {
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: 16px;
            color: #9a8e8b;
            width: 90%;
            padding-top: 0px; }
          main .modal .modal-content .modal-container .modal-text a {
            background-color: #CF5D20;
            border-color: #CF5D20;
            margin-top: 10%; }
    main .modal .close {
      color: #aaa;
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 24px;
      font-weight: bold;
      cursor: pointer; }
      main .modal .close:hover, main .modal .close:focus {
        color: #333; }
  main .ambientaciones {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 90%;
    margin: 0 auto;
    background-color: #F5EAD4;
    padding-bottom: 5%; }
    main .ambientaciones .title-ambientaciones {
      color: #7b421b;
      font-size: 40px;
      text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
      text-align: center;
      margin-top: 5%;
      font-weight: bolder; }
    main .ambientaciones .ambientacion {
      width: 70%;
      height: 600px;
      background-size: cover;
      background-position: center;
      border-radius: 10px;
      overflow: hidden;
      position: relative;
      margin-top: 2%; }
      main .ambientaciones .ambientacion .contenido {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 2%; }
        main .ambientaciones .ambientacion .contenido h3 {
          position: absolute;
          font-size: 50px;
          bottom: 80px; }
        main .ambientaciones .ambientacion .contenido .button {
          position: absolute;
          top: 150px;
          left: 50%;
          transform: translateX(-50%);
          z-index: 1; }
          main .ambientaciones .ambientacion .contenido .button .ambientaciones-btn {
            border-radius: 40px;
            margin-bottom: 30%;
            background-color: white;
            color: #7b421b;
            border: none;
            font-size: 18px;
            font-weight: bolder;
            cursor: pointer; }
            main .ambientaciones .ambientacion .contenido .button .ambientaciones-btn a {
              text-decoration: none;
              color: #7b421b;
              font-weight: bolder;
              font-size: 18px; }
          main .ambientaciones .ambientacion .contenido .button .ambientaciones-btn:hover {
            background-color: #f0f0f0; }
    main .ambientaciones .living {
      background-image: url("../assents/ambientaciones/living/Living.jpg"); }
    main .ambientaciones .comedor {
      background-image: url("../assents/ambientaciones/comedor/comedor.jpg"); }
    main .ambientaciones .dormitorio {
      background-image: url("../assents/ambientaciones/dormitorio/dormitorio.jpg"); }
  main .contacto-container {
    background-image: url("../assents/contacto/fondo-contacto.jpg");
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 2%; }
    main .contacto-container .contacto-content {
      background-color: rgba(245, 234, 212, 0.9);
      padding: 50px;
      border-radius: 10px;
      text-align: center;
      box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); }
      main .contacto-container .contacto-content .titulo {
        color: #7b421b;
        margin-bottom: 30px;
        font-size: 36px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }
      main .contacto-container .contacto-content .botones {
        display: flex;
        justify-content: center;
        flex-direction: column; }
        main .contacto-container .contacto-content .botones .contacto-btn {
          border: none;
          border-radius: 5px;
          padding: 15px 30px;
          font-size: 18px;
          cursor: pointer;
          transition: background-color 0.3s ease;
          text-decoration: none;
          color: #fff;
          margin: 0 10px;
          background-color: #CF5D20;
          margin-top: 15px; }
          main .contacto-container .contacto-content .botones .contacto-btn:hover {
            background-color: #a34919; }
          main .contacto-container .contacto-content .botones .contacto-btn.instagram {
            background-color: #89c8ee; }
          main .contacto-container .contacto-content .botones .contacto-btn.instagram:hover {
            background-color: #5cb3e8; }
          main .contacto-container .contacto-content .botones .contacto-btn.whatsapp {
            background-color: #f2b54b; }
          main .contacto-container .contacto-content .botones .contacto-btn.whatsapp:hover {
            background-color: #efa11b; }
          main .contacto-container .contacto-content .botones .contacto-btn.email {
            background-color: #a94850; }
          main .contacto-container .contacto-content .botones .contacto-btn.email:hover {
            background-color: #85393f; }
  main .ubicacion {
    background-color: rgba(245, 234, 212, 0.9);
    padding: 50px;
    border-radius: 10px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); }
    main .ubicacion h2 {
      color: #7b421b;
      font-size: 36px;
      margin-bottom: 20px;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }
    main .ubicacion .ubicacion-map iframe {
      border: none;
      width: 100%;
      max-width: 100%;
      height: 400px;
      border-radius: 10px;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); }
    main .ubicacion .ubicacion-map p {
      color: #7b421b;
      font-size: 18px;
      margin-top: 20px;
      margin-bottom: 20px;
      text-align: center;
      font-weight: bolder; }

/**----------------------------------------LOGO FLOTANTE------------------------ **/
.fixed {
  position: fixed;
  right: 4%;
  bottom: 15%; }

.fixed a {
  display: block;
  background-color: #25d366;
  border-radius: 50%;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
  width: 100px;
  height: 100px;
  transition: background-color 0.3s;
  text-align: center;
  line-height: 100px; }

.fixed a:hover {
  background-color: #1da851; }

.fixed img {
  width: 70px;
  height: auto; }

/** VARIABLES **/
/*-----------------------------FOOTER---------------------------*/
footer {
  display: flex;
  flex-direction: column;
  position: static;
  grid-area: footer;
  background-color: #CF5D20;
  color: #EDEDED;
  width: 90%;
  margin: 0 auto;
  margin-top: 2%; }
  footer .grupo-1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 5%; }
    footer .grupo-1 .box {
      display: flex;
      align-items: center;
      padding: 20px; }
      footer .grupo-1 .box a {
        background-color: #CF5D20; }
        footer .grupo-1 .box a .img_box {
          width: 200px; }
    footer .grupo-1 .box_1 {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 10px 5px;
      margin-top: 3%;
      font-size: 16px; }
      footer .grupo-1 .box_1 .title_box_1 {
        font-size: 30px;
        margin-bottom: 30px; }
      footer .grupo-1 .box_1 .contacto {
        margin-bottom: 0px;
        display: flex;
        flex-direction: column; }
        footer .grupo-1 .box_1 .contacto a {
          text-decoration: none;
          color: #EDEDED;
          margin-bottom: 30px;
          font-size: 18px; }
          footer .grupo-1 .box_1 .contacto a img {
            opacity: 1;
            width: 30px; }
    footer .grupo-1 .box_2 {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 10px 5px;
      margin-top: 3%;
      text-align: center; }
      footer .grupo-1 .box_2 .title_box_2 {
        font-size: 30px; }
      footer .grupo-1 .box_2 .p_box_2 {
        margin-top: 30px;
        color: #EDEDED;
        font-size: 16px; }

/*--------------------------------MEDIA QUERIES--------------------*/
@media screen and (max-width: 1170px) {
  main .hero #carouselExampleSlidesOnly .carousel-inner .carousel-item .heroH1 {
    font-size: 60px; }
  main .sobrenosotros .title h2 {
    font-size: 25px; }
  main .sobrenosotros .text p {
    font-size: 14px; }
  main .sobrenosotros .button-container .button .conocenosbtn {
    font-size: 14px; }
  main .section_deco .card_deco {
    padding-bottom: 0px;
    justify-content: center;
    align-items: center; }
    main .section_deco .card_deco .text_deco h3 {
      margin-bottom: 4%;
      font-size: 20px; }
    main .section_deco .card_deco .text_deco .p_deco {
      width: 90%;
      font-size: 14px; }
    main .section_deco .card_deco .text_deco .card_deco_btn {
      margin-top: 5%;
      font-size: 14px; }
  main .section_proyectos .card_proyectos .text_proyectos h3 {
    font-size: 20px; }
  main .section_proyectos .card_proyectos .text_proyectos .p_proyectos {
    font-size: 14px; }
  main .section_proyectos .card_proyectos .text_proyectos .card_proyectos_btn {
    font-size: 14px; }
  main .section_exp_pecar .card_exp_pecar .img_exp_pecar_2 p {
    margin-left: 5%;
    margin-right: 5%;
    font-size: 20px; }
  main .ambientaciones .ambientacion {
    height: 400px; }
    main .ambientaciones .ambientacion .contenido h3 {
      bottom: 70px; }
    main .ambientaciones .ambientacion .contenido .button {
      top: 100px; }
  footer .grupo-1 .box a .img_box {
    width: 120px; }
  footer .grupo-1 .box_1 .title_box_1 {
    font-size: 20px; }
  footer .grupo-1 .box_1 .contacto a {
    font-size: 13px; }
  footer .grupo-1 .box_2 .title_box_2 {
    font-size: 20px; }
  footer .grupo-1 .box_2 .p_box_2 {
    font-size: 13px; } }

@media screen and (max-width: 768px) {
  main {
    /**----------------------------------------MAIN muebles------------------------ **/
    /* Modal */ }
    main .hero #carouselExampleSlidesOnly .carousel-inner .carousel-item .heroH1 {
      font-size: 50px; }
    main .muebles .carousel .carousel-inner .carousel-item .carousel-text {
      font-size: 30px; }
    main .muebles .carousel .carousel-inner .carousel-item .carousel-caption .descubribtn {
      width: 150px;
      padding: 8px 20px;
      font-size: 15px; }
    main .card-group-ambientaciones {
      flex-direction: column; }
    main .section_deco .card_deco .text_deco {
      margin-bottom: 0;
      padding-right: 10%;
      padding-left: 10%;
      background-image: url("../assents/index/deco/fondo-deco.png");
      background-size: cover; }
      main .section_deco .card_deco .text_deco h3 {
        font-size: 20px; }
      main .section_deco .card_deco .text_deco .p_deco {
        font-size: 14px;
        width: 75%;
        margin-bottom: 5%; }
      main .section_deco .card_deco .text_deco .card_deco_btn {
        font-size: 14px;
        margin-bottom: 5%; }
    main .section_proyectos .card_proyectos .text_proyectos {
      padding-right: 10%;
      padding-left: 10%; }
      main .section_proyectos .card_proyectos .text_proyectos h3 {
        margin-bottom: 6%;
        font-size: 20px; }
      main .section_proyectos .card_proyectos .text_proyectos .p_proyectos {
        font-size: 14px; }
      main .section_proyectos .card_proyectos .text_proyectos .card_proyectos_btn {
        margin-top: 10%;
        font-size: 14px; }
    main .section_exp_pecar .card_exp_pecar {
      flex-direction: column;
      align-items: center; }
      main .section_exp_pecar .card_exp_pecar .img_exp_pecar {
        width: 100%; }
        main .section_exp_pecar .card_exp_pecar .img_exp_pecar img {
          display: none; }
      main .section_exp_pecar .card_exp_pecar .img_exp_pecar_2 {
        width: 100%; }
        main .section_exp_pecar .card_exp_pecar .img_exp_pecar_2 p {
          margin-left: 15%;
          margin-right: 15%;
          margin-bottom: 5%;
          margin-top: 5%;
          font-size: 25px; }
    main .imagenes_sobre_nosotros {
      padding-left: 5%;
      padding-right: 5%; }
      main .imagenes_sobre_nosotros .sobre_nosotros_title {
        font-size: 30px; }
      main .imagenes_sobre_nosotros .sobre_nosotros_text p {
        font-size: 14px; }
      main .imagenes_sobre_nosotros .sobre_nosotros_img {
        flex-direction: column;
        align-items: center; }
        main .imagenes_sobre_nosotros .sobre_nosotros_img img {
          max-width: 100%; }
    main .imagenes_muebles .muebles_title {
      font-size: 30px; }
    main .grupo_muebles .muebles_img {
      flex-direction: column;
      align-items: center;
      width: 100%; }
      main .grupo_muebles .muebles_img .myBtn {
        width: calc(70% - 10px); }
    main .modal .modal-content .modal-container {
      flex-direction: column;
      align-items: center; }
      main .modal .modal-content .modal-container .modal-image {
        max-width: 70%; }
        main .modal .modal-content .modal-container .modal-image img {
          width: 100%;
          height: auto; }
      main .modal .modal-content .modal-container .modal-text p {
        font-size: 14px; }
      main .modal .modal-content .modal-container .modal-text h2 {
        text-align: center;
        font-size: 20px; }
      main .modal .modal-content .modal-container .modal-text h3 {
        text-align: center;
        font-size: 17px; }
      main .modal .modal-content .modal-container .modal-text h4 {
        font-size: 14px; }
      main .modal .modal-content .modal-container .modal-text a {
        font-size: 14px; }
    main .ambientaciones .title-ambientaciones {
      font-size: 30px; }
    main .ambientaciones .ambientacion {
      height: 300px; }
      main .ambientaciones .ambientacion .contenido h3 {
        font-size: 35px;
        bottom: 45px; }
      main .ambientaciones .ambientacion .contenido .button {
        top: 80px; }
        main .ambientaciones .ambientacion .contenido .button .ambientaciones-btn {
          font-size: 18px;
          padding: 8px;
          width: 170px; }
          main .ambientaciones .ambientacion .contenido .button .ambientaciones-btn a {
            font-size: 14px; }
    main .contacto-container .contacto-content .titulo {
      font-size: 30px; }
    main .contacto-container .contacto-content .botones .contacto-btn {
      font-size: 14px; }
    main .ubicacion h2 {
      font-size: 30px; }
    main .ubicacion .ubicacion-map p {
      font-size: 14px; }
  footer .grupo-1 {
    display: block;
    margin-top: 5%;
    margin-bottom: 5%; }
    footer .grupo-1 .box {
      justify-content: center;
      align-items: center; }
      footer .grupo-1 .box a .img_box {
        width: 120px; }
    footer .grupo-1 .box_1 .title_box_1 {
      font-size: 22px; }
    footer .grupo-1 .box_1 .contacto a {
      font-size: 18px; }
    footer .grupo-1 .box_2 .title_box_2 {
      font-size: 22px; }
    footer .grupo-1 .box_2 .p_box_2 {
      font-size: 18px; } }

@media screen and (max-width: 550px) {
  header .container-fluid .navbar-toggler {
    width: 150px; }
  main {
    /* Index - Proyectos a medida */
    /**----------------------------------------MAIN muebles------------------------ **/
    /* Modal */ }
    main .sobrenosotros {
      background-image: none;
      padding-left: 5%;
      padding-right: 5%; }
    main .section_deco .card_deco .text_deco {
      padding-left: 5%;
      padding-right: 5%; }
    main .section_proyectos {
      max-width: 90%; }
      main .section_proyectos .card_proyectos .text_proyectos {
        padding-left: 5%;
        padding-right: 5%; }
    main .muebles {
      padding: 3% 5%; }
      main .muebles .carousel .carousel-inner .carousel-item .carousel-text {
        font-size: 30px; }
      main .muebles .carousel .carousel-inner .carousel-item .carousel-caption .descubribtn {
        margin-bottom: 5%;
        padding: 4px; }
    main .ambientaciones .title-ambientaciones {
      font-size: 30px; }
    main .ambientaciones .ambientacion {
      height: 200px; }
      main .ambientaciones .ambientacion .contenido h3 {
        font-size: 25px;
        bottom: 30px; }
      main .ambientaciones .ambientacion .contenido .button {
        top: 40px; }
        main .ambientaciones .ambientacion .contenido .button .ambientaciones-btn a {
          font-size: 12px; }
    main .section_deco .card_deco .text_deco {
      background-image: none; }
    main .imagenes_muebles {
      padding-left: 0px;
      padding-right: 0px; }
      main .imagenes_muebles .muebles_title {
        font-size: 20px; }
      main .imagenes_muebles .sobre_nosotros_img_principal {
        max-width: 100%;
        width: 100%;
        padding: 0px;
        margin: 0px; }
        main .imagenes_muebles .sobre_nosotros_img_principal .img_sec {
          max-width: 80%;
          margin: 0px;
          padding: 0px; }
    main .grupo_muebles .muebles_img .myBtn {
      max-width: 100%;
      width: 100%; }
    main .modal .modal-content .modal-container .modal-text {
      max-width: 80%; }
  /**----------------------------------------LOGO FLOTANTE------------------------ **/
  .fixed a {
    width: 70px;
    height: 70px;
    line-height: 70px; }
  .fixed img {
    width: 50px; } }

@media screen and (max-width: 400px) {
  header .container-fluid .navbar-toggler {
    width: 50px; }
  main {
    /**----------------------------------------MAIN muebles------------------------ **/
    /* Modal */ }
    main .hero #carouselExampleSlidesOnly .carousel-inner .carousel-item .heroH1 {
      font-size: 40px; }
    main .imagenes_sobre_nosotros .sobre_nosotros_title {
      font-size: 25px; }
    main .imagenes_sobre_nosotros .sobre_nosotros_text p {
      font-size: 12px; }
    main .imagenes_sobre_nosotros .sobre_nosotros_img {
      flex-direction: column;
      align-items: center; }
      main .imagenes_sobre_nosotros .sobre_nosotros_img img {
        max-width: 90%; }
      main .imagenes_sobre_nosotros .sobre_nosotros_img .img_sec {
        display: none; }
    main .section_deco .card_deco {
      width: 100%; }
      main .section_deco .card_deco .text_deco {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        align-items: center; }
        main .section_deco .card_deco .text_deco .p_deco {
          width: 100%;
          margin-left: 0px;
          margin-right: 0px; }
        main .section_deco .card_deco .text_deco .card_deco_btn {
          width: 150px; }
    main .section_proyectos .card_proyectos .text_proyectos .card_proyectos_btn {
      width: 150px; }
    main .imagenes_muebles .muebles_title {
      font-size: 15px; }
    main .grupo_muebles .muebles_img .myBtn .mueble-text {
      font-size: 16px; }
    main .modal .modal-content .modal-container .modal-text p {
      font-size: 14px; }
    main .modal .modal-content .modal-container .modal-text h2 {
      font-size: 18px; }
    main .modal .modal-content .modal-container .modal-text h3 {
      font-size: 16px; }
    main .modal .modal-content .modal-container .modal-text h4 {
      font-size: 14px; }
    main .modal .modal-content .modal-container .modal-text a {
      font-size: 14px; }
    main .ambientaciones .title-ambientaciones {
      font-size: 18px; }
    main .ambientaciones .ambientacion {
      height: 200px;
      width: 90%; }
      main .ambientaciones .ambientacion .contenido .button {
        padding: 0px; }
        main .ambientaciones .ambientacion .contenido .button .ambientaciones-btn {
          padding: 5px;
          width: 120px; }
          main .ambientaciones .ambientacion .contenido .button .ambientaciones-btn a {
            font-size: 12px; }
    main .contacto-container .contacto-content .titulo {
      font-size: 20px; }
    main .contacto-container .contacto-content .botones .contacto-btn {
      font-size: 12px; }
    main .ubicacion {
      padding-left: 5px;
      padding-right: 5px; }
      main .ubicacion h2 {
        font-size: 20px; }
      main .ubicacion .ubicacion-map p {
        font-size: 12px; }
  footer .grupo-1 .box_1 .contacto a {
    font-size: 14px; } }