/* ==========================================================================
   Base de Go Natura
   El tema anterior traía su propio reset y toda gn-redisenio.css se escribió
   encima. Al quitarlo hacía falta reponer esas mismas reglas de partida, o
   media web cambiaba de sitio. Esto es lo que aportaba y seguimos usando.
   Se carga antes que gn-redisenio.css, que manda siempre.
   ========================================================================== */

*,*::before,*::after{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%;}

a,abbr,address,article,aside,b,blockquote,body,cite,code,dd,del,dfn,div,dl,dt,em,
fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,i,iframe,img,ins,label,legend,
li,nav,object,ol,p,pre,q,s,section,small,span,strong,sub,sup,table,tbody,td,tfoot,
th,thead,tr,u,ul,video{
  margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;
}

article,aside,figure,footer,header,main,nav,section{display:block;}

body{
  font-family:'Karla','Helvetica Neue',Arial,sans-serif;
  font-size:16px;line-height:1.7;color:#3C4B43;background:#fff;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}

a{color:inherit;text-decoration:none;}
strong,b{font-weight:700;}
em,i,cite{font-style:italic;}
del{text-decoration:line-through;}
ins{text-decoration:none;}

p{padding-bottom:1em;}
p:not(.has-background):last-of-type{padding-bottom:0;}

h1,h2,h3,h4,h5,h6{color:#243029;padding-bottom:10px;line-height:1.15;font-weight:500;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;}
h1{font-size:30px;}h2{font-size:26px;}h3{font-size:22px;}
h4{font-size:18px;}h5{font-size:16px;}h6{font-size:14px;}

img{max-width:100%;height:auto;}
embed,iframe,object,video{max-width:100%;}
figure{margin:0;}

table{border-collapse:collapse;border-spacing:0;}

blockquote{margin:20px 0 30px;border-left:5px solid;padding-left:20px;}
blockquote p{padding-bottom:0;}
blockquote,q{quotes:none;}
blockquote::before,blockquote::after,q::before,q::after{content:none;}

code,pre{font-family:'Courier New',monospace;margin-bottom:10px;}
pre{overflow:auto;padding:10px;}

/* las listas: sin viñeta por defecto y con viñeta solo dentro del contenido,
   que es exactamente el reparto que había antes */
ol,ul{list-style:none;}
#left-area ul,.entry-content ul{list-style-type:disc;padding:0 0 23px 1em;line-height:26px;}
#left-area ol,.entry-content ol{list-style-type:decimal;padding:0 0 23px 1em;line-height:26px;}
#left-area ul li ul,#left-area ol li ol,
.entry-content ul li ul,.entry-content ol li ol{padding:2px 0 2px 20px;}

/* las listas de la tienda no son listas de texto: son rejillas, pestañas y
   avisos. La viñeta y la sangría de arriba les metían 16px por la izquierda y
   descuadraban las tarjetas del catálogo. */
#left-area ul.products,.entry-content ul.products,
#left-area .woocommerce ul,.entry-content .woocommerce ul,
#left-area ul.wc-tabs,#left-area ul.tabs,
#left-area ul.flex-control-thumbs,
#left-area ul.woocommerce-error,#left-area ul.woocommerce-info,#left-area ul.woocommerce-message,
#left-area .woocommerce-MyAccount-navigation ul{
  list-style:none;padding:0;line-height:inherit;
}

/* los formularios heredan la tipografía, no la del navegador */
input,select,textarea,button{font-family:inherit;font-size:100%;}

/* la rejilla que traía el tema anterior y de la que cuelga el ancho de página */
.container{width:80%;max-width:1080px;margin:auto;position:relative;}
#left-area{width:100%;}