/* Opiniones: pasada del lienzo propuestas-hero/opiniones-pagina.html (8/11/2026). Todo dentro de .pw. */
.pw{--ink:#121412;--mut:#5b5f59;--dim:#8a8e88;--acc:#4cc282;--accd:#17824a;--lime:#d0dc55;--forest:#0f3a2a;--line:#e3e3de;--dk:#070807}
.pw,.pw *{box-sizing:border-box}
.pw,.pw{margin:0;background:#fbfbf9}
.pw{font-family:Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--ink)}
.pw a{color:inherit;text-decoration:none}
.pw .col{padding-left:max(28px,calc((100% - 1200px)/2));padding-right:max(28px,calc((100% - 1200px)/2))}
.pw .btn{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;height:46px;padding:0 5px 0 18px;border-radius:11px;background:var(--acc);color:#06140c;font-weight:600;font-size:14.5px;transition:filter .3s}
@media (hover:hover) and (pointer:fine){.pw .btn:hover{filter:brightness(1.06)}}
.pw .btn i{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#07150d;color:var(--acc)}
.pw .btn svg{width:15px;height:15px;transition:transform .6s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){.pw .btn:hover i svg{transform:rotate(-45deg)}}
.pw .ghost{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 18px;border-radius:11px;background:rgba(255,255,255,.06);font-weight:600;font-size:14.5px}
.pw .ghost svg{width:15px;height:15px;color:var(--acc)}
.pw .pv{display:none}
.pw .crumb{display:flex;align-items:center;gap:16px;height:44px;font-size:12.5px;border-bottom:1px solid #141614;color:#8a8e88}
.pw .crumb b{color:#cfd3cc;font-weight:500}
.pw .crumb .sep{opacity:.5}
.pw .crumb .st{display:inline-flex;align-items:center;gap:7px}
.pw .crumb .st i{width:7px;height:7px;border-radius:50%;background:var(--acc)}
.pw h1{margin:0;font-weight:600;font-size:60px;line-height:1.02;letter-spacing:-.05em}
.pw h1 .cur{color:var(--acc);animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.pw h1 .s{display:block;color:#62665f}
.pw .lead{margin:22px 0 0;font-size:16.5px;line-height:1.62;max-width:520px}
.pw .lead b{font-weight:600}
.pw .acts{display:flex;gap:10px;margin-top:30px}
.pw .proof{display:flex;align-items:center;gap:22px;margin-top:30px;padding-top:22px;font-size:13px}
.pw .proof b{display:block;font-size:17px;font-weight:600}
.pw .proof span{display:block;margin-top:2px}
.pw .proof hr{width:1px;height:32px;border:0;margin:0}
.pw .proof .stars{color:#f2b01e;font-size:11px;letter-spacing:1px;margin-left:4px}
.pw .proof .malt{height:13px;vertical-align:-1px;margin-right:4px}
.pw .h1{background:var(--dk) radial-gradient(#151815 1px,transparent 1px) 0 0/18px 18px;color:#e9ebe8}
.pw .h1 .g{display:grid;grid-template-columns:minmax(0,1fr) 540px;gap:64px;align-items:center;padding-top:72px;padding-bottom:88px}
.pw .h1 .lead{color:#9a9e98}
.pw .h1 .lead b{color:#fff}
.pw .h1 .proof{border-top:1px solid #1a1c1a}
.pw .h1 .proof span{color:#8a8e88}
.pw .h1 .proof hr{background:#1f221f}
.pw h1{font-size:52px!important;font-weight:500;line-height:1.04;letter-spacing:-.045em}
.pw .lead{font-size:16px!important;line-height:1.62}
.pw .btn,.pw .ghost{font-size:15px}
.pw .proof span{font-size:13.5px}
.pw .crumb{font-size:12.5px}
.pw .proof .stars{display:inline!important;margin-left:6px}
.pw .proof b{white-space:nowrap}
.pw .h1 .g{padding-top:104px;padding-bottom:120px}
.pw .pv{display:none!important}
@media (max-width:1023px){.pw h1{font-size:40px!important}.pw .h1 .g{grid-template-columns:minmax(0,1fr);padding-top:48px;padding-bottom:64px}.pw .acts{flex-direction:column}.pw .proof{flex-wrap:wrap;row-gap:16px}.pw .crumb{gap:10px;white-space:nowrap}.pw .crumb b~*{display:none}.pw .h1 .stage{justify-self:center}}
.pw .h1 .stage{position:relative;height:500px}
.pw .tag{font-size:12.5px;font-weight:600;color:#1a1c10;background:var(--lime);padding:5px 10px;border-radius:7px;white-space:nowrap}
.pw .s1 .gc{position:absolute;left:0;right:0;top:0;padding:24px 24px 78px;border-radius:20px;background:#fbfbf9;color:var(--ink);box-shadow:0 40px 80px -30px rgba(0,0,0,.75)}
.pw .s1 .gh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pw .s1 .gh b{display:block;font-size:16px;font-weight:600}
.pw .s1 .gh small{font-size:12.5px;color:var(--dim)}
.pw .s1 .lg{display:flex;gap:16px;margin:16px 0 6px;font-size:12.5px;color:var(--mut)}
.pw .s1 .lg i{display:inline-block;width:10px;height:3px;margin-right:6px;border-radius:2px;vertical-align:3px}
.pw .s1 .c1 i{background:var(--acc)}
.pw .s1 .c2 i{background:#c5cbd6}
.pw .s1 .ch{display:block;width:100%;height:240px}
.pw .s1 .gr path{stroke:#ececE8;stroke-width:1}
.pw .s1 .ar{fill:url(#ga)}
.pw .s1 .im{fill:none;stroke:#c5cbd6;stroke-width:2;stroke-dasharray:4 5}
.pw .s1 .cl{fill:none;stroke:var(--acc);stroke-width:3.5;stroke-linejoin:round}
.pw .s1 .dt{fill:#fff;stroke:var(--accd);stroke-width:3}
.pw .s1 .mo{display:flex;justify-content:space-between;padding:4px 16px 0;font-size:11.5px;color:var(--dim)}
.pw .s1 .kw{position:absolute;left:-30px;bottom:-14px;padding:14px 18px;border-radius:16px;background:#151815;color:#fff;box-shadow:0 20px 40px -16px rgba(0,0,0,.7)}
.pw .s1 .kw small{font-size:11.5px;color:#8a8e88}
.pw .s1 .kw b{display:block;margin-top:2px;font-size:14.5px}
.pw .s1 .kw .up{display:inline-block;margin-top:8px;font-size:12px;font-weight:600;color:#06140c;background:var(--acc);padding:3px 8px;border-radius:6px}
.pw .s2 .sr{position:absolute;left:0;right:30px;top:10px;padding:18px 22px 10px;border-radius:20px;background:#fff;color:#202124;box-shadow:0 40px 80px -30px rgba(0,0,0,.75)}
.pw .sb{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:99px;background:#f1f3f4;font-size:14px;color:#202124}
.pw .gq{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;font-weight:700;font-size:12px;color:#4285f4}
.pw .s2 ol{list-style:none;margin:12px 0 0;padding:0}
.pw .s2 li{padding:12px 4px;border-bottom:1px solid #f0f0f0}
.pw .s2 li small{font-size:11.5px;color:#4d5156}
.pw .s2 li b{display:block;margin-top:2px;font-size:15px;font-weight:500;color:#1a0dab}
.pw .s2 li .ln{display:block;height:6px;width:92%;margin-top:7px;border-radius:3px;background:#eef0f2}
.pw .s2 li .ln.s{width:70%;margin-top:5px}
.pw .s2 li.me{margin:6px -10px;padding:12px 14px;border-radius:14px;background:#f2faf5;box-shadow:0 0 0 2px var(--acc);border-bottom:0}
.pw .s2 li.me b{color:#0f3a2a;font-weight:600}
.pw .s2 li:not(.me){opacity:.6}
.pw .s2 .mv{position:absolute;right:0;bottom:24px;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:#151815;color:#fff;font-size:13px;font-weight:600;box-shadow:0 20px 40px -16px rgba(0,0,0,.7)}
.pw .s2 .mv i{width:26px;height:2px;background:var(--acc);position:relative}
.pw .s2 .mv i::after{content:'';position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left-color:var(--acc);border-right:0}
.pw .s2 .from{color:#8a8e88;text-decoration:line-through}
.pw .s2 .to{color:#06140c;background:var(--lime);padding:3px 8px;border-radius:6px}
.pw .s3 .card{position:absolute;border-radius:20px;background:#fff;color:#202124;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.pw .s3 .g3{left:0;top:20px;width:400px;padding:16px 18px 18px}
.pw .s3 .res{margin-top:14px}
.pw .s3 .res small{font-size:11.5px;color:#4d5156}
.pw .s3 .res b{display:block;margin-top:2px;font-size:16px;font-weight:600;color:#0f3a2a}
.pw .s3 .rt{display:block;margin-top:5px;font-size:12px;color:#f2b01e}
.pw .s3 .rt em{font-style:normal;color:#70757a}
.pw .s3 .ai{right:0;top:200px;width:380px;padding:20px 20px 18px;background:#151815;color:#e9ebe8}
.pw .s3 .who{display:flex;align-items:center;gap:10px}
.pw .s3 .bot{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--acc);color:#06140c;font-size:11.5px;font-weight:700}
.pw .s3 .who b{font-size:14px}
.pw .s3 .ai p{margin:14px 0 0;font-size:14.5px;line-height:1.55;color:#d9dcd6}
.pw .s3 mark{background:none;color:#fff;font-weight:600;box-shadow:inset 0 -6px 0 rgba(208,220,85,.45)}
.pw .s3 .src{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #2a2e2a}
.pw .s3 .src small{font-size:11.5px;color:#8a8e88;margin-right:2px}
.pw .s3 .src span{font-size:12px;padding:4px 9px;border-radius:7px;background:#232723;color:#e9ebe8}
.pw .s3 .src span:first-of-type{background:#0f3a2a;color:var(--acc)}
.pw .s3 .tg3{position:absolute;left:30px;top:180px;font-size:12.5px;font-weight:600;color:#1a1c10;background:var(--lime);padding:6px 11px;border-radius:8px}
@media (max-width:1023px){.pw .h1 .stage{width:540px;zoom:.64}}
.pw{--t-h1:52px;--t-h2:44px;--t-h3:21px;--t-big:56px;--t-lead:16px;--t-body:15px;--t-small:13.5px;--t-label:12.5px;--t-btn:15px;
  --s1:8px;--s2:12px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:64px;--s-sec:104px}
@media (max-width:767px){.pw{--t-h1:38px;--t-h2:32px;--t-h3:19px;--t-big:44px;--t-lead:15.5px;--s6:40px;--s7:48px;--s-sec:72px}}
.pw .op1{display:block}
.pw .oph h1 .s{display:block}
.pw .oph .stage{position:relative;min-height:480px}
.pw .opv{position:relative;height:480px}
.pw .opv .card{position:absolute;background:#fbfbf9;color:#121412;border-radius:22px;box-shadow:0 50px 90px -40px rgba(0,0,0,.85)}
.pw .stz{color:#e3a008;letter-spacing:2px;font-size:14px}
.pw .op1 .gc{left:0;top:30px;width:330px;padding:22px}
.pw .gh{display:flex;align-items:center;gap:10px}
.pw .gh i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.pw .gh svg{width:20px;height:20px}
.pw .gh b{display:block;font-size:14px}
.pw .gh small{font-size:11.5px;color:#5b5f59}
.pw .gn{display:flex;align-items:center;gap:14px;margin:16px 0 10px}
.pw .gn>b{font-size:56px;letter-spacing:-.05em;line-height:1}
.pw .gn small{display:block;font-size:12.5px;color:#5b5f59}
.pw .gt{list-style:none;margin:0;padding:0}
.pw .gt li{padding:9px 0 9px 22px;border-top:1px solid #e3e3de;font-size:13px;position:relative}
.pw .gt li::before{content:"";position:absolute;left:4px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--acc)}
.pw .gb{display:grid;grid-template-columns:14px minmax(0,1fr) 40px;gap:10px;align-items:center;padding:4px 0;font-size:12px;color:#5b5f59}
.pw .gb i{height:8px;border-radius:99px;background:#ececE8;overflow:hidden}
.pw .gb em{display:block;height:100%;background:#e3a008;border-radius:99px}
.pw .gb small{text-align:right}
.pw .op1 .mc{right:0;top:60px;width:170px;padding:18px;background:var(--forest);color:#fff}
.pw .op1 .mc small{font-size:12px;font-weight:600;color:var(--lime)}
.pw .op1 .mc b{display:block;margin-top:4px;font-size:40px;letter-spacing:-.04em}
.pw .op1 .mc span{font-size:12.5px;color:#a9c4b6}
.pw .op1 .rq{right:0;bottom:30px;width:340px;padding:20px}
.pw .op1 .rq p{margin:8px 0 10px;font-size:14px;line-height:1.55;color:#3c403b}
.pw .op1 .rq small{font-size:12px;font-weight:600;color:#5b5f59}
.pw .wall{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;overflow:hidden;-webkit-mask:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(transparent,#000 14%,#000 86%,transparent)}
.pw .wc{overflow:hidden}
.pw .wt{display:flex;flex-direction:column;gap:12px}
.pw .wr{padding:14px;border-radius:16px;background:#fbfbf9;color:#121412}
.pw .wr p{margin:6px 0 8px;font-size:12.5px;line-height:1.5;color:#3c403b}
.pw .wr small{font-size:11.5px;font-weight:600;color:#5b5f59}
.pw .wc.c1{margin-top:-60px}
@media (prefers-reduced-motion:no-preference){.pw .wt{animation:up 60s linear infinite}.pw .wc.c1 .wt{animation-duration:75s}.pw .wc.c2 .wt{animation-duration:66s}}
@keyframes up{to{transform:translateY(-50%)}}
.pw .wbadge{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:99px;background:var(--forest);color:#fff;box-shadow:0 20px 40px -16px rgba(0,0,0,.7);white-space:nowrap;z-index:2}
.pw .wbadge i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff}
.pw .wbadge svg{width:16px;height:16px}
.pw .wbadge b{font-size:18px;color:var(--lime)}
.pw .wbadge span{font-size:13px;color:#cfe0d6}
.pw .op3 .big{left:0;right:0;top:30px;padding:28px}
.pw .bh{display:flex;justify-content:space-between;align-items:center}
.pw .gi{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#5b5f59}
.pw .gi i{display:grid;place-items:center;width:24px;height:24px}
.pw .gi svg{width:18px;height:18px}
.pw .sls{position:relative;min-height:190px;margin-top:14px}
.pw .sl{position:absolute;inset:0;opacity:0;transition:opacity .6s}
.pw .sl.on{opacity:1}
.pw .sl p{margin:0;font-size:21px;line-height:1.45;letter-spacing:-.01em;color:#121412}
.pw .sl small{display:block;margin-top:16px;font-size:13.5px;color:#5b5f59}
.pw .sl small b{color:#121412}
.pw .dots{display:flex;gap:6px;margin-top:14px}
.pw .dots i{width:22px;height:4px;border-radius:2px;background:#dcdcd6}
.pw .dots i.on{background:var(--acc)}
.pw .op3 .two{position:absolute;left:0;right:0;bottom:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pw .op3 .two div{padding:14px 18px;border-radius:16px;background:#141614}
.pw .op3 .two b{display:block;font-size:28px;letter-spacing:-.03em;color:#e9ebe8}
.pw .op3 .two span{font-size:12.5px;color:#8a8e88}
.pw .op3 .two div:first-child{background:var(--lime)}
.pw .op3 .two div:first-child b,.pw .op3 .two div:first-child span{color:#1a1c10}
@media (max-width:1023px){.pw .oph .stage,.pw .opv{min-height:0;height:auto}.pw .opv .card,.pw .op3 .two,.pw .wbadge{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:auto;margin-top:12px}.pw .wall{position:relative;height:420px}}
.pw .ra{color:var(--ink);background:#fbfbf9 radial-gradient(#e2e2dc 1px,transparent 1px) center top/18px 18px;padding:120px 0}
.pw .ra .qin{max-width:1200px;margin:0 auto;padding:0 28px;box-sizing:content-box}
.pw .ra .ihead{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:64px;align-items:end;margin-bottom:36px}
.pw .ra .h2s{margin:0;font-size:44px;font-weight:600;line-height:1.06;letter-spacing:-.045em}
.pw .ra .leads{margin:0;font-size:16px;line-height:1.62;color:var(--mut)}
.pw .flt{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.pw .flt button{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:0;border-radius:99px;background:#fff;box-shadow:0 10px 24px -18px rgba(18,20,18,.4);font:inherit;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer}
.pw .flt button i{font-style:normal;font-size:12px;color:var(--dim)}
.pw .flt button.on{background:var(--forest);color:#fff}
.pw .flt button.on i{color:var(--lime)}
.pw .msn{columns:3;column-gap:16px}
.pw .rc{break-inside:avoid;margin:0 0 16px;padding:22px;border-radius:20px;background:#fff;box-shadow:0 30px 60px -40px rgba(18,20,18,.25)}
.pw .rc.off,.pw .rc.hid{display:none}
.pw .rc blockquote{margin:10px 0 14px;font-size:15px;line-height:1.6;color:#2a2d29}
.pw .rc figcaption{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.pw .rc figcaption span{color:var(--dim)}
.pw .g2r{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}
.pw .sd{position:sticky;top:100px;flex-direction:column;flex-wrap:nowrap;gap:2px;margin:0;padding:10px;border-radius:20px;background:#fff;box-shadow:0 30px 60px -40px rgba(18,20,18,.25)}
.pw .sd button{justify-content:space-between;width:100%;padding:11px 14px;border-radius:12px;box-shadow:none}
@media (hover:hover) and (pointer:fine){.pw .sd button:not(.on):hover{background:#f2f2ef}}
.pw .sd .gl{display:block;margin-top:8px;padding:11px 14px;border-radius:12px;background:#f2f2ef;font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none}
.pw .lst{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pw .rc.ln{margin:0}
.pw .g3f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}
.pw .rc.ft{margin:0;background:var(--forest);color:#fff}
.pw .rc.ft blockquote{color:#e6efe9;font-size:16px}
.pw .rc.ft figcaption span{color:#a9c4b6}
.pw .rc.ft .stz{color:var(--lime)}
.pw .mr{text-align:center;margin-top:12px}
.pw .more{padding:13px 22px;border:0;border-radius:12px;background:var(--acc);color:#06140c;font:inherit;font-weight:600;cursor:pointer}
@media (max-width:1023px){.pw .ra .ihead,.pw .g2r,.pw .g3f,.pw .lst{grid-template-columns:minmax(0,1fr);gap:16px}.pw .msn{columns:1}.pw .sd{position:static;flex-direction:row;flex-wrap:wrap}.pw .sd button{width:auto}.pw .ra .h2s{font-size:34px}.pw .ra{padding:88px 0}}
.pw .pv.oph{display:block!important}
.pw{background:#fbfbf9;color:var(--ink);font-family:Geist,system-ui,sans-serif}/* Cabecera y migas dentro del hero oscuro: colores del tema, no los de .pw */
.pw.pw-top{background:#070807;color:#e9ebe8}
.pw .crumb .st{color:inherit;font-size:inherit;letter-spacing:0;font-family:inherit}
.pw .crumb a{color:inherit}
@media (max-width:1023px){.pw .crumb{gap:10px;white-space:nowrap}.pw .crumb b~*{display:none}.pw .h1 .acts{flex-direction:column}.pw .h1 .proof{flex-wrap:wrap;row-gap:16px}}/* Ancho completo en pantallas grandes, como los bloques de la home (el contenedor del tema mide 1440 px) */
#main>.pw{margin-left:min(0px,calc(720px - 50vw));margin-right:min(0px,calc(720px - 50vw));box-shadow:0 -2px 0 0 #fbfbf9}/* Los proyectos son el último bloque antes del contacto: el mismo aire que deja el bloque de preguntas en las demás páginas */
#main>.hb-proyectos:last-child{padding-bottom:104px}/* Misma altura de hero que Diseño web WordPress (ilustración de 440 px) */
@media (min-width:1024px){.pw .oph .stage{height:440px;min-height:0}.pw .opv{height:440px}.pw .op1 .gc{top:10px}.pw .op1 .rq{bottom:10px}}
.pw .ra .rc.off{display:none}.pw .ra .gmore{margin:12px 0 0;text-align:center}
@media (max-width:1023px){.pw .oph .stage{min-height:0}.pw .opv{height:auto;display:grid;gap:12px}.pw .opv .card{position:static;width:auto}}/* Móvil: 8 reseñas y "ver más" (la columna de 42 era demasiado larga) */
.pw .ra .vmas{display:none}
@media (max-width:767px){.pw .ra1:not(.todas) .msn .rc:nth-child(n+9){display:none}.pw .ra1:not(.todas) .vmas{display:block;margin:8px 0 0;text-align:center}.pw .ra .vmas .more{height:48px;padding:0 22px;border:0;border-radius:12px;background:var(--acc);color:#06140c;font:inherit;font-weight:600;cursor:pointer}}