:root{--article-card-bg: #ffffff;--article-card-shadow: 0 4px 24px rgba(0, 0, 0, .06);--article-card-shadow-hover: 0 8px 40px rgba(0, 0, 0, .1);--article-card-radius: 20px;--article-card-radius-sm: 12px;--article-accent: rgb(var(--color-button));--article-text: rgb(var(--color-foreground));--article-text-muted: rgba(var(--color-foreground), .6);--article-border: rgba(var(--color-foreground), .08);--article-bg-subtle: rgba(var(--color-foreground), .02)}.article-page{position:relative;min-height:100vh;padding-bottom:6rem}.article-page__background{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(var(--color-foreground),.02),rgba(var(--color-background),1));pointer-events:none;z-index:-1}.article-card{background:var(--article-card-bg);border-radius:var(--article-card-radius);box-shadow:var(--article-card-shadow);padding:2.5rem;margin-bottom:2rem;transition:box-shadow .3s ease,transform .3s ease}.article-card:hover{box-shadow:var(--article-card-shadow-hover)}.article-card__header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.2rem;border-bottom:1px solid var(--article-border)}.article-card__header--center{justify-content:center;text-align:center}.article-card__header svg{color:var(--article-accent);flex-shrink:0}.article-card__title{font-size:1.6rem;font-weight:600;margin:0;color:var(--article-text)}.article-hero-card{background:var(--article-card-bg);border-radius:var(--article-card-radius);box-shadow:var(--article-card-shadow);padding:3rem;margin-top:2rem;margin-bottom:2rem}.article-breadcrumbs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:1.3rem;color:var(--article-text-muted);margin-bottom:2rem}.article-breadcrumbs a{color:var(--article-text-muted);text-decoration:none;transition:color .2s}.article-breadcrumbs a:hover{color:var(--article-accent)}.article-breadcrumbs__separator{opacity:.5}.article-hero-card__tags{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.5rem}.article-tag{display:inline-block;padding:.5rem 1.2rem;background:rgba(var(--color-button),.1);color:var(--article-accent);border-radius:50px;font-size:1.2rem;font-weight:500;text-decoration:none;transition:all .2s}.article-tag:hover{background:var(--article-accent);color:#fff}.article-hero-card__title{font-size:3.2rem;font-weight:700;line-height:1.3;margin:0 0 1.5rem;color:var(--article-text)}.article-hero-card__meta{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}.article-meta__item{display:flex;align-items:center;gap:.6rem;font-size:1.4rem;color:var(--article-text-muted)}.article-meta__item svg{opacity:.7}.article-hero-card__image{margin-top:2rem;border-radius:var(--article-card-radius-sm);overflow:hidden}.article-hero-card__image img{width:100%;height:auto;display:block}.article-info-cards{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.article-toc-card{margin:0}.article-toc__list{list-style:none;padding:0;margin:0;counter-reset:toc}.article-toc__item{counter-increment:toc}.article-toc__link{display:flex;align-items:flex-start;gap:1rem;padding:.8rem 1rem;color:var(--article-text);text-decoration:none;font-size:1.4rem;line-height:1.5;border-radius:8px;transition:all .2s}.article-toc__link:before{content:counter(toc);display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;background:var(--article-bg-subtle);border-radius:50%;font-size:1.2rem;font-weight:600;color:var(--article-accent);flex-shrink:0}.article-toc__link:hover{background:var(--article-bg-subtle);padding-right:1.5rem}.article-toc__link:hover:before{background:var(--article-accent);color:#fff}.article-share-card{margin:0}.article-share__buttons{display:flex;flex-direction:column;gap:1rem}.article-share__btn{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1rem 1.5rem;border:none;border-radius:var(--article-card-radius-sm);font-size:1.4rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s}.article-share__btn--facebook{background:#1877f2;color:#fff}.article-share__btn--facebook:hover{background:#0d65d9}.article-share__btn--whatsapp{background:#25d366;color:#fff}.article-share__btn--whatsapp:hover{background:#1da851}.article-share__btn--copy{background:var(--article-bg-subtle);color:var(--article-text);border:1px solid var(--article-border)}.article-share__btn--copy:hover,.article-share__btn--copy.copied{background:var(--article-accent);color:#fff;border-color:var(--article-accent)}.article-content-card{background:var(--article-card-bg);border-radius:var(--article-card-radius);box-shadow:var(--article-card-shadow);padding:4rem;margin-bottom:2rem}.article-content hr,.article-content p,.article-content div,.article-content span{border:none!important;border-bottom:none!important;border-top:none!important;box-shadow:none!important}.article-content hr{display:none!important}.article-content>*+*{border-top:none!important}.article-content [style*=border],.article-content [style*=line]{border:none!important}.article-content h2{font-size:2.4rem;font-weight:700;margin:3rem 0 1.5rem;padding-top:2rem;color:var(--article-text);scroll-margin-top:100px;position:relative}.article-content h2:before{content:"";position:absolute;right:-2rem;top:50%;transform:translateY(-50%);width:4px;height:70%;background:var(--article-accent);border-radius:4px;opacity:0;transition:opacity .3s}.article-content h2:hover:before{opacity:1}.article-content h3{font-size:1.8rem;font-weight:600;margin:2rem 0 1rem;color:var(--article-text)}.article-content p{font-size:1.6rem;line-height:1.9;margin-bottom:1.5rem;color:var(--article-text)}.article-content ul,.article-content ol{margin:1.5rem 0;padding-right:2rem}.article-content li{font-size:1.6rem;line-height:1.8;margin-bottom:.8rem}.article-content img{border-radius:var(--article-card-radius-sm);margin:2rem 0;max-width:100%;height:auto}.article-content blockquote{margin:2rem 0;padding:2rem 2.5rem 2rem 2rem;background:var(--article-bg-subtle);border-radius:var(--article-card-radius-sm);border-right:4px solid var(--article-accent);font-style:italic;color:var(--article-text-muted)}.article-content a{color:var(--article-accent);text-decoration:underline;text-underline-offset:3px}.article-content a:hover{text-decoration:none}.article-contact-card{background:linear-gradient(135deg,rgba(var(--color-button),.03),rgba(var(--color-button),.08));border:1px solid rgba(var(--color-button),.15)}.article-contact__inner{max-width:700px;margin:0 auto}.article-contact__header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;text-align:right}.article-contact__icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--article-accent);color:#fff;border-radius:16px;flex-shrink:0}.article-contact__title{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:var(--article-text)}.article-contact__subtitle{font-size:1.4rem;color:var(--article-text-muted);margin:0}.article-contact__fields{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.article-contact__fields .field--full{grid-column:1 / -1}.article-contact__form .field{position:relative}.article-contact__form .field__input{width:100%;padding:1.4rem 1.5rem;border:1px solid var(--article-border);border-radius:var(--article-card-radius-sm);font-size:1.5rem;background:var(--article-card-bg);transition:all .2s}.article-contact__form .field__input:focus{outline:none;border-color:var(--article-accent);box-shadow:0 0 0 3px rgba(var(--color-button),.1)}.article-contact__form .field__label{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);font-size:1.4rem;color:var(--article-text-muted);pointer-events:none;transition:all .2s;background:var(--article-card-bg);padding:0 .5rem}.article-contact__form .field__textarea~.field__label{top:2rem;transform:none}.article-contact__form .field__input:focus~.field__label,.article-contact__form .field__input:not(:placeholder-shown)~.field__label{top:0;transform:translateY(-50%);font-size:1.2rem;color:var(--article-accent)}.article-contact__form .field__textarea{min-height:120px;resize:vertical}.article-contact__form .field__textarea:focus~.field__label,.article-contact__form .field__textarea:not(:placeholder-shown)~.field__label{top:-.8rem;transform:none}.article-contact__submit{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:1.4rem 3rem;background:var(--article-accent);color:#fff;border:none;border-radius:var(--article-card-radius-sm);font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .3s}.article-contact__submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--color-button),.3)}.article-contact__submit svg{transform:rotate(180deg)}.form-status{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:var(--article-card-radius-sm);margin-bottom:2rem;font-size:1.4rem}.form-status--success{background:#4caf501a;color:#2e7d32;border:1px solid rgba(76,175,80,.3)}.form-status--error{background:#f443361a;color:#c62828;border:1px solid rgba(244,67,54,.3)}.article-products-card{padding:3rem}.article-products__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.article-product-item{text-decoration:none;color:inherit;display:block}.article-product-item__image{aspect-ratio:1;border-radius:var(--article-card-radius-sm);overflow:hidden;background:var(--article-bg-subtle);margin-bottom:1rem}.article-product-item__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.article-product-item:hover .article-product-item__image img{transform:scale(1.05)}.article-product-item__info{text-align:center}.article-product-item__title{font-size:1.4rem;font-weight:500;margin:0 0 .5rem;color:var(--article-text);line-height:1.4}.article-product-item__price{font-size:1.5rem;font-weight:700;color:var(--article-accent)}.article-products__footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--article-border)}.article-products__view-all{display:inline-flex;align-items:center;gap:.8rem;color:var(--article-accent);font-weight:600;text-decoration:none;font-size:1.5rem;transition:gap .2s}.article-products__view-all:hover{gap:1.2rem}.article-products__view-all svg{transform:rotate(180deg)}.article-related-card{padding:3rem}.article-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.article-related-item{text-decoration:none;color:inherit;display:block;background:var(--article-bg-subtle);border-radius:var(--article-card-radius-sm);overflow:hidden;transition:transform .3s,box-shadow .3s}.article-related-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.article-related-item__image{aspect-ratio:16 / 10;overflow:hidden}.article-related-item__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.article-related-item:hover .article-related-item__image img{transform:scale(1.05)}.article-related-item__info{padding:1.5rem}.article-related-item__date{font-size:1.2rem;color:var(--article-text-muted);margin-bottom:.5rem;display:block}.article-related-item__title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--article-text);line-height:1.4}.article-related-item__excerpt{font-size:1.3rem;color:var(--article-text-muted);margin:0;line-height:1.5}.article-back{text-align:center;padding:3rem 0}.article-back__link{display:inline-flex;align-items:center;gap:.8rem;color:var(--article-text-muted);text-decoration:none;font-size:1.5rem;transition:all .2s}.article-back__link:hover{color:var(--article-accent);gap:1.2rem}.article-back__link svg{transform:rotate(180deg)}@media screen and (max-width:989px){.article-hero-card{padding:2rem}.article-hero-card__title{font-size:2.6rem}.article-info-cards{grid-template-columns:1fr}.article-content-card{padding:2.5rem}.article-contact__fields{grid-template-columns:1fr 1fr}.article-products__grid,.article-related__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.article-page{padding-bottom:4rem}.article-card{padding:2rem;border-radius:16px}.article-hero-card{padding:1.5rem;margin-top:1rem}.article-hero-card__title{font-size:2.2rem}.article-hero-card__meta{gap:1rem}.article-meta__item{font-size:1.3rem}.article-content-card{padding:2rem}.article-content h2{font-size:2rem}.article-content h2:before{display:none}.article-contact__header{flex-direction:column;text-align:center}.article-contact__icon{margin:0 auto}.article-contact__fields{grid-template-columns:1fr}.article-contact__submit{width:100%}.article-products__grid,.article-related__grid{grid-template-columns:1fr 1fr;gap:1.5rem}.article-share__buttons{flex-direction:row;flex-wrap:wrap}.article-share__btn{flex:1;min-width:calc(50% - .5rem)}.article-share__btn span{display:none}}.article-hero-card__image{max-width:50%;margin:2rem auto 0}.article-hero-card__image img{width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/26/assets/article-modern-cards.css.map */