/* Zimula2 V5.3 · sección de progreso y preguntas frecuentes */
.progress{max-width:none;position:relative;isolation:isolate;overflow:hidden;min-height:670px;padding:116px max(22px,calc((100vw - 1276px)/2));gap:clamp(35px,5vw,85px);background:radial-gradient(ellipse at 8% 80%,rgba(10,190,229,.29),transparent 40%),radial-gradient(ellipse at 90% 13%,rgba(114,91,239,.35),transparent 46%),linear-gradient(118deg,#061b3f 5%,#123874 58%,#182a77)}
.progress:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(151,206,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(151,206,255,.14) 1px,transparent 1px);background-size:55px 55px}
.progress-visual{position:relative;border:1px solid rgba(171,233,255,.45);border-radius:38px;padding:26px;background:linear-gradient(145deg,#a6ecff,#c8d0ff);box-shadow:0 31px 70px rgba(0,7,36,.39),inset 0 1px 0 #ffffffb0;transform:rotate(-1.2deg);transition:transform .3s ease}
.progress-visual:hover{transform:rotate(0deg) translateY(-4px)}
.progress-visual:after{content:"VISTA DE EJEMPLO";display:block;position:absolute;top:-13px;left:40px;padding:9px 13px;border-radius:999px;background:linear-gradient(100deg,#61edee,#7f91ff);color:#112650;font-size:9px;letter-spacing:.13em;font-weight:900;box-shadow:0 10px 22px #071a4933}
.progress .dashboard{border:1px solid #fff;border-radius:26px;box-shadow:0 12px 38px rgba(5,35,98,.16);background:#fff;padding:30px}
.progress .metric{background:linear-gradient(120deg,#e8f8ff,#f1efff);border:1px solid #d2e7ff;border-radius:22px}
.progress .metric strong{color:#0e2d66}
.progress .metric span{color:#17876d}
.progress .next{background:linear-gradient(120deg,#f1faff,#f5f4ff);border:1px solid #cbdffb}
.progress .bars i b{background:linear-gradient(90deg,#25cae8,#6b69f6)}
.progress-copy .kicker{color:#7deafa;background:rgba(113,208,255,.11);padding:9px 15px;border:1px solid rgba(124,230,251,.22);border-radius:999px}
.progress-copy h2{color:#fff;font-size:clamp(41px,4vw,57px);letter-spacing:-.055em;line-height:1.08}
.progress-copy h2 em{background:linear-gradient(90deg,#75edec,#86a7ff,#c3a4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.progress-copy>p{color:#c1d4f3;font-size:15px;line-height:1.73}
.progress-copy ul{display:grid;gap:12px;margin-top:29px}
.progress-copy li{margin:0;padding:15px 18px;border:1px solid rgba(172,225,255,.18);border-left:3px solid #5ee3f1;background:rgba(255,255,255,.072);border-radius:5px 16px 16px 5px;backdrop-filter:blur(8px)}
.progress-copy li b{font-size:13px;color:#fff}
.progress-copy li span{font-size:11px;color:#bfd0eb;margin-top:5px}
.faq{max-width:none;position:relative;padding:106px max(22px,calc((100vw - 1276px)/2));gap:56px;grid-template-columns:minmax(0,.81fr) minmax(0,1.19fr);align-items:stretch;background:radial-gradient(circle at 94% 82%,rgba(148,116,255,.24),transparent 37%),radial-gradient(circle at 4% 12%,rgba(70,207,235,.24),transparent 42%),linear-gradient(145deg,#eefaff,#edf0ff)}
.faq>div:first-child{position:relative;overflow:hidden;isolation:isolate;min-height:400px;padding:50px 38px;border-radius:30px;background:radial-gradient(circle at 96% 90%,rgba(109,98,235,.63),transparent 46%),linear-gradient(125deg,#072653,#174d96);box-shadow:0 24px 55px rgba(16,48,112,.24);border:1px solid rgba(192,233,255,.25)}
.faq>div:first-child:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:repeating-linear-gradient(145deg,rgba(255,255,255,.04) 0 1px,transparent 1px 32px)}
.faq>div:first-child:after{content:"?";position:absolute;right:30px;bottom:-75px;display:grid;place-items:center;width:220px;height:220px;border:1px solid rgba(255,255,255,.19);border-radius:45%;background:linear-gradient(150deg,rgba(95,227,243,.22),rgba(144,120,255,.3));box-shadow:0 0 0 24px rgba(255,255,255,.035);font-size:168px;font-weight:900;line-height:1;color:rgba(200,245,255,.46);transform:rotate(-14deg)}
.faq>div:first-child .kicker{color:#83e8f6;background:rgba(136,213,253,.12);border:1px solid rgba(136,213,253,.23);border-radius:999px;padding:9px 12px}
.faq>div:first-child h2{font-size:clamp(38px,3.8vw,55px);line-height:1.09;letter-spacing:-.05em;color:#fff;margin-top:29px;position:relative;z-index:1}
.faq>div:first-child h2 em{background:linear-gradient(90deg,#6fe8ee,#a49bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.faq>div:first-child img{display:none}
.faq-list{display:flex;flex-direction:column;justify-content:center;gap:12px}
.faq-list details{margin:0;padding:0;border-radius:20px;border:1px solid #c8dcf5;background:rgba(255,255,255,.93);box-shadow:0 12px 27px rgba(23,65,128,.075);overflow:hidden;transition:border-color .22s,box-shadow .22s}
.faq-list details[open]{border-color:#86b9fa;box-shadow:0 18px 37px rgba(39,96,172,.14);background:#fff}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:22px 23px;color:#143260;font-size:14px;font-weight:850;line-height:1.4}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";flex:none;display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:#e6f3ff;color:#236ed0;font-size:21px;font-weight:600}
.faq-list details[open] summary::after{content:"−";background:linear-gradient(115deg,#28bee1,#6277ef);color:#fff}
.faq-list p{margin:0;padding:0 23px 22px;color:#627994;font-size:12px;line-height:1.78}
@media(max-width:1100px){.progress{gap:35px}.faq{gap:25px}.faq>div:first-child{padding:40px 28px}}
@media(max-width:900px){.progress{grid-template-columns:1fr;padding:95px 24px;gap:65px}.progress-visual{max-width:690px;margin:auto;width:100%}.faq{grid-template-columns:1fr;padding:75px 24px}.faq>div:first-child{min-height:285px}.faq>div:first-child:after{width:190px;height:190px;font-size:145px;bottom:-72px}}
@media(max-width:600px){.progress{padding:80px 17px;gap:55px}.progress-visual{padding:14px;transform:none;border-radius:24px}.progress .dashboard{padding:17px;border-radius:18px}.progress-copy h2{font-size:39px}.progress-copy>p{font-size:14px}.faq{padding:70px 16px;gap:20px}.faq>div:first-child{min-height:265px;padding:33px 25px;border-radius:24px}.faq>div:first-child h2{font-size:39px}.faq-list details{border-radius:16px}.faq-list summary{font-size:12px;padding:19px 17px}.faq-list p{font-size:12px;padding:0 17px 18px}}
@media(prefers-reduced-motion:reduce){.progress-visual,.faq-list details{transition:none}}