/* mauricioalarcon.com styles css */

/* ALIGNMENT */
.align-left   { text-align: left; }
.align-center { text-align: center; }
.align-right  { text-align: right; }

.row-aretes {
    display: flex;
    justify-content: space-between;
    gap: 15px; /* separación exacta entre cada recuadro */
}


/* BODY */
.body { background-color: #FFFFFF; margin-top: 17px; margin-bottom: 17px; } /* (background-color) Color exterior de la pagina */

/* BOLD */
.bold { font-weight: bold; }

/* CARRUSEL */
.carousel { border-radius: 25px; background-color: #442E28; text-align: center; height: auto; width: auto; padding: 17px; margin: 0 auto; } /* (background-color) Color de las celdas */

/* FONTS */
.font-xsmall { font-family: Arial, Helvetica, sans-serif; font-size: 28px; }
 .font-small { font-family: Arial, Helvetica, sans-serif; font-size: 36px; }
.font-medium { font-family: Arial, Helvetica, sans-serif; font-size: 44px; }
 .font-large { font-family: Arial, Helvetica, sans-serif; font-size: 52px; }
.font-xlarge { font-family: Arial, Helvetica, sans-serif; font-size: 60px; }

/* FONT COLORS */
.font-color-1 { color: #000000; } /* Negra */
.font-color-2 { color: #818181; } /* Gris */
.font-color-3 { color: #FFFFFF; } /* Blanca */
.font-color-4 { color: #E3CD9E; } /* Beige */
.font-color-5 { color: #442E28; } /* Cafe */


/* FRAMES */
.frame-aretes { border-radius: 15px; background-color: #442E28; text-align: center; padding-top: 15px; padding-bottom: 5px; width: 410px; } /* Ancho de marco de imagenes aretes */ 
.frame-logo { border-radius: 25px; background-color: #442E28; text-align: center; padding: 15px; height: auto; width: auto; } /* (background-color) Color de las celdas */
.frame-1    { border-radius: 25px; background-color: #442E28; text-align: center; margin: 17px; padding-top: 19px; height: auto; width: auto; } /* (background-color) Color de las celdas */
.frame-2    { border-radius: 25px; border: 15px solid #442E28; background-color: #E3CD9E; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 44px; color: #442E28; padding: 30px; height: auto; width: auto; } /* (background-color) Color de las celdas */
.frame-icons { border-radius: 20px; background-color: #E3CD9E; padding: 40px; margin: 17px; } /* (background-color) Color de las celdas de los iconos del index */

/* ICONS */
.icon-image { border-radius: 15px; border: 3px solid #CCCCCC; height: 140px ; width: 140px; } /* (border) Color y anchura del margen de los iconos de facebook y whatsapp */

/* IMAGES */
  .image-logo { border-radius: 15px; border: 2px solid #FFFFFF; height: 250px ; width: 885px; margin-top: 5px; } /*(border) Color y anchura del borde de las imagenes */
.image-aretes { border-radius: 15px; border: 0px solid #FFFFFF; height: 410px ; width: 410px; margin-top: 15px; } /*(border) Color y anchura del borde de las imagenes */
      .image1 { border-radius: 15px; border: 2px solid #FFFFFF; height: 595px ; width: 885px; margin-top: 17px; margin-bottom: 14px; } /*(border) Color y anchura del borde de las imagenes */
      .image2 { border-radius: 15px; border: 2px solid #FFFFFF; height: 485px ; width: 885px; margin-top: 17px; margin-bottom: 14px; } /*(border) Color y anchura del borde de las imagenes */
      .image3 { border-radius: 15px; border: 2px solid #FFFFFF; height: 485px ; width: 885px; margin-top: 17px; margin-bottom: 14px; } /*(border) Color y anchura del borde de las imagenes */
      .image4 { border-radius: 15px; border: 2px solid #FFFFFF; height: 220px ; width: 885px; margin-top: 17px; margin-bottom: 14px; } /*(border) Color y anchura del borde de las imagenes */ /* Original: width: 345px */
      .image5 { border-radius: 15px; border: 15px solid #442E28; height: 605px ; width: 810px; margin-top: 17px; margin-bottom: 14px; } /*(border) Color y anchura del borde de las imagenes */
      .image6 { border-radius: 15px; border: 2px solid #FFFFFF; height: 885px ; width: 885px; margin-top: 17px; margin-bottom: 14px; } /*(border) Color y anchura del borde de las imagenes */
      .image7 { border-radius: 15px; border: 2px solid #FFFFFF; height: 546px ; width: 885px; margin-top: 17px; margin-bottom: 14px; } /*(border) Color y anchura del borde de las imagenes */
      .image8 { border-radius: 15px; border: 2px solid #FFFFFF; height: 655px ; width: 885px; margin-top: 17px; margin-bottom: 14px; } /*(border) Color y anchura del borde de las imagenes */



/* TABLE-2ND */
.table-2nd { align: center; cellpadding: 0; cellspacing: 0; height: auto; width: 920px; } /* (width) Determina el ancho de los recuadros */

/* TABLE ARETES */
.table-aretes { border-radius: 25px; border: 15px solid #442E28; background-color: #E3CD9E; text-align: center; padding-top: 35px; padding-bottom: 10px; height: auto; width: 920px; }

/* TABLE MAIN */
.table-main { border-radius: 25px; background-color: #E3CD9E; height: auto; width: 955px; }