{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

body {
    min-height: 100vh;
    background: #f4f4f4;
}

#cabecera{
  border-radius: 2em; 
  margin: 1em auto; 
  border: black, 4px, solid;
  background: #a06c3f;
   width: 850px;
   height: 150px;
    font-family: snap ITC;
  font-size: 25px;
  text-align: center;
  color: white;
}
#cuerpo{
  display: flex;
  height: 75%;
}

.menu ul {
  list-style: none;
  margin: 0.02em;
  padding: 0;
  justify-content: right;
}
    /* SIDEBAR */
    .sidebar {
      width: 250px;
      background: #a8704e;
      color: #fff9e1;
      transition: width 0.3s ease;
      overflow: hidden;
      font-family: engravers MT;
    }

    .sidebar.collapsed {
      width: 70px;
    }

    .sidebar h2 {
      text-align: center;
      padding: 20px;
      font-size: 1.2rem;
      border-bottom: 1px solid #333;
    }

    ul {
      list-style: none;
    }

    ul li {
      position: relative;
    }

    ul li a {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #fff9e1;
      text-decoration: none;
      padding: 15px 20px;
      transition: background 0.3s;
      font-family: rockwell;
    }

    ul li a:hover {
      background: white;
    }

    /* Submenú */
    .submenu {
      max-height: 0;
      overflow: hidden;
      background: #f3dbc3;
      transition: max-height 0.3s ease;
    }

    .submenu a {
      padding-left: 40px;
      font-size: 0.9rem;
    }

    li.active .submenu {
      max-height: 200px;
    }

    /* Botón toggle */
    .toggle-btn {
      background: #3f301d;
      border: none;
      color: #f3dbc3;
      width: 100%;
      padding: 10px;
      cursor: pointer;
      font-size: 1rem;
    }

    /* CONTENIDO */
    .content {
      flex: 1;
      padding: 20px;
    }

    /* Iconos simulados */
    .icon {
      width: 20px;
      height: 20px;
      background: white;
      border-radius: 50%;
      display: inline-block;
    }

    /* Colapsado */
    .sidebar.collapsed a span {
      display: none;
    }

    .sidebar.collapsed h2 {
      font-size: 0;
    }
#comentario{
  height: 600px;
  width: 700px;
  background: #f3dbc3;
  border-radius: 1em;
  margin: 1em;
  border: black, 1px, solid;
  font-family: rockwell;
  text-align: center;
}
  
#buscador{
	height: 40px;
	width: 500px;
	background: #808080;
	border-radius: 1em;
	margin: 1em;
  border: black, 1px, solid;
  font-family: Impact;
  font-size: 15px;
	
  }
#categorias{
	height: 300px;
	width: 500px;
	background: #cacaca;
	border-radius: 1em;
	margin: 1em;
  border: black, 1px, solid;
  font-family: Arial;
  text-align: center;
}