html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
@font-face {
font-family: "Karla";
src: url(//guiaplantas.net/wp-content/themes/guiaplantas/assets/fonts/Karla[wght].ttf) format("truetype");
font-weight: 200 800;
font-style: normal;
}
@font-face {
font-family: "Fraunces";
src: url(//guiaplantas.net/wp-content/themes/guiaplantas/assets/fonts/Fraunces[SOFT,WONK,opsz,wght].woff2) format("woff2");
font-weight: 100 900;
font-style: normal;
}
.main-header {
display: flex;
align-items: center;
height: 80px;
width: 100%;  background: #fffbf5;
box-shadow: 0px 1px 15px rgba(219, 192, 153, 0.5);
margin-bottom: 30px;
svg {
width: 120px;
}
.container {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
}
.main-footer {
padding: 90px 0;
display: flex;
align-items: center;
margin-top: 50px;
width: 100%;
background: #503629;
.container {
justify-content: space-between;
gap: 30px;
}
p {
color: #fff4e4;
max-width: 600px;
margin-top: 40px;
opacity: 0.8;
}
svg {
width: 200px;
}
}
.container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}
body {
background-color: #fff4e4;
font-family: "Karla", serif;
}
p,
ol,
ul {
line-height: 1.5em;
color: #412011;
font-size: 18px;
letter-spacing: -0.03em;
}
ol {
list-style: normal;
margin-left: 14px;
margin-top: 10px;
}
h1,
h2,
h3,
h4,
h5 {
font-variation-settings: "SOFT" 100, "WONK" 1, "opsz" 79;
color: #551438;
font-family: "Fraunces", serif;
}
img {
height: auto;
}
.main-content {
min-height: 50dvh;
padding: 50px 0;
}
.comp-galeria {
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.comp-galeria img {
width: 100%;
}
.comp-galeria .image {
overflow: hidden;
}
.comp-galeria .image:first-child {
border-radius: 20px 20px 0 0;
width: 100%;
}
.comp-galeria .image:not(:first-child) {
width: calc(25% - 4px);
aspect-ratio: 1/1;
}
.comp-galeria .image:not(:first-child) img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.comp-galeria .image:nth-child(2) {
border-radius: 0 0 0 20px;
}
.comp-galeria .image:nth-child(5) {
border-radius: 0 0 20px 0;
}
.page-plant {
display: flex;
gap: 40px;
}
.page-plant aside {
width: 100%;
max-width: 550px;
margin-left: auto;
margin-top: 50px;
}
.page-plant main {
max-width: 570px;
}
.page-plant h1 {
font-weight: 400;
font-size: 50px;
line-height: 1;
margin-bottom: 20px;
}
.page-plant h2 {
font-size: 28px;
margin-top: 35px;
margin-bottom: 10px;
font-weight: 400;
}
.page-plant .names {
margin: 10px 0;
text-transform: uppercase;
color: #551438;
font-weight: 600;
font-size: 15px;
font-family: "Karla";
}
.page-home .plantas {
display: flex;
gap: 10px;
}
.page-home .card-planta {
width: 33.333%;
position: relative;
aspect-ratio: 1/1;
z-index: 1;
padding: 30px;
text-decoration: none;
display: flex;
justify-content: flex-start;
align-items: flex-end;
}
.page-home .card-planta h2 {
color: white;
margin: 0;
z-index: 1;
font-weight: 400;
}
.page-home .card-planta:before {
content: "";
background-image: linear-gradient(transparent, black);
z-index: 1;
position: absolute;
inset: 0;
}
.page-home .card-planta .image {
position: absolute;
inset: 0;
z-index: -1;
}
.page-home .card-planta img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}