/*
Theme Name:     Antonimo
Theme URI:      n/a
Template:       kadence
Author:         Fernando García Rebolledo
Author URI:     n/a
Description:    Tema personalizado para Antonimo
Version:        1.1.5
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/*
Variables a usar 
:root {
    --global-kb-font-size-sm: clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);
    --global-kb-font-size-md: clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);
    --global-kb-font-size-lg: clamp(1.75rem, 1.576rem + 0.543vw, 2rem);
    --global-kb-font-size-xl: clamp(2.25rem, 1.728rem + 1.63vw, 3rem);
    --global-kb-font-size-xxl: clamp(2.5rem, 1.456rem + 3.26vw, 4rem);
    --global-kb-font-size-xxxl: clamp(2.75rem, 0.489rem + 7.065vw, 6rem);

    --global-palette1: #008c3c;
    --global-palette2: #f3d645;
    --global-palette3: #272c2e;
    --global-palette4: #3a4043;
    --global-palette5: #465458;
    --global-palette6: #778f95;
    --global-palette7: #e2e8e9;
    --global-palette8: #f4f7f7;
    --global-palette9: #ffffff;
    --global-palette9rgb: 255, 255, 255;
    --global-palette-highlight: var(--global-palette1);
    --global-palette-highlight-alt: var(--global-palette2);
    --global-palette-highlight-alt2: var(--global-palette9);
    --global-palette-btn-bg: var(--global-palette1);
    --global-palette-btn-bg-hover: var(--global-palette2);
    --global-palette-btn: var(--global-palette9);
    --global-palette-btn-hover: var(--global-palette9);
    --global-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --global-heading-font-family: inherit;
    --global-primary-nav-font-family: inherit;
    --global-fallback-font: sans-serif;
    --global-display-fallback-font: sans-serif;
    --global-content-width: 1290px;
    --global-content-narrow-width: 842px;
    --global-content-edge-padding: 1.5rem;
    --global-content-boxed-padding: 2rem;
    --global-calc-content-width: calc(1290px - var(--global-content-edge-padding) - var(--global-content-edge-padding));
    --wp--style--global--content-size: var(--global-calc-content-width);

    --global-gray-400: #CBD5E0;
    --global-gray-500: #A0AEC0;
    --global-xs-spacing: 1em;
    --global-sm-spacing: 1.5rem;
    --global-md-spacing: 2rem;
    --global-lg-spacing: 2.5em;
    --global-xl-spacing: 3.5em;
    --global-xxl-spacing: 5rem;
    --global-edge-spacing: 1.5rem;
    --global-boxed-spacing: 2rem;

    --global-font-size-small: clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);
    --global-font-size-medium: clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);
    --global-font-size-large: clamp(1.75rem, 1.576rem + 0.543vw, 2rem);
    --global-font-size-larger: clamp(2rem, 1.6rem + 1vw, 2.5rem);
    --global-font-size-xxlarge: clamp(2.25rem, 1.728rem + 1.63vw, 3rem);


    --global-kb-font-size-sm: clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);
    --global-kb-font-size-md: clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);
    --global-kb-font-size-lg: clamp(1.75rem, 1.576rem + 0.543vw, 2rem);
    --global-kb-font-size-xl: clamp(2.25rem, 1.728rem + 1.63vw, 3rem);
    --global-kb-font-size-xxl: clamp(2.5rem, 1.456rem + 3.26vw, 4rem);
    --global-kb-font-size-xxxl: clamp(2.75rem, 0.489rem + 7.065vw, 6rem);

}
*/
:root{
    --global-palette-danger: #F10000;
    --icons-size-m: 24px;
    --icons-size-lg: 40px;
    --global-palette2-light: #fcf6d9;
    --global-xxxs-spacing: calc(1rem / 4);
    --global-xxs-spacing: calc(1rem / 2);
    --global-xs-spacing: 1rem;
    --global-sm-spacing: 1.5rem;
    --global-md-spacing: 2rem;
    --global-lg-spacing: 2.5rem;
    --global-xl-spacing: 3.5rem;
    --global-xxl-spacing: 5rem;
    --max-width: 1440px;
    --extra-width: 1600px;
    /* Colores */
    --antonimo-color-negro: #000000;
    --antonimo-color-blanco: #ffffff;
    --antonimo-color-gris-claro: #f4f4f4;
    --antonimo-color-crema: #f3efe8;
    --antonimo-color-blu: #5437ea;
    --antonimo-color-amapola: #ff5f3a;
    --antonimo-color-bronce: #9d7a3c;
    --antonimo-color-verde-monte:#5e5d41;
}
::selection{
    background-color: var(--azul);
    color: var(--bronce);
}
::-moz-selection{
   
}
/* Custom fonts @fontface */
@font-face {
    font-family: 'safiro';
    src: url(./fonts/Safiro-Regular.otf);
}
@font-face {
    font-family: 'GeistMono';
    src: url(./fonts/GeistMono-VariableFont_wght.ttf);
}
@font-face {
    font-family: 'IMFellGreatPrimer Regular';
    src: url(./fonts/IMFellGreatPrimer-Regular.ttf);
}
@font-face {
    font-family: 'IMFellGreatPrimer Italic';
    src: url(./fonts/IMFellGreatPrimer-Italic.ttf);
}
@font-face {
    font-family: 'OldStyle Italic';
    src: url(./fonts/OLDSIH__.TTF);
}
::selection{
    background-color: var(--antonimo-color-amapola);
    color: var(--antonimo-color-blanco);
}
::-moz-selection{
    background-color: var(--antonimo-color-amapola);
    color: var(--antonimo-color-blanco);
}
mark{
    background-color: var(--antonimo-color-amapola);
    color: var(--antonimo-color-blanco);
}
/**
 * Accessibility - Reduced Motion
 * Respects user's system preference for reduced motion
 * This improves accessibility for users with vestibular disorders
 */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}
/* Clases fuentes */
h1, .antonimo-h1{
    font-size: clamp(2rem, 1.3333rem + 2.963vw, 4rem);
    line-height: 1.2;
    font-family: 'safiro', sans-serif;
    font-weight: 400;
}
h2, .antonimo-h2{
    line-height: 1.2;
}
.antonimo-h3{
    font-size: clamp(28px, 1.9167rem + -0.7407vw, 20px);
    line-height: 1.5;
    font-family: 'safiro', sans-serif;
}
.antonimo-destacado-alternativo,
.antonimo-destacado-oldstyle{
    font-family: 'IMFellGreatPrimer Italic', serif;
    font-size: clamp(1.25rem, 0.875rem + 1.6667vw, 2.375rem);
    font-weight: 400;
    line-height: 115%;
}
.antonimo-destacado-oldstyle,
.antonimo-oldstyle{
    font-family: 'OldStyle Italic', serif;
}
.antonimo-legales{
    font-family: 'IMFellGreatPrimer Regular', serif;
    font-size: clamp(0.75rem, 0.625rem + 0.5556vw, 1.125rem);
    font-weight: 400;
}
.antonimo-pie-rojo,
footer .antonimo-pie-rojo a{
    font-family: 'GeistMono', monospace;
    font-size: clamp(0.875rem, 0.7083rem + 0.3704vw, 1.125rem);
    font-weight: 400;
    color: var(--antonimo-color-amapola);
}

footer .antonimo-pie-rojo a:hover{
    text-decoration: underline;
    color: var(--antonimo-color-amapola);
}
.antonimo-nota-cata-titulo,
.single-content p.antonimo-nota-cata-titulo{
    font-family: 'GeistMono', monospace;
    font-size: clamp(1rem, 0.875rem + 0.5556vw, 1.375rem);
    font-weight: 400;
    font-weight: 600;
    margin-bottom: .5rem;
}
.antonimo-nota-cata-parrafo{
    font-family: 'safiro', sans-serif;
    font-size: clamp(1rem, 0.875rem + 0.5556vw, 1.375rem);
    font-weight: 400;
}
/*Clases comunes*/

.antonimo-oldstyle-italic{
    font-family: 'OldStyle Italic', serif;
}
.antonimo-site-title{
    font-style: normal;
    font-weight: 400;
    font-size: clamp(2rem, 1.4167rem + 2.5926vw, 3.75rem);
    line-height: 1.2;
    font-family: "OldStyle Italic", serif;
    color: var(--global-palette3);
}
.boton-antonimo{
    font-family: 'safiro', sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: .8;
    letter-spacing: 0.2025rem;
    background-color: var( --antonimo-color-amapola);
    padding: 0 1.2rem .5rem;
    position: relative;
    overflow: hidden;
    transition: color 0.6s ease;
    z-index: 1;
    max-width: fit-content;
}
.boton-antonimo::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.6s ease;
    z-index: -1;
}
.boton-antonimo:hover::before{
    transform: scaleX(1);
}
.boton-antonimo:hover,
.boton-antonimo:hover a{
    color: #fff;
}
.boton-antonimo,
.boton-antonimo a{
    text-decoration: none;
    transition: color 0.4s ease;
}
/*Header*/
header .main-navigation .primary-menu-container > ul > li.menu-item:not(:first-child){
    margin-left: 5rem;
}
header .main-navigation .primary-menu-container > ul > li.menu-item > a{
    font-family: 'safiro', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    transition: color 0.3s ease;
}
header .main-navigation .primary-menu-container > ul > li.menu-item > a::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background-color: var(--antonimo-color-amapola);
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
header .main-navigation .primary-menu-container > ul > li.menu-item > a:hover{
    color: var(--antonimo-color-amapola);
}
header .main-navigation .primary-menu-container > ul > li.menu-item > a:hover::after{
    width: 100%;
}
header .main-navigation .primary-menu-container > ul > li.menu-item > a:last-of-type{
    padding-right: 0;
}
header .header-cart-total.header-cart-is-empty-true{
    display: none;
}
/*Footer*/
footer .site-container{
    padding: 0;
}
body footer .antonimo-legales a:hover{
    text-decoration: underline;
    color: var(--antonimo-color-blanco);
}
/*Home*/
.antonimo-home-video{
    width: 100%;
}
@media(max-width:1024px){
    .antonimo-hom-23{
        position: absolute;
        left: 0;
        top: 0;
    }
}
/*Product Antonimo*/
/* Shortcode: Product Price */
.antonimo-product-price{
    color: #000;
    text-align: center;
    font-family: 'safiro', sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2025rem;
    text-align: left;
}
.antonimo-product-price-error{
    color: var(--antonimo-color-amapola);
    text-align: center;
    font-size: 0.875rem;
}