h1 {
        color: var(--primary-color);
         font-size: 60px; 
       }
          }
       p {
        color: var(--secondary-color);
        font-family: Amaranth, Sans-Serif;
        font-family:  Sans-Serif;
       }
       .aña {
        text-decoration: underlin;
       }
       .ae {
         color: green;
       }
        {
         border-left: 3px solid var(--secondary-color);
       }
       .aña:hover {
         color: var(--primary-color);
       }
       button {
          background-color: var(--primary-color);
          color: #black;
          border: 3px solid var(--secondary-color);
           font-size: 20px;
           border-radius: 5px;
       }
       button:hover {
          background-color: var(--secondary-color);
          color: black;
       }
       a {
         color: var(--color3);
         text-decoration: none;
       }
       .ene {
         display: inline;
         background: var(--secondary-color);
         border: 3px solid black;
           font-size: 20px; 
           border-radius: 5px;
           margin: 5px;
       }
       hr {
         border: 1px solid var(--primary-color);
       }
       .tabla {
         border-block: 2px solid var(--secondary-color);
         border-block-end: 2px solid var(--secondary-color);
         border: 2px solid var(--secondary-color);
         border-block-start: 2px solid var(--secondary-color);
       }
       cole {
         border: black;
         
       }
       :root {
         --primary-color: #0b5cff;
         --secondary-color: blue;
         --borde: gold;
         --color1: #fbc02d;
         --color2: #fff59d;
         --color3: #f4f4f4;
         --color4: silver;
       }
       img {
         border: 10px outset var(--primary-color);
         box-shadow: 0px 6px 10px 1px rgba(0,0,0,1);
         border-radius: 5px;
         margin: 5px;
       }
       margen {
         margin: 5px;
       }
       .caja {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 25px;
  margin-bottom: 20px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.caja:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
main {
  margin: 0;
  padding: 0;
  font-family: "Segoe UI", Arial, sans-serif;
  background: linear-gradient(135deg, #ffffff, #silver);
  color: #333;
  line-height: 1.6;
  text-align: center;
}