/* Fuentes agregadas */
@font-face {
  font-family: "Fuente Titulo";
  src: url("../fuentes/IndieFlower-Regular.ttf") format("truetype"); }

/* Css Generales */
* {
  margin: 0px;
  padding: 0px; }

body {
  max-height: 100vh;
  max-width: 100vw;
  margin: 0;
  display: flex;
  flex-direction: column;
  background-color: #303034; }

a {
  text-decoration: none;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #303034; }

header {
  background-color: #303034;
  border-bottom-style: double;
  border-color: #303034; }

ul {
  list-style: none; }

/* Vista para Desktop */
/* Ocultaciones de Mobile */
@media screen and (min-width: 767px) {
  .alinear, .header, .info {
    display: flex;
    align-items: center;
    flex-direction: row; }
  /* Estilo al Menu de cabecera */
  .header {
    justify-content: space-around;
    border-bottom: double;
    border-color: #fcfae4; }
    .header .header__titulo {
      font-family: Fuente Titulo;
      font-size: 110px;
      color: #fcfae4;
      margin-left: 190px; }
    .header .header__nav {
      background-color: #fcfae4;
      border-radius: 2%;
      margin: 3px;
      font-family: 'Courier New', Courier, monospace;
      font-size: medium; }
    .header .logo {
      border-radius: 50%;
      margin: 1%;
      margin-left: 6%;
      height: 250px;
      width: 250px; }
    .header .nav-item :hover {
      background-color: #303034;
      color: #fcfae4; }
    .header li {
      padding: 5px;
      margin: 5px; }
  /* Estilo al area de informacion */
  /* HOME */
  .info {
    padding: 0px;
    margin: 0px;
    height: 100%;
    width: 100%;
    background-image: url(../media/madera.png);
    justify-content: center; }
    .info .info__texto {
      height: 25%;
      width: 25%;
      height: fit-content;
      padding: 8px;
      margin-top: 5%;
      margin-bottom: 5%;
      border-radius: 10%;
      font-size: x-large;
      background-color: #fcfae4;
      color: #303034; }
    .info .info__img__home {
      height: 500px;
      width: 500px;
      border-radius: 10%;
      margin-top: 20%;
      margin-bottom: 20%;
      margin-left: 30%; }
  /* PRODUCTOS */
  .card {
    height: 600px;
    width: 600px;
    background-color: #fcfae4;
    margin: 30px;
    border-radius: 5%; }
  .card-img-top {
    padding: 5px;
    border-radius: 8%; }
  /* COMENTARIOS */
  .comentarios {
    display: flex;
    background-image: url(../media/madera.png); }
  /* ABOUT */
  .info__texto__acerca {
    margin: auto 20px;
    padding: 85px;
    width: 50%;
    height: fit-content;
    background-color: #fcfae4;
    border-radius: 6%;
    position: relative; }
  .info__img__acerca {
    height: 500px;
    width: 500px;
    border-radius: 10%;
    margin-top: 20%;
    margin-bottom: 20%; }
  /* ENCONTRANOS */
  .info__enco {
    display: flex;
    background-image: url(../media/madera.png); }
  .info__texto__enco {
    margin: auto 20px;
    padding: 85px;
    width: 50%;
    height: fit-content;
    background-color: #fcfae4;
    border-radius: 6%;
    position: relative; }
  .info__map {
    margin: 110px; }
  /* Estilo a las redes sociales */
  .redes {
    display: flex;
    align-items: center;
    background-color: #fcfae4;
    justify-content: space-around;
    border-style: none;
    border-top-style: double; }
  .redes__lista {
    list-style: none;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-end; }
  .redes__lista__item {
    border-style: none; }
  .redes__lista__img {
    height: 50px;
    width: 50px; }
  /* Estilo al footer */
  .footer {
    background-color: #303034;
    border-top-style: double;
    border-color: #fcfae4;
    margin-top: auto;
    display: table;
    height: 40px;
    width: 100%; }
  .footer__img {
    padding: 5px;
    height: 25px;
    width: 25px;
    vertical-align: -11px; }
  h2 {
    font-family: Fuente Titulo;
    font-size: 15px;
    color: #fcfae4;
    margin-right: 50px;
    text-align: end; } }

/* Vista para Mobile */
@media screen and (max-width: 768px) {
  .alineacion, .header, .redes {
    display: flex;
    align-items: center;
    flex-direction: row; }
  /* Estilos del Header */
  .header {
    justify-content: space-around;
    border-bottom: double;
    border-color: #fcfae4; }
    .header .header__titulo {
      display: none; }
    .header .header__nav__hmb {
      background-color: #fcfae4; }
    .header .header__nav {
      background-color: #fcfae4;
      border-radius: 6%;
      margin: 3px;
      font-family: 'Courier New', Courier, monospace;
      font-size: medium; }
    .header .logo {
      height: 250px;
      width: 250px; }
    .header .nav-item :hover {
      background-color: #303034;
      color: #fcfae4; }
  /* Estilo al area de informacion */
  .info {
    padding: 0px;
    margin: 0px;
    background-image: url(../media/madera.png); }
    .info .info__texto {
      padding: 5px;
      margin: 10%;
      margin-bottom: 25px;
      border-radius: 10%;
      background-color: #fcfae4;
      color: #303034; }
    .info .info__img__home {
      height: 30%;
      width: auto;
      border-radius: 10%;
      margin: 5%; }
  .info__img__acerca {
    height: 200px;
    width: auto;
    border-radius: 10%;
    margin-top: 1%;
    margin-bottom: 1%; }
  /* FIND-MOBILE */
  iframe {
    height: 300px;
    width: auto;
    margin: 20px;
    border-radius: 6%; }
  /* PRODUCT-MOBILE */
  .card {
    background-color: #fcfae4;
    margin: 30px;
    border-radius: 5%; }
  .card-img-top {
    padding: 5px;
    border-radius: 8%; }
  /* Estilo a las redes sociales */
  .redes {
    background-color: #fcfae4;
    justify-content: space-around;
    border-style: none;
    border-top-style: double; }
  .redes__lista__img {
    width: 50px;
    height: 50px; }
  /* Estilo al footer */
  .footer {
    background-color: #303034;
    border-top-style: double;
    border-color: #303034;
    margin-top: auto;
    display: table;
    height: 40px;
    width: 100%; }
  .footer__img {
    padding: 5px;
    width: 25px;
    height: 25px;
    vertical-align: -11px; }
  h2 {
    font-family: Fuente Titulo;
    font-size: 15px;
    color: #fcfae4;
    margin-right: 5px;
    text-align: end; } }

    .texto__comentarios{
      width: auto;
      height: fit-content;
      padding: 8px;
      margin-top: 5%;
      margin-bottom: 5%;
      border-radius: 10%;
      font-size: x-large;
      background-color: #fcfae4;
      color: #303034;
  }