* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* VARIABLES */

:root {
	--azul1: #0058a3;
	--azul2: #00b2e3;
	--azul3: #8bcdee;
	--azul4: #cbe7f8;

	--gris1: #ededed;
	--gris2: #cccccc;
	--gris3: #999999;
	--gris4: #666666;
	--gris5: #374049;


	--titulos0-familia: 'Barlow', sans-serif;
	--titulos1-familia: 'Montserrat', sans-serif;
	--titulos1-fontweight: 100;
	--titulos2-fontweight: 200;
	--titulos3-fontweight: 300;
	--titulos4-fontweight: 400;
	--titulos5-fontweight: 500;
	--titulos6-fontweight: 600;
	--titulos7-fontweight: 700;
	--titulos8-fontweight: 800;
	--titulos9-fontweight: 900;

	--open: 'Open Sans', sans-serif;
	--open-fontweight3: 300;
	--open-fontweight4: 400;
	--open-fontweight6: 600;
	--open-fontweight8: 800;
}


body{
  background-color: rgb(0, 140, 255);
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
  /* ------------- WHATSAPP ------------ */


.whatsappdos{
  width: 54px;
  height: 54px;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
  /* ------------- FINALIZA WHATSAPP ------------ */


  

    /* ------------- FINALIZA MENU PRINCIPAL ------------ */

 /* ------------------------------------------------------------------------------------- */


h2{
  color: rgb(255, 255, 255);
  font-family: barlow Condensed;
  font-weight: 200;
  font-size: clamp(1rem,3rem,5rem);
  text-align: center;
  margin-top: 4rem;
  margin-bottom: -2rem;

}



     /* ------------- TARJETAS POR SEDE------------ */

    
      .sedes{
          max-width: 1200px;
          width: clamp(500px, 55rem, 80vw);
          display: grid;
          justify-content: center;
          align-content: center;
          grid-auto-flow: dense;
          grid-auto-rows: minmax(1rem, 4.5rem);
          grid-template-columns: repeat(auto-fit, minmax(13vw, 1fr));
         display: flex;
         align-items: center;
          margin: auto;
    
        }


        .txtmenu {
          color: #ffffff;
          font-family: var(--titulos1-familia);
          font-size: 1.3rem;

        }
        
        .enlace{
          text-decoration:none;
        }

        .enlace:hover, .whatsappdos:hover{
          opacity: 0.7;
        }
        
        .sedecolumna{
          margin: 1rem;
          text-align: center;

        }
        
        .primero{
          border-radius: 1rem;
          width: 100%;
          height: 17rem;
          background-image: url(../img/primero.jpg);
          background-position-x: center;
          background-size: cover;
          box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.35); }

          .segundo{
            border-radius: 1rem;
            width: 100%;
            height: 17rem;
            background-image: url(../img/segundo.jpg);
            background-position-x: center;
            background-size: cover;
            box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.35); }

            .tercero{
              border-radius: 1rem;
              width: 100%;
              height: 17rem;
              background-image: url(../img/suites/tercero.jpg);
              background-position-x: center;
              background-size: cover;
              box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.35); }

        .logoabajo{
          border-radius: 1rem;
          width: 100%;
          height: 15vh;
          background-image: url(../img/logococornabig2.svg);
          background-position-x: center;
          background-repeat: no-repeat;
          background-size: contain;
          margin: 1rem 0;
          filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));;
        }

        .nueva{
          font-family: var(--titulos1-familia);
          color: white;
          font-weight: 800;
          font-size: 2rem;
          background-color: rgb(255, 111, 0);
          width: 50%;
          text-align: center;
          margin: auto;
          border-radius: 0 0 10px 10px;
        }


        .second{
          background-image: url(../img/logowestbig2.svg);

        }

        /* .third{
          background-image: url(../img/home/logo70big2.svg);

        } */




 /* ------------------------------------------------------------------------------------- */

     /* ------------- FOOTER ------------ */










     /* ------------- FINALIZA FOOTER ------------ */





