@import url("tiendas-online-paraguay.css?v=20260721-1");

body{min-width:0}
.blog-hero{padding-bottom:clamp(56px,8vw,88px)}.blog-hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr)}.blog-hero h1{font-size:clamp(3rem,6vw,5.4rem)}
.blog-visual{min-height:360px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 78% 25%,rgba(20,230,110,.24),transparent 28%),radial-gradient(circle at 20% 78%,rgba(138,77,255,.22),transparent 31%),linear-gradient(145deg,rgba(11,27,59,.98),rgba(5,15,35,.98));box-shadow:var(--shadow)}
.blog-visual::before,.blog-visual::after{content:"";position:absolute;width:62%;height:64%;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(2,8,23,.55)}.blog-visual::before{transform:rotate(-8deg) translate(-16%,-3%)}.blog-visual::after{transform:rotate(7deg) translate(17%,6%)}
.blog-visual-copy{position:relative;z-index:1;max-width:310px;padding:28px;text-align:center}.blog-visual-copy strong{display:block;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.08}.blog-visual-copy span{display:block;margin-top:12px;color:#9af3bd;font-weight:750}
.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}.category-nav a{padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:#dbe8ff;background:rgba(255,255,255,.035);font-size:.86rem;font-weight:700}.category-nav a:hover,.category-nav a:focus-visible,.category-nav a[aria-current=true]{color:#041218;border-color:var(--green);background:var(--green)}
.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-card{display:flex;flex-direction:column;padding:0;overflow:hidden}.article-card-image{overflow:hidden;aspect-ratio:16/10;background:#07152f}.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.article-card:hover .article-card-image img{transform:scale(1.025)}
.article-card-body{flex:1;display:flex;flex-direction:column;padding:24px}.article-category{align-self:flex-start;margin-bottom:12px;color:#9af3bd;font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.article-card h2,.article-card h3{margin:0 0 11px;font-size:1.38rem;line-height:1.25;letter-spacing:-.025em}.article-card p{margin-bottom:20px}.article-meta{display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:auto;color:#8291b2;font-size:.78rem}.article-link{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:var(--green);font-weight:780}.article-link:hover{color:#fff}
.empty-state{min-height:190px;display:grid;place-items:center;padding:32px;border:1px dashed rgba(255,255,255,.17);border-radius:22px;background:rgba(255,255,255,.025);text-align:center}.empty-state strong{display:block;margin-bottom:7px;font-size:1.08rem}.empty-state p{max-width:520px;color:var(--muted)}
.article-header{padding:clamp(50px,8vw,90px) 0 44px}.article-header-inner{max-width:920px}.article-header h1{max-width:900px;margin:14px 0 22px;font-size:clamp(2.7rem,6vw,5.3rem)}.article-deck{max-width:790px;color:#c2cde2;font-size:clamp(1.08rem,2vw,1.3rem)}.article-byline{display:flex;flex-wrap:wrap;gap:9px 22px;margin-top:25px;color:var(--muted);font-size:.88rem}
.article-cover{max-width:1120px;margin:0 auto clamp(45px,7vw,76px);padding-inline:4%}.article-cover-frame{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--panel);box-shadow:var(--shadow)}.article-cover img{width:100%;height:auto}
.article-layout{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:clamp(34px,7vw,86px);align-items:start}.toc{position:sticky;top:106px;padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(7,21,47,.8)}.toc strong{display:block;margin-bottom:13px}.toc ol{display:grid;gap:8px;padding-left:19px;color:var(--muted);font-size:.87rem}.toc a:hover{color:var(--green)}
.article-content{max-width:790px}.article-content>p:first-child{color:#d9e4f5;font-size:1.12rem}.article-content p,.article-content ul{margin-bottom:20px;color:#bdc9df}.article-content h2{margin:58px 0 18px;font-size:clamp(1.9rem,4vw,3rem);scroll-margin-top:110px}.article-content h3{margin:32px 0 11px;font-size:1.3rem;scroll-margin-top:110px}.article-content ul{padding-left:22px}.article-content li+li{margin-top:8px}.article-content a{color:#7ef1ae;text-decoration:underline;text-decoration-color:rgba(126,241,174,.35);text-underline-offset:3px}.article-content a:hover{color:#fff}
.article-note{margin:28px 0;padding:22px;border-left:3px solid var(--green);border-radius:0 16px 16px 0;background:rgba(20,230,110,.055)}.article-note p{margin:0}.comparison-table{width:100%;margin:26px 0 32px;border-collapse:collapse;font-size:.91rem}.comparison-table th,.comparison-table td{padding:14px;border:1px solid var(--line);text-align:left;vertical-align:top}.comparison-table th{color:#fff;background:rgba(45,125,255,.11)}.comparison-table td{color:#bdc9df}
.article-faq{margin-top:62px}.article-faq h2{margin-top:0}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-card{min-height:190px;display:flex;flex-direction:column}.related-card h3{margin:8px 0 10px}.related-card .article-link{margin-top:auto}
@media(max-width:900px){.blog-hero .hero-grid,.article-layout{grid-template-columns:1fr}.blog-visual{min-height:300px}.articles-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toc{position:static}}
@media(max-width:600px){.articles-grid,.related-grid{grid-template-columns:1fr}.category-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.category-nav a{flex:0 0 auto}.article-header{padding:52px 0 38px;text-align:center}.article-header-inner{width:min(calc(100% - 28px),620px);margin-inline:auto}.article-header .article-category{align-self:center;margin:0 auto 16px;text-align:center}.article-header h1{max-width:620px;margin:0 auto 20px;text-align:center}.article-header .article-deck{max-width:560px;margin-inline:auto;text-align:center}.article-header .article-byline{max-width:560px;justify-content:center;margin:24px auto 0;text-align:center}.article-cover{padding-inline:14px}.comparison-table{display:block;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){.article-card-image img{transition:none}}
.article-calculator-cta{padding:clamp(38px,6vw,68px) 0;border-top:1px solid var(--line)}.article-tool-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;padding:clamp(24px,4vw,38px);border:1px solid rgba(20,230,110,.25);border-radius:24px;background:linear-gradient(145deg,rgba(20,230,110,.075),rgba(7,21,47,.96));box-shadow:var(--shadow)}.article-tool-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:rgba(20,230,110,.1);font-size:1.65rem}.article-tool-card .kicker{margin:0 0 6px}.article-tool-card h2{margin:0;font-size:clamp(1.45rem,3vw,2.35rem)}@media(max-width:720px){.article-tool-card{grid-template-columns:1fr;text-align:center}.article-tool-icon{margin-inline:auto}.article-tool-card .btn{width:100%}}

/* Portada editorial */
.blog-visual{min-height:0;aspect-ratio:3/2;padding:0}
.blog-visual::before,.blog-visual::after{display:none}
.blog-visual img{width:100%;height:100%;object-fit:cover;border-radius:27px;box-shadow:none}
.featured-section{padding-top:clamp(66px,8vw,96px)}
.featured-article{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(11,27,59,.98),rgba(5,15,35,.98));box-shadow:var(--shadow)}
.featured-image{min-height:420px;display:block}.featured-image .topic-art{height:100%;min-height:420px;border-radius:0}
.featured-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,5vw,58px)}.featured-copy h2{margin:4px 0 16px;font-size:clamp(2rem,3.7vw,3.45rem)}.featured-copy p{color:var(--muted)}.featured-copy .article-meta{margin:20px 0 26px}.featured-copy .btn{align-self:flex-start}
.category-filter{padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:#dbe8ff;background:rgba(255,255,255,.035);font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;transition:.2s ease}
.category-filter:hover,.category-filter:focus-visible,.category-filter.is-active{color:#041218;border-color:var(--green);background:var(--green)}
.filter-status{margin:-20px 0 26px;color:var(--muted);font-size:.82rem}
.article-card[hidden]{display:none!important}
.article-card-image{display:block}
.article-card-image .topic-art{height:100%}
.article-cover>.topic-art{min-height:clamp(300px,45vw,520px);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}
.topic-art{position:relative;overflow:hidden;min-height:230px;background:radial-gradient(circle at 78% 18%,rgba(20,230,110,.18),transparent 25%),linear-gradient(145deg,#071a3c,#030b1f);isolation:isolate}
.topic-art::before{content:"";position:absolute;inset:auto -12% -45% 12%;height:85%;border:1px solid rgba(45,125,255,.25);border-radius:50%;transform:rotate(-10deg)}
.topic-art span{position:absolute;display:block}
.art-browser{left:14%;top:18%;width:62%;height:58%;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:linear-gradient(180deg,rgba(45,125,255,.2) 0 18%,rgba(4,15,39,.92) 18%);box-shadow:0 20px 38px rgba(0,0,0,.3)}
.art-browser::before{content:"";position:absolute;left:9%;top:8%;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:12px 0 #2d7dff,24px 0 #8a4dff}
.art-browser::after{content:"";position:absolute;left:10%;right:10%;top:34%;height:10%;border-radius:999px;background:linear-gradient(90deg,var(--blue) 0 68%,rgba(255,255,255,.12) 68%)}
.art-chart{right:10%;bottom:13%;width:40%;height:36%;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(7,21,47,.96)}
.art-chart::before{content:"";position:absolute;inset:18% 12%;background:linear-gradient(145deg,transparent 42%,var(--green) 43% 48%,transparent 49%),linear-gradient(25deg,transparent 42%,var(--blue) 43% 48%,transparent 49%)}
.art-coin{left:10%;bottom:10%;width:54px;height:54px;border:5px solid #8a4dff;border-radius:50%;background:#101f48;box-shadow:0 0 24px rgba(138,77,255,.35)}
.art-price .art-browser{width:68%;height:62%}.art-price .art-chart{right:7%}.art-price .art-coin{background:radial-gradient(circle,var(--green) 0 25%,#102147 27%)}
.art-panel{right:9%;top:25%;width:30%;height:48%;border-radius:12px;background:linear-gradient(180deg,var(--purple),#3d37a4);box-shadow:0 15px 30px rgba(0,0,0,.3)}.art-panel::after{content:"";position:absolute;inset:18%;border-radius:7px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.8) 0 5px,transparent 5px 15px)}
.art-cursor{left:55%;bottom:12%;width:24px;height:32px;background:var(--green);clip-path:polygon(0 0,100% 68%,60% 72%,42% 100%)}
.art-bubble{width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,var(--blue),#1949b8);box-shadow:0 12px 25px rgba(0,0,0,.28)}.art-bubble::after{content:"";position:absolute;left:12px;right:12px;top:16px;height:4px;border-radius:5px;background:#fff;box-shadow:0 9px rgba(255,255,255,.55)}.art-bubble.one{right:15%;top:18%}.art-bubble.two{right:7%;bottom:18%;background:linear-gradient(145deg,var(--purple),#5035bb)}
.art-alert{right:13%;top:19%;width:64px;height:58px;background:#ffbd59;clip-path:polygon(50% 0,100% 100%,0 100%)}.art-alert::after{content:"!";position:absolute;left:0;right:0;top:16px;color:#291c00;font-weight:900;text-align:center}.art-check{left:10%;bottom:12%;width:50px;height:50px;border-radius:50%;background:var(--green)}.art-check::after{content:"";position:absolute;left:15px;top:12px;width:17px;height:9px;border:4px solid #041218;border-top:0;border-right:0;transform:rotate(-45deg)}
.art-search{left:12%;top:19%;width:61%;height:58%;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:#06132d}.art-search::before{content:"";position:absolute;left:16%;top:21%;width:55%;height:26px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.05)}.art-search::after{content:"";position:absolute;right:-20px;bottom:-18px;width:58px;height:58px;border:8px solid var(--green);border-radius:50%;box-shadow:26px 27px 0 -19px var(--green)}
.art-result{left:24%;width:32%;height:6px;border-radius:999px;background:#2d7dff}.art-result.one{top:54%;box-shadow:0 14px rgba(255,255,255,.16),0 28px rgba(255,255,255,.1)}.art-result.two{display:none}.art-arrow{right:10%;top:18%;width:55px;height:55px;border-top:7px solid var(--green);border-right:7px solid var(--green);transform:rotate(-12deg)}
.art-searchbar{left:10%;top:18%;width:72%;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(7,21,47,.95)}.art-searchbar::after{content:"";position:absolute;right:12px;top:8px;width:16px;height:16px;border:3px solid var(--green);border-radius:50%}.art-clock{left:16%;bottom:14%;width:82px;height:82px;border:7px solid var(--blue);border-radius:50%;background:#07152f}.art-clock::before{content:"";position:absolute;left:34px;top:15px;width:4px;height:26px;background:#fff;transform-origin:bottom;transform:rotate(20deg)}.art-google .art-chart{right:10%;bottom:13%}
.art-product{top:38%;width:22%;height:34%;border-radius:10px;background:linear-gradient(145deg,#2d7dff,#1448ad)}.art-product::before{content:"";position:absolute;left:20%;right:20%;top:18%;height:42%;border-radius:7px;background:rgba(255,255,255,.3)}.art-product.one{left:18%}.art-product.two{left:45%;background:linear-gradient(145deg,#8a4dff,#4d2fa8)}.art-cart{right:8%;bottom:12%;width:70px;height:45px;border:5px solid var(--green);border-top:0;transform:skew(-8deg)}.art-cart::after{content:"";position:absolute;left:7px;bottom:-18px;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:40px 0 var(--green)}
.art-grid{left:22%;top:43%;width:43%;height:27%;background:linear-gradient(90deg,var(--blue) 0 30%,transparent 30% 35%,rgba(255,255,255,.13) 35% 65%,transparent 65% 70%,var(--purple) 70%);border-radius:7px}.art-shield{right:9%;bottom:12%;width:55px;height:65px;background:linear-gradient(145deg,var(--green),#0e9f57);clip-path:polygon(50% 0,100% 18%,90% 72%,50% 100%,10% 72%,0 18%)}.art-shield::after{content:"";position:absolute;left:19px;top:19px;width:15px;height:8px;border:4px solid #041218;border-top:0;border-right:0;transform:rotate(-45deg)}
.popular-section{background:rgba(3,13,33,.35)}.popular-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:clamp(38px,7vw,88px);align-items:start}.popular-list{list-style:none;border-top:1px solid var(--line)}.popular-list li{border-bottom:1px solid var(--line)}.popular-list a{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px 4px;transition:.2s ease}.popular-list a:hover{padding-left:10px;color:var(--green)}.popular-number{color:#60718f;font-size:.78rem;font-weight:800}.popular-list strong{display:block;line-height:1.35}.popular-list small{display:block;margin-top:5px;color:var(--muted)}
.resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.resource-card{min-height:220px;display:flex;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(180deg,rgba(11,27,59,.95),rgba(6,19,43,.95));transition:.25s ease}.resource-card:hover{transform:translateY(-5px);border-color:rgba(20,230,110,.28)}.resource-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:auto;border-radius:15px;color:var(--green);background:rgba(20,230,110,.08);font-size:.72rem;font-weight:900}.resource-card strong{margin:22px 0 8px;line-height:1.35}.resource-card>span:last-child{color:var(--muted);font-size:.9rem}
@media(max-width:900px){.featured-article,.popular-layout{grid-template-columns:1fr}.featured-image,.featured-image .topic-art{min-height:340px}.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.featured-image,.featured-image .topic-art{min-height:250px}.featured-copy .btn{width:100%}.resources-grid{grid-template-columns:1fr}.resource-card{min-height:190px}.topic-art{min-height:210px}.popular-list a{grid-template-columns:42px minmax(0,1fr) auto;gap:10px}}
@media(max-width:768px){
  .blog-hero h1{font-size:var(--type-mobile-internal-h1)}
  .article-header h1{font-size:var(--type-mobile-article-h1)}
  .article-header-inner{display:flex;flex-direction:column;align-items:center;text-align:center}
  .article-deck.mobile-readable-intro{margin-inline:auto;text-align:left}
}
