/*
Theme Name: DSSpam Community
Theme URI: https://dsspam.com/
Author: DSSpam
Description: Comunidad profesional para consulta, reporte y comentarios de números de spam y llamadas sospechosas.
Version: 22.2.0
Text Domain: dsspam
*/
:root{--ink:#142033;--muted:#667085;--blue:#1769e0;--blue2:#0d55bd;--bg:#f6f8fc;--card:#fff;--danger:#d92d20;--line:#e4e9f1;--green:#079455;--shadow:0 14px 40px rgba(23,32,51,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{max-width:1180px;margin:auto;padding:0 24px}.narrow{max-width:860px}.site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav{min-height:76px;display:flex;align-items:center;gap:24px}.brand{font-weight:900;font-size:23px;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brand b{font-weight:950}.shield{width:31px;height:35px;border-radius:10px 10px 15px 15px;background:linear-gradient(145deg,#1769e0,#62a7ff);display:inline-grid;place-items:center;color:#fff;box-shadow:0 6px 15px rgba(23,105,224,.25)}.navlinks{margin-left:auto;display:flex;align-items:center;gap:22px;font-weight:700}.navlinks>a:not(.btn):hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;padding:11px 17px;font-weight:800;cursor:pointer;background:#eaf2ff;color:#145bc0;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(23,105,224,.18)}.btn.primary:hover{background:var(--blue2)}.btn.danger{background:#fff0ef;color:#b42318}.btn.light{background:#fff;color:#142033}.btn.big{padding:14px 22px;margin-top:16px}.btn.block{width:100%;margin-top:10px}.hero{padding:82px 0 62px;background:radial-gradient(circle at 82% 18%,#dfeeff 0,transparent 31%),linear-gradient(180deg,#fff,#fbfcff)}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:58px;align-items:center}.eyebrow{font-weight:900;color:var(--blue);font-size:13px;letter-spacing:.08em}.hero h1,.page-hero h1{font-size:clamp(43px,6vw,70px);line-height:1;letter-spacing:-3px;margin:16px 0}.lead{font-size:19px;color:var(--muted);max-width:690px}.search{display:flex;background:#fff;border:1px solid #d5dce7;padding:8px;border-radius:16px;box-shadow:0 14px 36px rgba(23,32,51,.09);margin-top:28px}.search input{flex:1;border:0;outline:0;font-size:18px;padding:13px;min-width:0}.search-note{font-size:13px;color:var(--muted);margin-top:10px}.risk-card,.card{display:block;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow)}.risk-card .number{font-size:31px;font-weight:950;letter-spacing:-1px;margin:8px 0}.demo{border-style:dashed}.badge{display:inline-block;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850;background:#fee4e2;color:#b42318}.badge.neutral{background:#eaf2ff;color:#145bc0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.stat{padding:4px}.stat strong{display:block;font-size:22px;line-height:1.2}.stat small{color:var(--muted)}section{padding:58px 0}.white{background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-head h2{font-size:34px;letter-spacing:-1.2px;margin:0}.section-head p{color:var(--muted);margin:5px 0}.section-head.compact{align-items:center;margin-bottom:10px}.section-head.compact h2{font-size:24px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.phone-card .phone{font-size:23px;font-weight:950;margin:10px 0}.mini-stats{display:flex;gap:12px;font-size:13px;font-weight:750;color:#475467}.empty{grid-column:1/-1}.steps{counter-reset:s}.step:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf2ff;color:var(--blue);font-weight:950;margin-bottom:16px}.step h3{margin:0 0 7px}.trust-grid{display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:center}.trust-grid h2{font-size:38px;letter-spacing:-1.5px;margin:10px 0}.cta{background:linear-gradient(135deg,#142033,#233452);color:#fff;border-radius:26px;padding:35px 38px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{margin:0;font-size:31px}.cta p{margin:5px 0 0;color:#d7dfeb}.page-hero{padding:55px 0 28px;background:#fff}.page-hero h1{font-size:48px}.footer{background:#101828;color:#cbd2df;padding:54px 0 0;margin-top:60px}.footer .brand{color:#fff}.footergrid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:42px}.footer h3{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin:4px 0 14px}.footer a:not(.brand){display:block;margin:8px 0;color:#cbd2df}.footer a:hover{color:#fff}.footer-about p{max-width:520px}.footer-bottom{border-top:1px solid #283548;margin-top:40px;padding-top:20px;padding-bottom:24px;font-size:13px;color:#98a2b3}.form-card{margin:10px auto 50px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.field{margin:15px 0}.field label{display:block;font-weight:780;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #d4dbe6;border-radius:11px;padding:13px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7fb0f3;box-shadow:0 0 0 3px #eaf2ff}.field textarea{min-height:150px;resize:vertical}.check{display:flex;gap:9px;align-items:flex-start;margin:16px 0;color:#475467}.check input{margin-top:5px}.notice{padding:14px 16px;border-radius:12px;background:#ecfdf3;color:#027a48;margin:15px 0}.notice.err{background:#fef3f2;color:#b42318}.notice.info{background:#eff6ff;color:#1849a9}.auth-gate{text-align:center;padding:20px}.actions{display:flex;gap:10px;flex-wrap:wrap}.auth-gate .actions{justify-content:center}.auth-wrap{max-width:620px;padding-top:60px;padding-bottom:30px}.auth-card{max-width:620px;margin:auto}.auth-card h1{font-size:40px;letter-spacing:-1.5px;margin:8px 0}.auth-links{text-align:center;color:var(--muted);margin-top:22px}.auth-links a{color:var(--blue);font-weight:700}.phone-hero{padding:42px 0 24px;background:#fff}.breadcrumbs{font-size:13px;color:var(--muted);display:flex;gap:8px;margin-bottom:22px}.breadcrumbs a:hover{color:var(--blue)}.phone-title{font-size:44px;line-height:1.08;letter-spacing:-1.8px;margin:10px 0}.phone-section{padding-top:24px}.phone-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.summary-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.summary-top h2{font-size:34px;margin:9px 0}.risk-box{background:#fef3f2;border:1px solid #fecdca;border-radius:14px;padding:12px 15px;min-width:150px}.risk-box small,.risk-box strong{display:block}.risk-box strong{color:#b42318}.phone-summary hr{border:0;border-top:1px solid var(--line);margin:26px 0}.report-content{white-space:pre-line}.faq-card,.comments-card{margin-top:20px}.faq-card details{border-top:1px solid var(--line);padding:15px 0}.faq-card summary{font-weight:800;cursor:pointer}.sticky-card{position:sticky;top:98px}.comment{padding:20px 0;border-bottom:1px solid var(--line)}.comment-list .comment{padding-left:0}.comment-list .children{margin-left:28px}.empty-comment{padding:18px 0}.account-wrap{padding-top:45px;padding-bottom:30px}.dashboard{display:grid;grid-template-columns:240px 1fr;gap:25px;align-items:start}.dashnav{position:sticky;top:98px}.dashnav>a{display:block;padding:10px 12px;border-radius:10px;margin:3px 0}.dashnav>a:hover{background:#edf3fc}.user-badge{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:12px}.user-badge img{border-radius:50%}.user-badge span{display:block;font-size:12px;color:var(--muted);word-break:break-all}.dash-content>.card{margin-bottom:20px}.dash-content h1{margin:7px 0}.account-stats{margin-top:20px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.status{font-size:12px;font-weight:850;padding:5px 8px;border-radius:999px;background:#f2f4f7}.status.publish{background:#ecfdf3;color:#027a48}.status.pending{background:#fffaeb;color:#b54708}.guide-grid{padding:10px 0 40px}.guide-grid h2{font-size:22px;line-height:1.25}.table-wrap{overflow:auto}
@media(max-width:900px){.hero-grid,.phone-layout,.dashboard,.trust-grid{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}.footergrid{grid-template-columns:1.5fr 1fr 1fr}.footergrid>div:last-child{grid-column:2/4}.sticky-card,.dashnav{position:static}.hero{padding-top:55px}.hero h1{font-size:52px}.phone-title{font-size:36px}}
@media(max-width:680px){.wrap{padding:0 18px}.nav{min-height:68px}.brand{font-size:20px}.navlinks{gap:8px}.navlinks>a:not(.btn){display:none}.navlinks .btn{padding:10px 12px;font-size:13px}.hero{padding:46px 0}.hero h1,.page-hero h1{font-size:42px;letter-spacing:-2px}.search{flex-direction:column}.grid3,.grid4,.form-grid,.footergrid{grid-template-columns:1fr}.footergrid>div:last-child{grid-column:auto}.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{grid-column:1/-1}.cta,.summary-top{align-items:flex-start;flex-direction:column}.section-head{align-items:flex-start;flex-direction:column}.section-head h2{font-size:29px}.phone-title{font-size:32px}.account-stats{grid-template-columns:repeat(3,1fr)}.account-stats .stat:last-child{grid-column:auto}.desktop-only{display:none}}
/* v4 professional update */
.brand-word b{font-weight:950}.brand-dot{font-weight:700;color:#667085}.shield{font-size:10px;font-weight:950;letter-spacing:-.5px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.facts>div{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:14px}.facts small,.facts strong{display:block}.facts small{color:var(--muted);font-size:12px}.risk-meter{height:7px;background:#e8edf4;border-radius:999px;margin-top:8px;overflow:hidden}.risk-meter span{display:block;height:100%;background:currentColor;border-radius:999px}.risk-low{background:#ecfdf3;border-color:#abefc6;color:#067647}.risk-medium{background:#fffaeb;border-color:#fedf89;color:#b54708}.risk-high{background:#fef3f2;border-color:#fecdca;color:#b42318}.risk-none{background:#f2f4f7;border-color:#e4e7ec;color:#475467}.community-comment{padding:20px 0;border-bottom:1px solid var(--line)}.comment-head{display:flex;align-items:center;gap:10px}.comment-head img{border-radius:50%}.comment-body{margin:12px 0}.comment-actions{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;font-weight:800}.comment-actions a{color:var(--blue)}.join-box{margin-top:18px}.join-box p{margin:5px 0 12px}.mini-cta{margin-top:20px}.mini-cta h2{font-size:24px}.meta{color:var(--muted)}
@media(max-width:680px){.facts{grid-template-columns:1fr}.mini-cta{padding:25px}.comment-list .children{margin-left:14px}}

.category-card span{display:block;color:var(--muted);font-size:13px;margin-top:5px}.community-stats{grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.community-stats .stat{text-align:center}.community-stats .stat strong{font-size:30px}
@media(max-width:680px){.community-stats{grid-template-columns:1fr 1fr}.community-stats .stat:last-child{grid-column:auto}}
/* v6 stability and polish update */
.how-note{margin-top:24px}.how-note h2{margin-top:0}.category-card{transition:transform .18s ease,border-color .18s ease}.category-card:hover{transform:translateY(-2px);border-color:#b8c9e5}.footer-about p{line-height:1.65}

/* v6 visual safeguards */
.category-grid{align-items:stretch}.category-card{min-height:130px;display:flex;flex-direction:column;justify-content:space-between}.hero-grid:not(:has(.risk-card)){grid-template-columns:minmax(0,760px);justify-content:center}.hero-grid:not(:has(.risk-card))>div{max-width:760px}.site-header .brand-word{white-space:nowrap}.footergrid a{width:max-content;max-width:100%}@media(max-width:680px){.hero-grid:not(:has(.risk-card)){display:block}.category-card{min-height:auto}}

/* v7 final polish, stability and QA */
.hero-help{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}
.hero-help-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#1769e0,#62a7ff);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:950;margin-bottom:20px;box-shadow:0 8px 18px rgba(23,105,224,.22)}
.hero-help h2{font-size:27px;line-height:1.15;letter-spacing:-.7px;margin:8px 0 10px}.hero-help>p{color:var(--muted);margin:0 0 18px}.hero-help-list{display:grid;gap:12px}.hero-help-list>div{display:flex;gap:12px;align-items:flex-start;padding-top:12px;border-top:1px solid var(--line)}.hero-help-list>div>span{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#eaf2ff;color:var(--blue);font-weight:900}.hero-help-list p{margin:0}.hero-help-list strong,.hero-help-list small{display:block}.hero-help-list small{color:var(--muted);margin-top:2px}
.empty-state{display:flex;align-items:center;gap:20px;padding:30px}.empty-icon{width:52px;height:52px;flex:0 0 52px;border-radius:18px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-size:24px;font-weight:900}.empty-state .btn{margin-top:10px}
.how-section .steps{counter-reset:none}.how-section .step:before{display:none}.step-icon{width:44px;height:44px;border-radius:14px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-size:21px;font-weight:900;margin-bottom:18px}.how-section .step{min-height:210px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.how-section .step:hover{transform:translateY(-3px);border-color:#bdd0ec;box-shadow:0 18px 45px rgba(23,32,51,.1)}
.category-card{position:relative;min-height:150px;padding:22px}.category-icon{width:42px;height:42px;border-radius:13px;background:#eef4ff;color:var(--blue)!important;display:grid!important;place-items:center;font-size:18px!important;font-weight:900;margin:0 0 24px!important}.category-card>div>strong{display:block;font-size:17px}.category-card>div>span{margin-top:5px}.category-card:hover .category-icon{background:var(--blue);color:#fff!important}
.community-empty{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:30px}.community-empty h3{font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:7px 0}.community-empty p{margin:0;color:var(--muted);max-width:720px}.final-cta-section{padding-top:72px}.cta-button{min-width:150px}
.site-header .brand{flex-shrink:0}.site-header .shield{flex:0 0 31px}.site-header .brand-word{line-height:1;display:block}.navlinks{white-space:nowrap}
.tax-tipo_llamada .page-hero h1{margin-bottom:10px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero-copy{max-width:820px}.hero-help{max-width:820px}.community-empty{align-items:flex-start}}
@media(max-width:680px){.hero-help{padding:22px}.empty-state,.community-empty{flex-direction:column;align-items:flex-start}.how-section .step{min-height:auto}.category-card{min-height:128px}.site-header .brand{font-size:18px;gap:7px}.site-header .shield{width:28px;height:31px;flex-basis:28px}.site-header .nav{padding-top:7px;padding-bottom:7px}.navlinks .btn{white-space:nowrap}}
/* v7 header/admin-bar and legacy-rule overrides */
.hero-grid:not(:has(.risk-card)){grid-template-columns:1.18fr .82fr;justify-content:initial}.hero-grid:not(:has(.risk-card))>div{max-width:none}
.admin-bar .site-header{top:32px}
@media(max-width:900px){.hero-grid:not(:has(.risk-card)){grid-template-columns:1fr}.admin-bar .site-header{top:32px}}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:680px){.hero-grid:not(:has(.risk-card)){display:grid;grid-template-columns:1fr}}


/* v8 premium visual polish — no functional changes */
:root{--soft-blue:#f2f7ff;--soft-ink:#32415a;--ring:rgba(23,105,224,.12)}
.site-header{box-shadow:0 8px 28px rgba(20,32,51,.035)}
.nav{min-height:80px}
.brand{font-size:24px;letter-spacing:-1.15px}.brand-dot{color:#7a8699}.shield{border-radius:11px 11px 16px 16px}
.navlinks>a:not(.btn){position:relative;padding:9px 0}.navlinks>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--blue);border-radius:2px;transition:right .18s ease}.navlinks>a:not(.btn):hover:after{right:0}
.hero{padding:88px 0 72px;background:radial-gradient(circle at 84% 16%,#dcecff 0,transparent 30%),radial-gradient(circle at 8% 92%,#eef5ff 0,transparent 24%),linear-gradient(180deg,#fff,#fafcff)}
.hero-grid{gap:66px}.hero-copy{padding:14px 0}.hero h1{max-width:720px}.lead{max-width:650px}.search{border-color:#ccd7e6;box-shadow:0 16px 40px rgba(23,32,51,.08),0 0 0 5px rgba(23,105,224,.025)}.search:focus-within{border-color:#8ab8f3;box-shadow:0 16px 40px rgba(23,32,51,.08),0 0 0 5px var(--ring)}
.hero-help{padding:34px;border-radius:26px;box-shadow:0 22px 55px rgba(23,32,51,.075)}.hero-help-icon{width:50px;height:50px}.hero-help h2{font-size:29px}.hero-help-list>div{padding:14px 0 0}.hero-help-list>div>span{box-shadow:inset 0 0 0 1px rgba(23,105,224,.08)}
section{padding:66px 0}.white{box-shadow:inset 0 1px 0 rgba(228,233,241,.7),inset 0 -1px 0 rgba(228,233,241,.7)}
.section-head{margin-bottom:30px}.section-head h2{font-size:36px}.section-head>a{font-size:14px;font-weight:800;color:var(--blue)}
.card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.phone-card:hover{transform:translateY(-3px);border-color:#c4d5ec;box-shadow:0 18px 46px rgba(23,32,51,.10)}
.how-section{background:linear-gradient(180deg,#fff,#fbfdff)}.how-section .steps{gap:20px}.how-section .step{padding:27px;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfdff)}.step-icon{width:48px;height:48px;border-radius:15px;box-shadow:inset 0 0 0 1px rgba(23,105,224,.08)}.how-section .step h3{font-size:19px;margin-bottom:9px}.how-section .step p{color:var(--muted);margin-bottom:0}
.categories-section{background:linear-gradient(180deg,#fff,#fbfcff)}.category-grid{gap:20px}.category-card{border-radius:22px;overflow:hidden;background:linear-gradient(160deg,#fff 65%,#f7faff)}.category-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-44px;top:-44px;background:rgba(23,105,224,.045);transition:transform .18s ease,background .18s ease}.category-card:hover{transform:translateY(-4px);box-shadow:0 18px 46px rgba(23,32,51,.09)}.category-card:hover:after{transform:scale(1.12);background:rgba(23,105,224,.075)}.category-icon{position:relative;z-index:1}.category-card>div{position:relative;z-index:1}.category-card>div>strong{font-size:18px;letter-spacing:-.2px}.category-card>div>span{font-weight:700;color:#607089}
.community-empty{border-radius:24px;background:linear-gradient(115deg,#fff,#f7faff);box-shadow:0 18px 48px rgba(23,32,51,.055)}.community-empty-copy{max-width:780px}.community-empty .btn{flex:0 0 auto}
.trust-grid{gap:54px}.trust-grid>div:first-child{padding-right:18px}.trust-grid h2{font-size:42px;line-height:1.08}.trust-grid>.card{padding:32px;border-radius:24px;background:linear-gradient(180deg,#fff,#fbfdff)}
.final-cta-section{padding-top:80px}.cta{padding:39px 42px;border-radius:28px;box-shadow:0 24px 55px rgba(20,32,51,.14);background:radial-gradient(circle at 88% 10%,#345078 0,transparent 30%),linear-gradient(135deg,#142033,#213551)}.cta h2{font-size:33px}.cta .btn.light{box-shadow:0 8px 20px rgba(0,0,0,.12)}
.footer{margin-top:70px}
@media(max-width:1000px){.hero-grid{gap:38px}.hero h1{font-size:58px}.hero-help{padding:28px}}
@media(max-width:900px){section{padding:56px 0}.hero{padding:58px 0}.hero-copy{padding:0}.hero-help{max-width:none}.trust-grid{gap:28px}.trust-grid>div:first-child{padding-right:0}.trust-grid h2{font-size:36px}}
@media(max-width:680px){.site-header{position:sticky}.nav{min-height:70px}.brand{font-size:19px}.hero{padding:42px 0 50px}.hero h1{font-size:43px;line-height:1.02}.lead{font-size:17px}.hero-grid{gap:26px}.hero-help{padding:22px;border-radius:20px}.hero-help h2{font-size:25px}.section-head h2{font-size:30px}.how-section .steps,.category-grid{gap:14px}.how-section .step,.category-card{border-radius:18px}.community-empty{padding:24px}.trust-grid h2{font-size:34px}.trust-grid>.card{padding:25px}.cta{padding:28px 24px;border-radius:22px}.cta h2{font-size:27px}.final-cta-section{padding-top:58px}.footer{margin-top:54px}}
@media(prefers-reduced-motion:reduce){.btn,.card,.category-card,.category-card:after,.navlinks>a:not(.btn):after{transition:none!important}.btn:hover,.card:hover,.category-card:hover{transform:none!important}}


/* v10 final microdesign + accessibility — visual-only update */
:root{
  --muted:#586477;
  --muted-strong:#465267;
  --focus-ring:0 0 0 4px rgba(23,105,224,.18);
}

/* Clearer global focus and consistent controls */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible{
  outline:3px solid rgba(23,105,224,.34);
  outline-offset:3px;
}
.btn{
  min-height:46px;
  padding:11px 18px;
  border-radius:12px;
  line-height:1.15;
  font-weight:800;
}
.btn.primary{box-shadow:0 9px 22px rgba(23,105,224,.20)}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(20,32,51,.09)}
.btn.primary:hover{box-shadow:0 12px 28px rgba(23,105,224,.24)}
.btn:active{transform:translateY(0)}

/* HOME: search is unmistakably the primary action */
.hero-grid{grid-template-columns:minmax(0,1.34fr) minmax(300px,.66fr);gap:72px}
.hero-copy{position:relative;z-index:2}
.hero h1{font-weight:900;max-width:760px;margin:18px 0 20px}
.hero .lead{font-size:19px;line-height:1.65;color:var(--muted-strong);max-width:690px}
.search{
  width:min(100%,720px);
  margin-top:32px;
  padding:9px;
  border-width:1.5px;
  box-shadow:0 20px 48px rgba(23,32,51,.10),0 0 0 5px rgba(23,105,224,.03);
}
.search input{font-size:18px;padding:14px 15px;color:var(--ink)}
.search input::placeholder{color:#7b8798}
.search .btn{min-width:150px}
.search-note{color:#667287;line-height:1.5}
.hero-help{
  padding:29px;
  background:rgba(255,255,255,.80);
  box-shadow:0 14px 38px rgba(23,32,51,.055);
  border-color:#e5ebf3;
}
.hero-help-icon{width:46px;height:46px;margin-bottom:17px;box-shadow:0 7px 16px rgba(23,105,224,.17)}
.hero-help h2{font-size:26px;line-height:1.18;margin-top:7px}
.hero-help>p,.hero-help-list small{color:#647084}
.hero-help-list>div{padding-top:11px;gap:11px}

/* Better secondary-text contrast throughout the site */
.meta,.section-head p,.category-card span,.hero-help>p,.hero-help-list small,.search-note,.auth-links,.user-badge span,.breadcrumbs,.stat small,.phone-summary small,.facts small,.comments-card>.meta{
  color:var(--muted);
}
.field label,.faq-card summary,.phone-card strong{color:#26344a}

/* Recent phone cards: stronger number hierarchy, cleaner secondary metadata */
.grid3{gap:20px}
.phone-card{padding:27px;min-height:205px}
.phone-card .phone{font-size:25px;line-height:1.08;letter-spacing:-.45px;margin:13px 0}
.phone-card .mini-stats{gap:15px;color:#4c586b;font-size:13px}
.phone-card .meta{margin:14px 0 12px;font-size:14px}
.phone-card>strong{display:inline-flex;align-items:center;gap:5px;margin-top:auto;color:#26344a}

/* Cards: restrained, consistent elevation and accessible interaction */
.card{border-color:#dfe5ed}
.card:hover{border-color:#ccd7e5}
.phone-card:focus-visible,.category-card:focus-visible{box-shadow:var(--focus-ring),0 18px 46px rgba(23,32,51,.09)}
.how-section .step,.category-card,.trust-grid>.card,.phone-summary,.faq-card,.comments-card,.sticky-card{box-shadow:0 12px 34px rgba(23,32,51,.045)}

/* Community metrics: retain 100% real data, improve visual scan */
.community-stats{padding:14px;gap:8px;background:#fbfcff}
.community-stats .stat{
  padding:22px 16px;
  border-radius:15px;
  border:1px solid #e7ebf2;
  background:#fff;
}
.community-stats .stat strong{font-size:31px;letter-spacing:-.7px;color:#172338}
.community-stats .stat small{display:block;margin-top:4px;font-size:13px;font-weight:650}

/* PHONE DETAIL: more breathing room without changing the structure */
.phone-hero{padding:50px 0 34px}
.breadcrumbs{margin-bottom:27px;color:#667287}
.phone-hero .eyebrow{display:block;margin-bottom:10px}
.phone-title{margin:8px 0 18px;line-height:1.07}
.phone-hero .lead{max-width:720px;line-height:1.65;color:var(--muted-strong)}
.phone-section{padding-top:34px}
.phone-layout{gap:26px}
.phone-summary{padding:31px}
.summary-top{gap:25px}
.summary-top h2{margin:11px 0 3px}
.phone-summary .stats{margin-top:30px;gap:16px}
.phone-summary .stat{padding:6px 3px}
.phone-summary .stat strong{font-size:23px}
.phone-summary hr{margin:30px 0}
.phone-summary h3{margin-top:26px;margin-bottom:11px}
.facts{margin-top:25px}
.faq-card,.comments-card{margin-top:24px;padding:29px}
.sticky-card{padding:27px}
.sticky-card p{color:var(--muted-strong)}

/* CTA hierarchy */
.cta .btn,.mini-cta .btn{min-width:154px}
.sticky-card .btn.block{min-height:47px}

/* Responsive: preserve hierarchy and eliminate cramped layouts */
@media(max-width:1000px){
  .hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:40px}
  .search{width:100%}
}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:30px}
  .hero-copy{max-width:820px}
  .hero-help{max-width:820px}
  .phone-hero{padding:42px 0 28px}
  .phone-section{padding-top:28px}
  .community-stats{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .wrap{padding-left:18px;padding-right:18px}
  .hero{padding:40px 0 48px}
  .hero h1{font-size:clamp(38px,12vw,47px);letter-spacing:-2px;margin:14px 0 17px}
  .hero .lead{font-size:16.5px;line-height:1.58}
  .search{display:grid;grid-template-columns:1fr;padding:7px;border-radius:15px;margin-top:24px}
  .search input{width:100%;font-size:17px;padding:13px 12px}
  .search .btn{width:100%;min-width:0}
  .hero-help{padding:21px}
  .hero-help h2{font-size:24px}
  .grid3{grid-template-columns:1fr;gap:14px}
  .phone-card{min-height:auto;padding:22px}
  .community-stats{grid-template-columns:1fr 1fr;padding:10px;gap:8px}
  .community-stats .stat{padding:17px 9px}
  .community-stats .stat strong{font-size:26px}
  .phone-hero{padding:34px 0 24px}
  .breadcrumbs{margin-bottom:20px;overflow-wrap:anywhere}
  .phone-title{font-size:clamp(34px,10vw,43px);letter-spacing:-1.5px;margin-bottom:15px}
  .phone-hero .lead{font-size:16.5px}
  .phone-section{padding-top:22px}
  .phone-summary,.faq-card,.comments-card,.sticky-card{padding:22px}
  .summary-top{flex-direction:column;gap:14px}
  .risk-box{width:100%}
  .phone-summary .stats{grid-template-columns:1fr;gap:8px;margin-top:22px}
  .phone-summary .stat{padding:10px 0;border-bottom:1px solid var(--line)}
  .phone-summary .stat:last-child{border-bottom:0}
  .cta{align-items:flex-start}
  .cta .btn,.mini-cta .btn{width:100%;min-width:0}
}
@media(max-width:420px){
  .community-stats{grid-template-columns:1fr}
  .navlinks{gap:10px}
  .btn{min-height:44px}
}


/* v11 final visual polish -------------------------------------------------- */
.community-stats .stat-primary{
  background:linear-gradient(145deg,#f7faff,#fff);
  border-color:#cfe0fb;
  box-shadow:0 8px 24px rgba(23,105,224,.07);
}
.community-stats .stat-primary strong{color:var(--blue);font-size:34px}
.community-stats .stat-pending{display:flex;flex-direction:column;justify-content:center;min-height:86px}
.community-stats .stat-state{display:block;max-width:190px;margin:0 auto;color:#344054;font-size:15px;font-weight:800;line-height:1.3}
.community-stats .stat-secondary strong{font-size:26px;color:#344054}

.category-icon{
  width:50px;height:50px;border-radius:15px;font-size:20px!important;
  background:linear-gradient(145deg,#edf4ff,#e4efff);
  box-shadow:inset 0 0 0 1px rgba(23,105,224,.08),0 6px 16px rgba(23,105,224,.08);
  transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
.category-card:hover .category-icon{transform:translateY(-1px) scale(1.035);box-shadow:0 9px 20px rgba(23,105,224,.16)}
.category-card>div>span{display:inline-flex!important;align-items:center;gap:4px;transition:color .18s ease,transform .18s ease}
.category-card:hover>div>span{color:var(--blue);transform:translateX(2px)}

/* Legal information is available without dominating the comment form. */
.ds-privacy-details{margin:16px 0;border:1px solid var(--line);border-radius:13px;background:#fbfcff;overflow:hidden}
.ds-privacy-details>summary{cursor:pointer;list-style:none;padding:13px 15px;font-weight:800;color:#344054;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ds-privacy-details>summary::-webkit-details-marker{display:none}
.ds-privacy-details>summary:after{content:"⌄";color:var(--blue);font-size:18px;transition:transform .18s ease}
.ds-privacy-details[open]>summary:after{transform:rotate(180deg)}
.ds-privacy-details>summary:focus-visible{outline:3px solid rgba(23,105,224,.34);outline-offset:-3px}
.ds-privacy-details-body{border-top:1px solid var(--line);padding:14px 16px;color:var(--muted-strong);font-size:14px}
.ds-privacy-details-body>*:first-child{margin-top:0}.ds-privacy-details-body>*:last-child{margin-bottom:0}

/* Keep primary/secondary/report actions on one sizing system. */
.btn,.comment-form .submit,input[type="submit"].btn{min-height:46px;border-radius:12px;padding:11px 18px;font-size:14px;line-height:1.15;font-weight:800}
.btn[disabled],.btn:disabled,button[disabled]{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}

@media(max-width:680px){
  .community-stats .stat-state{max-width:none;font-size:14px}
  .category-icon{width:46px;height:46px}
  .ds-privacy-details>summary{padding:12px 13px}
  .ds-privacy-details-body{padding:13px}
}
@media(prefers-reduced-motion:reduce){
  .category-icon,.category-card>div>span,.ds-privacy-details>summary:after{transition:none!important}
  .category-card:hover .category-icon,.category-card:hover>div>span{transform:none!important}
}

/* v12 — estados vacíos y hero más ligero */
.hero-help-minimal{background:transparent;border-color:rgba(194,205,220,.72);box-shadow:none;padding:26px 28px}
.hero-help-minimal::before{opacity:.28}
.hero-help-minimal .hero-help-list{margin-top:20px}
.hero-help-minimal .hero-help-list>div{background:rgba(255,255,255,.56);border-color:rgba(211,219,230,.75);box-shadow:none}
.community-empty-centered{justify-content:center;text-align:center;flex-direction:column;padding:38px 32px}
.community-empty-centered .community-empty-copy{max-width:760px}
.community-empty-centered .community-empty-copy p{margin-left:auto;margin-right:auto}
.phone-empty-state{display:flex;flex-direction:column;gap:5px;margin-top:26px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}
.phone-empty-state strong{font-size:18px;color:#25324a}.phone-empty-state span{color:var(--muted);font-size:14px}
@media(max-width:680px){.hero-help-minimal{padding:20px 2px;border:0;background:transparent}.community-empty-centered{align-items:center;padding:28px 22px}.phone-empty-state{padding:16px}}

/* v13 — recuperación dinámica, pulido home y landings SEO de categorías */
.hero-help-minimal{padding:30px 32px;border-color:rgba(210,219,231,.58);background:rgba(255,255,255,.38);border-radius:22px}
.hero-help-minimal .hero-help-list>div{background:transparent;padding:13px 0 0;border-radius:0}
.how-section .step-icon{width:54px;height:54px;border-radius:17px;font-size:23px;box-shadow:inset 0 0 0 1px rgba(23,105,224,.09),0 8px 20px rgba(23,105,224,.08)}
.category-card{background:linear-gradient(150deg,#fff 55%,#f2f7ff);border-color:#dce6f3}.category-card:nth-child(2n){background:linear-gradient(150deg,#fff 55%,#f7f4ff)}.category-card:nth-child(3n){background:linear-gradient(150deg,#fff 55%,#f1faf8)}.category-card:hover{border-color:#afc8ea;box-shadow:0 20px 48px rgba(23,105,224,.11)}
.community-empty-centered{min-height:190px;background:radial-gradient(circle at 86% 20%,rgba(23,105,224,.09),transparent 24%),linear-gradient(115deg,#fff,#f7faff)}
.trust-grid>.card .btn{box-shadow:0 9px 22px rgba(23,105,224,.20)}
.category-landing-hero{padding-bottom:52px}.category-landing-hero .lead{max-width:820px}.category-guide{padding-top:44px}.category-guide-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:24px;align-items:start}.category-guide-main{display:grid;grid-template-columns:1fr 1fr;gap:20px}.category-copy,.category-side{padding:30px;border-radius:22px}.category-copy h2{font-size:25px;margin-top:0}.category-copy p,.category-side p{color:var(--muted-strong);line-height:1.7}.category-side{position:sticky;top:116px;background:linear-gradient(160deg,#fff,#f4f8ff)}.category-side h3{font-size:24px;line-height:1.2;margin:9px 0 12px}.category-side .btn{margin-top:8px}.category-tips{padding:0;margin:18px 0 0;list-style:none;display:grid;gap:13px}.category-tips li{position:relative;padding-left:29px;color:var(--muted-strong);line-height:1.55}.category-tips li:before{content:'✓';position:absolute;left:0;top:0;width:20px;height:20px;border-radius:7px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:900}.category-phones{padding-top:58px}.category-faq .narrow{max-width:900px}.category-faq-card details{border-bottom:1px solid var(--line);padding:0}.category-faq-card details:last-child{border-bottom:0}.category-faq-card summary{padding:18px 0;cursor:pointer;font-weight:800;color:#26344a}.category-faq-card details p{margin:0 0 20px;color:var(--muted-strong);line-height:1.7}.navigation.pagination{margin-top:28px}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:#fff}.page-numbers.current{background:var(--blue);color:#fff;border-color:var(--blue)}
@media(max-width:900px){.category-guide-grid{grid-template-columns:1fr}.category-guide-main{grid-template-columns:1fr}.category-side{position:static}.community-empty-centered{min-height:0}}@media(max-width:680px){.hero-help-minimal{padding:20px 0;background:transparent}.how-section .step-icon{width:50px;height:50px}.category-copy,.category-side{padding:23px}.category-landing-hero{padding-bottom:38px}.category-guide{padding-top:30px}}


/* v14 — preserve phone discovery, richer category landings, quieter hero */
.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;justify-content:initial!important}
.hero-help-quiet{
  position:relative;
  padding:8px 0 8px 30px;
  background:transparent;
  border:0;
  border-left:1px solid rgba(152,162,179,.34);
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
}
.hero-help-quiet h2{font-size:26px;line-height:1.22;letter-spacing:-.65px;margin:8px 0 10px;max-width:390px}
.hero-help-quiet>p{max-width:430px;margin:0;color:var(--muted-strong);line-height:1.65}
.hero-help-inline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:20px;color:#475467;font-size:13px;font-weight:750}
.hero-help-inline span{display:inline-flex;align-items:center;gap:7px}
.hero-help-inline b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#edf4ff;color:var(--blue);font-size:12px}
.hero-help-inline i{font-style:normal;color:#98a2b3}

.community-starter,.community-real{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;background:radial-gradient(circle at 88% 16%,rgba(23,105,224,.09),transparent 28%),linear-gradient(115deg,#fff,#f7faff);border:1px solid var(--line);border-radius:24px;padding:30px 34px;box-shadow:var(--shadow)}
.community-starter-count{display:flex;flex-direction:column;justify-content:center;min-width:170px;padding-right:28px;border-right:1px solid var(--line)}
.community-starter-count strong{font-size:42px;line-height:1;color:var(--blue);letter-spacing:-1.5px}.community-starter-count span{margin-top:7px;color:var(--muted);font-size:13px;line-height:1.35;max-width:150px}
.community-starter-copy h3,.community-real-intro h3{font-size:24px;line-height:1.2;margin:8px 0}.community-starter-copy p,.community-real-intro p{margin:0;color:var(--muted-strong);max-width:690px}
.community-real{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:stretch}.community-real-intro{align-self:center}.community-real-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.community-metric{display:flex;flex-direction:column;justify-content:center;min-height:112px;padding:18px;border:1px solid #dce5f0;border-radius:16px;background:rgba(255,255,255,.82)}.community-metric strong{font-size:30px;line-height:1.05;color:var(--blue)}.community-metric span{margin-top:6px;color:var(--muted);font-size:13px}

.category-landing-hero{background:linear-gradient(180deg,#fff,#f8fbff)}
.category-guide-main .category-copy{height:100%}.category-copy h3{margin-top:26px;margin-bottom:8px;font-size:18px}.category-phones .phone-card{min-height:188px}.category-faq{border-top:1px solid rgba(228,233,241,.7)}
.category-faq-card summary{position:relative;padding-right:32px}.category-faq-card summary:after{content:'+';position:absolute;right:2px;top:17px;color:var(--blue);font-size:20px}.category-faq-card details[open] summary:after{content:'−'}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr!important}
  .hero-help-quiet{padding:24px 0 0;border-left:0;border-top:1px solid rgba(152,162,179,.28)}
  .community-starter,.community-real{grid-template-columns:1fr;gap:20px}
  .community-starter-count{min-width:0;padding:0 0 18px;border-right:0;border-bottom:1px solid var(--line)}
  .community-starter-count span{max-width:none}
}
@media(max-width:680px){
  .hero-help-quiet{padding-top:20px}.hero-help-quiet h2{font-size:23px}.hero-help-inline i{display:none}.hero-help-inline{gap:10px 14px}
  .community-starter,.community-real{padding:24px 21px;border-radius:20px}.community-starter>.btn{width:100%}
  .community-starter-count strong{font-size:36px}
}

/* v16 — hero y comunidad: UX final, sin tocar descubrimiento de teléfonos */
.hero-help-quiet{
  padding:26px 28px;
  border:1px solid rgba(214,223,235,.82);
  border-left:1px solid rgba(214,223,235,.82);
  border-radius:24px;
  background:linear-gradient(155deg,rgba(255,255,255,.86),rgba(247,250,255,.72));
  box-shadow:0 18px 48px rgba(23,32,51,.07);
}
.hero-help-quiet h2{max-width:410px;margin:8px 0 10px;font-size:27px;line-height:1.17;letter-spacing:-.75px}
.hero-help-quiet>p{max-width:440px;line-height:1.62}
.hero-help-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:22px}
.hero-help-step{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  min-height:126px;
  padding:16px;
  border:1px solid #dce5f0;
  border-radius:16px;
  background:rgba(255,255,255,.86);
  box-shadow:0 8px 22px rgba(23,32,51,.045);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.hero-help-step:hover{transform:translateY(-2px);border-color:#b9d1f0;box-shadow:0 14px 28px rgba(23,105,224,.09)}
.hero-step-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf2ff;color:var(--blue);font-size:17px;font-weight:900;line-height:1}
.hero-step-copy{display:flex;min-width:0;flex-direction:column;gap:4px}
.hero-step-copy strong{font-size:14px;line-height:1.2;color:#25324a}
.hero-step-copy small{font-size:12px;line-height:1.42;color:#667085}

.community-starter-polished{
  grid-template-columns:minmax(230px,.42fr) minmax(0,1fr);
  gap:34px;
  align-items:stretch;
  padding:0;
  overflow:hidden;
  border:1px solid #dbe5f1;
  border-radius:24px;
  background:linear-gradient(135deg,#fff,#f7faff);
  box-shadow:0 18px 46px rgba(23,32,51,.065);
}
.community-starter-polished .community-starter-count{
  position:relative;
  min-width:0;
  padding:30px;
  border:0;
  border-right:1px solid #dbe5f1;
  background:radial-gradient(circle at 78% 15%,rgba(255,255,255,.28),transparent 32%),linear-gradient(145deg,#1769e0,#3d84e8);
  color:#fff;
}
.community-count-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:20px;border-radius:12px;background:rgba(255,255,255,.16);color:#fff;font-size:18px;font-weight:900}
.community-starter-polished .community-starter-count strong{display:block;font-size:54px;line-height:.95;letter-spacing:-2.2px;color:#fff}
.community-starter-polished .community-starter-count span:last-child{display:block;max-width:180px;margin-top:10px;color:rgba(255,255,255,.88);font-size:14px;font-weight:750;line-height:1.4}
.community-starter-polished .community-starter-copy{display:flex;flex-direction:column;justify-content:center;padding:30px 34px 30px 0}
.community-starter-polished .community-starter-copy h3{margin:7px 0 9px;font-size:27px;line-height:1.18;letter-spacing:-.6px}
.community-starter-polished .community-starter-copy p{max-width:690px;line-height:1.65}
.community-starter-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.community-search-btn{background:#fff;border-color:#cfd9e7;color:#24405f;box-shadow:0 5px 14px rgba(23,32,51,.04)}
.community-search-btn:hover{border-color:#a9c3e6;color:var(--blue);background:#f9fbff}

@media(max-width:900px){
  .hero-help-quiet{padding:24px;border:1px solid rgba(214,223,235,.82);border-radius:22px}
  .hero-help-steps{max-width:none}
  .community-starter-polished{grid-template-columns:1fr;gap:0}
  .community-starter-polished .community-starter-count{padding:25px 28px;border-right:0;border-bottom:1px solid #dbe5f1}
  .community-starter-polished .community-starter-count span:last-child{max-width:none}
  .community-starter-polished .community-starter-copy{padding:27px 28px}
}
@media(max-width:680px){
  .hero-help-quiet{padding:21px}
  .hero-help-quiet h2{font-size:23px}
  .hero-help-steps{grid-template-columns:1fr;gap:9px}
  .hero-help-step{min-height:0;flex-direction:row;align-items:flex-start;padding:13px}
  .hero-step-icon{flex:0 0 34px}
  .community-starter-polished{border-radius:20px}
  .community-starter-polished .community-starter-count strong{font-size:44px}
  .community-starter-polished .community-starter-copy h3{font-size:23px}
  .community-starter-actions{display:grid;grid-template-columns:1fr}
  .community-starter-actions .btn{width:100%}
}


/* v17 — rediseño definitivo de hero-help y comunidad */
.hero-help-quiet{
  padding:30px;
  border:1px solid #d9e3ef;
  background:linear-gradient(160deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 20px 52px rgba(23,32,51,.075);
}
.hero-help-quiet>p{font-size:14px;max-width:520px}
.hero-help-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
}
.hero-help-step{
  position:relative;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  column-gap:11px;
  row-gap:9px;
  min-height:154px;
  padding:17px 14px 15px;
  overflow:hidden;
  border:1px solid #dbe5f1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 22px rgba(23,32,51,.045);
}
.hero-help-step:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:3px;
  background:linear-gradient(90deg,#1769e0,#77aff7);
  opacity:.75;
}
.hero-step-number{
  position:absolute;
  top:11px;
  right:12px;
  color:#a8b7ca;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.hero-step-icon{
  grid-column:1;
  grid-row:1;
  width:40px;
  height:40px;
  border-radius:12px;
  background:#edf4ff;
  box-shadow:inset 0 0 0 1px rgba(23,105,224,.08);
}
.hero-step-copy{
  grid-column:1/-1;
  grid-row:2;
  display:block;
}
.hero-step-copy strong{
  display:block;
  margin-bottom:6px;
  color:#172338;
  font-size:15px;
  line-height:1.2;
}
.hero-step-copy small{
  display:block;
  color:#667085;
  font-size:12px;
  line-height:1.48;
}
.hero-help-step:hover{
  transform:translateY(-3px);
  border-color:#b7cfed;
  box-shadow:0 16px 32px rgba(23,105,224,.10);
}

.community-starter-polished{
  grid-template-columns:minmax(250px,.40fr) minmax(0,1fr);
  border-radius:26px;
}
.community-starter-polished .community-starter-count{
  display:flex;
  min-height:260px;
  align-items:flex-start;
  justify-content:center;
  padding:34px;
}
.community-starter-polished .community-starter-count strong{
  font-size:62px;
  letter-spacing:-2.8px;
}
.community-starter-polished .community-starter-count span:last-child{
  max-width:190px;
  font-size:14px;
  line-height:1.45;
}
.community-starter-polished .community-starter-copy{
  padding:34px 38px 34px 4px;
}
.community-starter-polished .community-starter-copy h3{
  max-width:620px;
  font-size:29px;
}
.community-starter-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
}
.community-action{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:82px;
  padding:15px 16px;
  border:1px solid #d6e1ee;
  border-radius:16px;
  background:#fff;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.community-action:hover{
  transform:translateY(-2px);
  border-color:#abc7ea;
  box-shadow:0 12px 28px rgba(23,105,224,.09);
}
.community-action-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:#edf4ff;
  color:var(--blue);
  font-size:18px;
  font-weight:900;
}
.community-action strong,.community-action small{display:block}
.community-action strong{font-size:14px;line-height:1.25;color:#172338}
.community-action small{margin-top:4px;color:#667085;font-size:11.5px;line-height:1.3}
.community-action b{color:#8aa4c4;font-size:18px}
.community-action-primary{
  border-color:#b9d2f1;
  background:linear-gradient(145deg,#f7fbff,#eef5ff);
}
.community-action-primary .community-action-icon{
  background:var(--blue);
  color:#fff;
}
.community-action-secondary{background:#fff}

@media(max-width:900px){
  .hero-help-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .community-starter-polished .community-starter-count{min-height:0;align-items:flex-start}
  .community-starter-polished .community-starter-copy{padding:28px}
}
@media(max-width:680px){
  .hero-help-steps{grid-template-columns:1fr}
  .hero-help-step{
    grid-template-columns:42px minmax(0,1fr);
    grid-template-rows:1fr;
    min-height:0;
    padding:14px 40px 14px 14px;
  }
  .hero-step-icon{grid-column:1;grid-row:1}
  .hero-step-copy{grid-column:2;grid-row:1;align-self:center}
  .hero-step-copy strong{margin-bottom:3px}
  .community-starter-polished .community-starter-count strong{font-size:48px}
  .community-starter-actions{grid-template-columns:1fr}
}


/* v18 — reconstrucción aislada de los dos bloques solicitados. Prefijo dsx- para evitar herencias/conflictos. */
.dsx-context{background:linear-gradient(155deg,#fff 0%,#f7faff 100%);border:1px solid #dce5f0;border-radius:26px;padding:30px;box-shadow:0 20px 52px rgba(23,32,51,.07)}
.dsx-context-head h2{font-size:27px;line-height:1.16;letter-spacing:-.7px;margin:8px 0 10px}.dsx-context-head p{margin:0;color:#667085;font-size:14px;line-height:1.6;max-width:460px}
.dsx-context-steps{display:grid;gap:10px;margin-top:22px}.dsx-context-step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 28px;gap:13px;align-items:center;min-height:76px;padding:13px 14px;border:1px solid #dce5f0;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(23,32,51,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dsx-context-step:hover{transform:translateX(3px);border-color:#b9d1f0;box-shadow:0 10px 24px rgba(23,105,224,.08)}
.dsx-context-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#eaf2ff;color:#1769e0;font-size:19px;font-weight:900}.dsx-context-step strong,.dsx-context-step small{display:block}.dsx-context-step strong{color:#172338;font-size:15px;line-height:1.2}.dsx-context-step small{margin-top:4px;color:#667085;font-size:12.5px;line-height:1.4}.dsx-context-index{justify-self:end;color:#a5b2c4;font-size:10px;font-weight:900;letter-spacing:.08em}
.dsx-community{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,.58fr);overflow:hidden;border:1px solid #dbe4ef;border-radius:28px;background:#fff;box-shadow:0 18px 46px rgba(23,32,51,.07)}
.dsx-community-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:38px;background:linear-gradient(145deg,#1769e0 0%,#0e55bb 100%);color:#fff}.dsx-community-kicker{font-size:11px;font-weight:900;letter-spacing:.1em;color:#dbeaff}.dsx-community-number{margin-top:12px;font-size:clamp(52px,6vw,72px);font-weight:950;line-height:.95;letter-spacing:-3px}.dsx-community-label{margin-top:10px;font-size:16px;font-weight:850;line-height:1.3}.dsx-community-main p{max-width:330px;margin:14px 0 0;color:#dbeaff;font-size:13px;line-height:1.55}.dsx-community-search{margin-top:22px!important;background:#fff!important;color:#145bc0!important;box-shadow:none!important}
.dsx-community-side{display:flex;flex-direction:column;justify-content:center;padding:38px}.dsx-community-copy h3{margin:8px 0 9px;font-size:27px;line-height:1.18;letter-spacing:-.6px}.dsx-community-copy p{max-width:660px;margin:0;color:#667085;line-height:1.65}.dsx-community-status{display:flex;gap:12px;align-items:center;margin-top:20px;padding:14px 16px;border:1px solid #dce5f0;border-radius:14px;background:#f8fafc}.dsx-community-status>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#eaf2ff;color:#1769e0;font-weight:900}.dsx-community-status strong,.dsx-community-status small{display:block}.dsx-community-status strong{font-size:13px}.dsx-community-status small{margin-top:3px;color:#667085;font-size:12px;line-height:1.35}
.dsx-community-metrics{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.dsx-community-metrics>div{min-width:130px;padding:13px 15px;border:1px solid #dce5f0;border-radius:14px;background:#f8fafc}.dsx-community-metrics strong,.dsx-community-metrics span{display:block}.dsx-community-metrics strong{font-size:22px;color:#172338}.dsx-community-metrics span{margin-top:2px;color:#667085;font-size:11px}
.dsx-community-contribute{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:14px;padding:14px 16px;border:1px solid #bfd3ed;border-radius:15px;background:#f4f8ff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dsx-community-contribute:hover{transform:translateY(-2px);border-color:#8fb7e8;box-shadow:0 10px 24px rgba(23,105,224,.08)}.dsx-community-plus{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#1769e0;color:#fff;font-size:19px;font-weight:900}.dsx-community-contribute strong,.dsx-community-contribute small{display:block}.dsx-community-contribute strong{color:#172338;font-size:14px}.dsx-community-contribute small{margin-top:3px;color:#667085;font-size:11.5px}.dsx-community-contribute b{color:#7c9cc4;font-size:18px}
@media(max-width:900px){.dsx-context{padding:26px}.dsx-community{grid-template-columns:1fr}.dsx-community-main,.dsx-community-side{padding:30px}.dsx-community-main p{max-width:600px}}
@media(max-width:680px){.dsx-context{padding:21px;border-radius:21px}.dsx-context-head h2{font-size:23px}.dsx-context-step{grid-template-columns:40px minmax(0,1fr);min-height:0;padding:12px}.dsx-context-icon{width:40px;height:40px}.dsx-context-index{display:none}.dsx-community{border-radius:21px}.dsx-community-main,.dsx-community-side{padding:25px 22px}.dsx-community-number{font-size:52px}.dsx-community-copy h3{font-size:23px}.dsx-community-search{width:100%;text-align:center}.dsx-community-contribute{grid-template-columns:40px minmax(0,1fr) auto}.dsx-community-contribute b{display:none}}


/* =========================================================
   DSSpam v19 — FINAL BLOCK REDESIGN
   Componentes aislados. No depende del CSS heredado dsx-.
   ========================================================= */

/* HERO / CONTEXTO */
.ds19-context{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:30px;
  border:1px solid #dce5ef;
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 48px rgba(23,32,51,.07);
}
.ds19-context-head{
  max-width:500px;
}
.ds19-context-head h2{
  margin:8px 0 8px;
  font-size:26px;
  line-height:1.15;
  letter-spacing:-.55px;
}
.ds19-context-head p{
  margin:0;
  color:#667085;
  font-size:14px;
  line-height:1.5;
}
.ds19-context-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:20px;
}
.ds19-context-card{
  min-width:0;
  padding:16px 14px;
  border:1px solid #dce5ef;
  border-radius:16px;
  background:#f9fbfe;
}
.ds19-context-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin-bottom:13px;
  border-radius:11px;
  background:#eaf2ff;
  color:#1769e0;
  font-size:17px;
  font-weight:900;
}
.ds19-context-card h3{
  margin:0 0 6px;
  color:#172338;
  font-size:15px;
  line-height:1.2;
}
.ds19-context-card p{
  margin:0;
  color:#667085;
  font-size:12px;
  line-height:1.45;
}
.ds19-context-card:hover{
  border-color:#bad0ec;
  background:#fff;
  box-shadow:0 10px 24px rgba(23,105,224,.07);
  transform:translateY(-2px);
}

/* COMUNIDAD */
.ds19-community-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.ds19-community-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:350px;
  padding:32px;
  overflow:hidden;
  border:1px solid #dce5ef;
  border-radius:24px;
}
.ds19-community-directory{
  background:linear-gradient(150deg,#1769e0 0%,#0f58c3 100%);
  border-color:transparent;
  color:#fff;
  box-shadow:0 18px 42px rgba(23,105,224,.16);
}
.ds19-community-participation{
  background:#fff;
  box-shadow:0 18px 42px rgba(23,32,51,.07);
}
.ds19-community-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin-bottom:22px;
  border-radius:13px;
  background:rgba(255,255,255,.16);
  color:#fff;
  font-size:19px;
  font-weight:900;
}
.ds19-community-icon-light{
  background:#eaf2ff;
  color:#1769e0;
}
.ds19-community-kicker{
  display:block;
  margin-bottom:10px;
  color:#d9eaff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
}
.ds19-community-participation .ds19-community-kicker{
  color:#1769e0;
}
.ds19-community-number{
  margin:0 0 4px;
  font-size:clamp(52px,6vw,74px);
  font-weight:950;
  line-height:.95;
  letter-spacing:-3px;
}
.ds19-community-card h3{
  margin:8px 0 10px;
  font-size:25px;
  line-height:1.17;
  letter-spacing:-.45px;
}
.ds19-community-directory h3{
  color:#fff;
}
.ds19-community-card>p{
  max-width:540px;
  margin:0;
  line-height:1.6;
}
.ds19-community-directory>p{
  color:#dbeaff;
}
.ds19-community-participation>p{
  color:#667085;
}
.ds19-community-btn{
  align-self:flex-start;
  margin-top:auto !important;
  padding-top:13px !important;
  padding-bottom:13px !important;
  background:#fff !important;
  border-color:#fff !important;
  color:#145bc0 !important;
}
.ds19-community-secondary{
  align-self:flex-start;
  margin-top:auto;
  border:1px solid #b8cce6;
  background:#f4f8ff;
  color:#145bc0;
}
.ds19-community-secondary:hover{
  background:#eaf2ff;
}
.ds19-community-empty{
  display:flex;
  gap:11px;
  align-items:flex-start;
  margin:18px 0;
  padding:13px 14px;
  border:1px solid #dde5ef;
  border-radius:14px;
  background:#f8fafc;
}
.ds19-community-empty>span{
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:9px;
  background:#eaf2ff;
  color:#1769e0;
  font-weight:900;
}
.ds19-community-empty p{
  margin:0;
  color:#667085;
  font-size:12px;
  line-height:1.45;
}
.ds19-community-empty strong{
  color:#172338;
}
.ds19-community-metrics{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:18px 0;
}
.ds19-community-metrics>div{
  min-width:110px;
  padding:11px 13px;
  border:1px solid #dde5ef;
  border-radius:13px;
  background:#f8fafc;
}
.ds19-community-metrics strong,
.ds19-community-metrics span{
  display:block;
}
.ds19-community-metrics strong{
  color:#172338;
  font-size:20px;
}
.ds19-community-metrics span{
  margin-top:2px;
  color:#667085;
  font-size:10px;
}

/* Tablet */
@media(max-width:980px){
  .ds19-context{padding:25px}
  .ds19-context-cards{grid-template-columns:1fr}
  .ds19-context-card{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    column-gap:12px;
    align-items:center;
  }
  .ds19-context-icon{
    grid-row:1/3;
    margin:0;
  }
  .ds19-context-card h3{margin:0 0 3px}
  .ds19-community-card{min-height:330px;padding:28px}
}

/* Mobile */
@media(max-width:720px){
  .ds19-context{
    padding:20px;
    border-radius:20px;
  }
  .ds19-context-head h2{font-size:22px}
  .ds19-context-cards{gap:8px;margin-top:16px}
  .ds19-context-card{padding:12px}
  .ds19-community-grid{grid-template-columns:1fr}
  .ds19-community-card{
    min-height:0;
    padding:24px 21px;
    border-radius:20px;
  }
  .ds19-community-number{
    font-size:54px;
    letter-spacing:-2px;
  }
  .ds19-community-card h3{font-size:22px}
  .ds19-community-btn,
  .ds19-community-secondary{
    width:100%;
    margin-top:20px !important;
    text-align:center;
  }
}


/* =========================================================
   DSSpam v20 — HERO FINAL REBUILD
   Único componente lateral. Clases aisladas ds20-.
   La sección Comunidad DSSpam permanece intacta.
   ========================================================= */
.ds20-context{
  align-self:center;
  width:100%;
  max-width:440px;
  justify-self:end;
  padding:30px;
  border:1px solid #d9e4f1;
  border-radius:26px;
  background:linear-gradient(155deg,#ffffff 0%,#f7faff 100%);
  box-shadow:0 22px 55px rgba(23,32,51,.08);
}
.ds20-context-head{max-width:360px}
.ds20-context-head h2{
  margin:9px 0 8px;
  color:#172338;
  font-size:29px;
  line-height:1.12;
  letter-spacing:-.8px;
}
.ds20-context-head p{
  margin:0;
  color:#667085;
  font-size:14px;
  line-height:1.55;
}
.ds20-context-steps{
  display:grid;
  gap:10px;
  margin-top:24px;
}
.ds20-context-step{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-width:0;
  padding:14px 16px;
  border:1px solid #dce5ef;
  border-radius:17px;
  background:#fff;
  box-shadow:0 6px 18px rgba(23,32,51,.035);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.ds20-context-step:hover{
  transform:translateY(-2px);
  border-color:#b7cfea;
  box-shadow:0 12px 26px rgba(23,105,224,.08);
}
.ds20-context-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:14px;
  background:#eaf2ff;
  color:#1769e0;
  font-size:19px;
  font-weight:900;
}
.ds20-context-copy{min-width:0}
.ds20-context-copy h3{
  margin:0 0 3px;
  color:#172338;
  font-size:16px;
  line-height:1.2;
}
.ds20-context-copy p{
  margin:0;
  color:#667085;
  font-size:12.5px;
  line-height:1.45;
}
@media(max-width:900px){
  .ds20-context{max-width:none;justify-self:stretch;padding:26px}
  .ds20-context-head{max-width:none}
  .ds20-context-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ds20-context-step{grid-template-columns:1fr;align-items:start;min-height:158px}
}
@media(max-width:680px){
  .ds20-context{padding:20px;border-radius:21px}
  .ds20-context-head h2{font-size:24px}
  .ds20-context-steps{grid-template-columns:1fr;gap:9px;margin-top:18px}
  .ds20-context-step{grid-template-columns:44px minmax(0,1fr);min-height:0;padding:13px}
  .ds20-context-icon{width:44px;height:44px;border-radius:12px}
}


/* v20.1.0 — microajustes finales de portada. Sin cambios estructurales. */
@media (min-width: 901px){
  .hero .hero-grid{column-gap:56px;align-items:center}
  .hero .ds20-context{padding:34px 34px 32px}
  .hero .ds20-context-steps{gap:12px;margin-top:26px}
  .hero .ds20-context-step{padding:16px 17px;min-height:0}
  .hero .ds20-context-icon{width:52px;height:52px;border-radius:15px;font-size:21px}
}
.how-section .step-icon{width:56px;height:56px;font-size:24px}
.how-section .ds201-how-link{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #cfe0f5;border-radius:12px;background:#f5f9ff;color:#1769e0;font-size:14px;font-weight:850;line-height:1;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.how-section .ds201-how-link:hover{transform:translateY(-1px);border-color:#9fc2ec;background:#eef6ff;box-shadow:0 8px 22px rgba(23,105,224,.08)}
@media (max-width: 900px){
  .how-section .ds201-how-link{padding:9px 12px}
}
@media (max-width: 680px){
  .hero .ds20-context{margin-top:4px}
  .how-section .step-icon{width:52px;height:52px;font-size:22px}
  .how-section .ds201-how-link{align-self:flex-start}
}


/* v21 — bloque SEO de home aislado. No altera componentes existentes. */
.dsseo-home{padding:76px 0 84px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);border-top:1px solid #edf1f6}
.dsseo-intro{max-width:850px;margin:0 auto 30px;text-align:center}
.dsseo-intro h2{margin:9px 0 13px;font-size:clamp(29px,3.4vw,42px);line-height:1.1;letter-spacing:-1.1px;color:#172338}
.dsseo-intro p{margin:0 auto;max-width:790px;color:#667085;font-size:16px;line-height:1.75}
.dsseo-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:32px}
.dsseo-card{display:flex;flex-direction:column;min-height:245px;padding:22px;border:1px solid #dfe6ef;border-radius:20px;background:#fff;box-shadow:0 9px 26px rgba(23,32,51,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dsseo-card:hover{transform:translateY(-3px);border-color:#b9d1f0;box-shadow:0 14px 32px rgba(23,105,224,.08)}
.dsseo-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#eaf2ff;color:#1769e0;font-size:19px;font-weight:950}
.dsseo-card h3{margin:16px 0 8px;font-size:18px;line-height:1.25;letter-spacing:-.25px;color:#172338}
.dsseo-card p{margin:0;color:#667085;font-size:13.5px;line-height:1.6}
.dsseo-card>a{margin-top:auto;padding-top:17px;color:#1769e0;font-size:13px;font-weight:850}
.dsseo-mini-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:17px}
.dsseo-mini-links a{padding:6px 9px;border-radius:999px;background:#f0f5ff;color:#1769e0;font-size:11px;font-weight:850}
.dsseo-explainer{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);gap:30px;margin-top:34px;padding:34px;border:1px solid #dfe6ef;border-radius:24px;background:#fff}
.dsseo-explainer-copy h3{margin:8px 0 14px;font-size:28px;line-height:1.18;letter-spacing:-.6px;color:#172338}
.dsseo-explainer-copy p{margin:0 0 12px;color:#5f6b7a;line-height:1.72}
.dsseo-explainer-copy a{color:#1769e0;font-weight:750;text-decoration:underline;text-decoration-color:#c8daf3;text-underline-offset:3px}
.dsseo-side{align-self:start;padding:22px;border-radius:18px;background:#f3f7fd;border:1px solid #dce7f4}
.dsseo-side strong{display:block;font-size:17px;color:#172338}.dsseo-side p{margin:8px 0 17px;color:#667085;font-size:13px;line-height:1.55}.dsseo-side .btn{width:100%;text-align:center}
.dsseo-faq{margin-top:34px}.dsseo-faq-head{max-width:760px;margin-bottom:17px}.dsseo-faq-head h3{margin:8px 0 0;font-size:27px;line-height:1.2;letter-spacing:-.5px;color:#172338}
.dsseo-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dsseo-faq details{padding:0 18px;border:1px solid #dfe6ef;border-radius:15px;background:#fff}
.dsseo-faq summary{position:relative;padding:17px 30px 17px 0;cursor:pointer;list-style:none;color:#172338;font-size:14px;font-weight:850}.dsseo-faq summary::-webkit-details-marker{display:none}
.dsseo-faq summary:after{content:"+";position:absolute;right:0;top:14px;color:#1769e0;font-size:20px;font-weight:700}.dsseo-faq details[open] summary:after{content:"−"}
.dsseo-faq details p{margin:0;padding:0 20px 17px 0;color:#667085;font-size:13px;line-height:1.6}
@media(max-width:980px){.dsseo-cards{grid-template-columns:1fr 1fr}.dsseo-explainer{grid-template-columns:1fr}.dsseo-side{max-width:none}}
@media(max-width:680px){.dsseo-home{padding:58px 0 64px}.dsseo-intro{text-align:left}.dsseo-intro h2{font-size:30px}.dsseo-intro p{font-size:15px}.dsseo-cards{grid-template-columns:1fr}.dsseo-card{min-height:0}.dsseo-explainer{padding:23px;border-radius:20px}.dsseo-explainer-copy h3,.dsseo-faq-head h3{font-size:23px}.dsseo-faq-list{grid-template-columns:1fr}}


/* DSSpam 22.1 — contenedores publicitarios aislados */
.ds-ad-slot{width:100%;clear:both;margin:28px auto;padding:0;box-sizing:border-box}
.ds-ad-label{display:block;margin:0 0 7px;color:#8b95a7;font-size:10px;font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.ds-ad-content{width:100%;max-width:100%;overflow:hidden;text-align:center}
.ds-ad-content>*,.ds-ad-content iframe,.ds-ad-content ins,.ds-ad-content img{max-width:100%}
.ds-ad-slot:empty{display:none!important;margin:0!important;padding:0!important}
@media(max-width:680px){.ds-ad-slot{margin:20px auto}.ds-ad-content{overflow-x:auto}}