/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." copiar esto en el css */

body {
  background-color: white;
  color: black;
  font-family: Verdana;
}
/* body=representa el contenido principal o cuerpo del documento background-color=color de fondo white=blanco colo=color black=negro font-family=define la familia de fuentes que se aplicará a un elemento de texto Verdana=Verdana es una tipografía sans-serif sirve para la pagina y tienes que copiar justo eso para que el css funcione junto con lo de arriba */
h2 {
  color: #CC0000;
  font-family: w3-serif;
 border-left: 5px dotted #CC0000;
 border-bottom: 5px dotted #CC0000;
  padding: 20px;
}
/* h1=titulo color=color codigo   font-family=define la familia de fuentes que se aplicará a un elemento de texto border-left=borde izquierdo border-bottom= permite agregar un borde únicamente en la parte inferior de un elemento HTML padding=relleno w3-serif=tipo dotted=letra se refiere a un estilo de borde o línea que se representa mediante una serie de puntos separados 1 */
.letras_minus{
list-style-type: lower-alpha}
.cuadrado{
  list-style-type: square}
.registrado{
list-style-type: decimal;
}
/* letras-minus=letras min .cuadrado=para hacer un cuadrado  .registrado=se utiliza para indicar que una marca, nombre o diseño está registrado legalmente lower-alpha= para definir el estilo de los marcadores en una lista ordenada square=se refiere a un elemento visual que tiene forma de cuadrado  decimal=manejo de números con parte fraccionaria list-style-type= es una propiedad CSS que se utiliza para definir el tipo de marcador o viñeta que se muestra */
table {
  margin-left: 30%;
  width: 70%;
  border: 2px #330099 dotted;
  border-collapse: collapse
   }
   /* table= en HTML es una estructura utilizada para organizar y presentar datos en forma de filas y columnas margin-left=margen izquierdo margin-right=margen derecho  width=ancho border=border border-collapse=fusiona colores celda en un solo borde collapse=permite mostrar y ocultar contenido de forma dinámica mediante la interacción del usuario con botones o enlaces 2*/
  td, th {
  border: 2px #cc0000 dotted;
  padding: 10px}
  th {
  background-color: #6699FF
  }
  /* td, th=define una celda dentro de una tabla que contiene datos color tabla: border=borde  px=tamaño y color=#cc0000 padding=relleno background-color=fondo color dotted=letra 3 */
  
 .dcha{
 text-align: right
 } 
 /*.dcha=puede referirse a la columna o área lateral derecha del contenido principal text-align= en CSS se utiliza para controlar la alineación horizontal del contenido en línea  right=izquierda */