/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* CSS IMPORTS */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url("common.css");
@import url("newsletter.css");
@import url("home.css");
@import url("footer.css");
@import url("mobile-header.css");
@import url("desktop-header.css");
@import url("category.css");
@import url("contact.css");
@import url("reviews.css");
@import url("about-us.css");
@import url("product.css");
@import url("not-found.css");
@import url("promotions.css");
@import url("menu.css");
@import url("checkout.css");
@import url("account.css");
@import url("brands.css");
@import url("search-result.css");
@import url("legal.css");

:root {
    --primary: #70C4C0;
    --secondary: #C1E1D2;
    --button: #149B77;
    --dark-button: #0E7257;
    --background: #395E5C;
    --soft-background: #F1F9F9;
    --promo: #E15B22;
    --dark-typo: #333333;
    --darkest-typo: #1E1E1E;
    --soft-typo: #797979;
    --softest-typo: #B3B3B3;
    --light-typo: #717171;
    --back-to-top: #4D6D6C;
    --light-background: #F1FAF9;
    --light-text: #777777;
    --offer: #FA4444;
    --new-flag: #7182E2;
    --offer-flag: #EF7A48;
    --border: #C7C7C7;
}

body {
    font-family: Poppins;
}

/* Términos y condiciones de venta */
body.cms-id-3 h1 {
    margin-top: 30px;
}
body.cms-id-3 h2 {
    margin-top: 40px;
}

.grecaptcha-badge {
	visibility: hidden;	
}