@import url('header-responsive.css'); /*debe ir en la primera linea*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
/*'Playfair Display'*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');

/* ===========================
   VARIABLES BASE
=========================== */

:root {
  /*font-family*/ 
  --fontMain:   'Roboto', 'Segoe UI', sans-serif, Tahoma, Verdana;
  --fontSecondary: 'Roboto', 'Segoe UI', sans-serif, Tahoma, Verdana;

  /*font-size*/
  --textSm: 1.4rem;
  --textNormal:  1.6rem;
  --textMd: 1.8rem;
  --textLg: 2.4rem;
  --textExtaLg: 2.8rem;
  --rem: 1rem;

  /*OtherColors*/
  /* 
  --other1: #E38646;
  --other2: #F7F7F7;
  --color-of-links: #B2F7C5;
  --aside-color: rgb(31, 31, 31);
  --bg-light: #f8f9fa;
  --border-color: #e0e0e0;
  */

  /*alturas*/
  --h-nav-bar: 5.0rem; /*nav*/
  --h-hero: 25.0rem;
  --h-cart: 15.0rem;
  --h-contFooter: 5.0rem;

  /* --padding04 : 0.4rem; */
  /*ver clases mas abajo*/

  /*tamaño imagenes - width*/
  --contImgPostSm: 15rem;
  --contImgPostMd: 25rem;
  --contImgPostLg: 35rem;

  --contImgcardSm: 10rem;
  --contImgcardMd: 15rem;
  --contImgcardLg: 20rem;

  --contImgLogoMain: 20rem;
  --contImgLogoSm: 0.25rem;
  --contImgLogoMd: 0.5rem;
}



/* Header responsive VER el import*/

/* GENERICOS */
*{ margin: 0; box-sizing: border-box;};
html {  overflow-x: hidden; width: 100vw; padding: 0; line-height: 1.15;} /*puede llegar a ser necesario*/
html {  font-family: sans-serif; font-size: 62.5%; }  /* Now 10px = 1rem! */ /*dar font-family acá si se trae de googleFont etc*/
body {font-size: 16px; font-size: var(--textNormal); line-height: 1.5; margin: 0; 
}
p{font-weight: 300; margin: 0 !important} /*es recomendable guardar los valores en variables root*/


main{
      min-height: 100vh;
}