/* Solo el documento #testUnificado. Fotografías del boceto aprobado, sin
   alterar archivos de imagen: el fondo encuadra regiones del PNG original. */
#testUnificado{--ivory:#faf7f0;--sage:#5e6753;--cocoa:#4f4038;background:#c1af98;color:#292720}
#testUnificado .shell{width:min(960px,calc(100% - 36px));margin:24px auto;background:var(--ivory)}
#testUnificado .top{height:84px;padding:0 44px;background:#fbf9f3;border-color:#ebe5da}
#testUnificado .brand{font-size:26px;color:#25241f}
#testUnificado .nav{gap:24px;font-size:13px}
#testUnificado .nav .pill{border-radius:10px;padding:13px 22px;font-weight:600}
#testUnificado .btn{font-size:17px;font-weight:600;padding:17px 30px;border-radius:999px;min-height:54px}
#testUnificado .btn:disabled{cursor:default;opacity:.55}
#testUnificado :is(a,button,input,summary):focus-visible{outline:3px solid #4b5843;outline-offset:5px}
#testUnificado :is(#question,#resultTitle):focus{outline:none}
#testUnificado .kicker{font-size:12px;font-weight:600;letter-spacing:.23em}
#testUnificado .hero{position:relative;grid-template-columns:65% 35%;aspect-ratio:427/512;min-height:0;background:linear-gradient(105deg,#f8f5ed,#eee5d6);isolation:isolate}
#testUnificado .hero-copy{background:transparent;padding:100px 22px 68px 62px;overflow:visible;z-index:1}
#testUnificado .hero-copy:after{display:none}
#testUnificado h1{font-size:clamp(44px,6.5vw,74px);line-height:1.04;letter-spacing:-.045em;max-width:590px}
#testUnificado .sub{font:400 23px/1.6 Arial,Helvetica,sans-serif;max-width:520px;margin:26px 0 34px}
#testUnificado .features{font-size:16px;gap:18px;margin-bottom:38px}
#testUnificado .features span{display:flex;align-items:center;gap:13px}
#testUnificado .features span:before{content:"";width:19px;height:19px;border:1px solid var(--cocoa);border-radius:50%;margin:0;flex-shrink:0}
#testUnificado .features span:nth-child(2):before{border-radius:5px;transform:rotate(-8deg)}
#testUnificado .features span:nth-child(3):before{border-radius:3px;background:linear-gradient(35deg,transparent 48%,var(--cocoa) 49% 51%,transparent 52%)}
#testUnificado .features span:nth-child(4):before{border-radius:3px}
#testUnificado .hero .btn{min-width:310px}
#testUnificado .note{font-size:28px;line-height:1.4;margin:78px 0 0 20px;max-width:180px}
#testUnificado .hero-photo{background-image:url('/assets/test-unificado/referencia-aprobada.png');background-repeat:no-repeat;background-size:911.111111% 233.724172%;background-position:25.256849% 9.183673%;min-height:0;mask-image:linear-gradient(to right,transparent,#000 12%)}
/* Portada: (295,63,144,513) sobre PNG 1312x1199. */
#testUnificado .quiz{grid-template-columns:34% 1fr;gap:0;min-height:0;padding:44px 24px 50px;background:linear-gradient(110deg,#fcfaf5,#f4efe6)}
#testUnificado .quiz-photo{background-image:url('/assets/test-unificado/referencia-aprobada.png');background-repeat:no-repeat;background-size:979.104478% 307.435897%;background-position:39.303905% 10.012361%;aspect-ratio:134/390;min-height:0;border-radius:5px;align-self:start}
/* Preguntas: (463,81,134,390). */
#testUnificado .quiz-main{padding:34px 20px 8px 38px;justify-content:flex-start}
#testUnificado .step{order:-1;font-size:14px;margin:0 0 10px}
#testUnificado .progress{height:7px;margin:0 0 44px}
#testUnificado .question{font-size:clamp(28px,4.6vw,49px);line-height:1.1;margin-bottom:30px}
#testUnificado .answers{gap:12px;counter-reset:answer}
#testUnificado .answer{counter-increment:answer;font:400 18px/1.35 Georgia,serif;padding:16px;border-radius:10px;display:flex;align-items:center;min-height:66px;color:inherit;background:#fbf9f4}
#testUnificado .answer:before{content:counter(answer,upper-alpha);font:400 15px Georgia,serif;flex:0 0 30px;height:30px;margin-right:14px;background:#eeeae1}
#testUnificado .answer.selected{background:#edf0e7;border-color:#5e6753;font-weight:600}
#testUnificado .actions{align-items:center;margin-top:25px}
#testUnificado .actions .secondary{border:0;padding:10px 8px;min-height:48px;font-size:15px;text-decoration:underline}
#testUnificado .quiz-quote{position:relative;grid-column:1/-1;margin:58px 0 14px;padding:25px 140px 10px 30px;font-size:26px;min-height:108px}
#testUnificado .quiz-quote:after{content:"";position:absolute;right:10px;bottom:0;width:120px;aspect-ratio:96/87;background:url('/assets/test-unificado/referencia-aprobada.png') no-repeat;background-size:1366.666667% 1378.16092%;background-position:61.348684% 42.985612%;mix-blend-mode:multiply}
/* Rama del boceto: (746,478,96,87). */
#testUnificado .result{background:linear-gradient(105deg,#faf7f0,#f4ede2)}
#testUnificado .result-grid{grid-template-columns:65% 35%;min-height:0;padding:0 0 30px}
#testUnificado .result-copy{padding:66px 26px 30px 52px}
#testUnificado .result-copy h2{font-size:clamp(40px,5.8vw,64px);line-height:1.03;margin-bottom:26px}
#testUnificado #resultText{font:400 21px/1.6 Georgia,serif;margin:0 0 28px}
#testUnificado .profile-label{margin:0 0 12px;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
#testUnificado .profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px;padding:0;list-style:none}
#testUnificado .profile-tags li{font:400 13px/1.4 Georgia,serif;background:#e6d8c5;padding:8px 12px;border-radius:8px}
#testUnificado .result-photo{background-image:url('/assets/test-unificado/referencia-aprobada.png');background-repeat:no-repeat;background-size:892.517007% 263.516484%;background-position:99.313305% 8.602151%;aspect-ratio:147/455;min-height:0;align-self:start;border-radius:0 0 5px 5px;margin-right:0}
/* Resultado: (1157,64,147,455). */
#testUnificado :is(.hero-photo,.quiz-photo,.result-photo){position:relative;overflow:hidden;background:none}
#testUnificado .reference-photo{position:absolute;inset:0;width:100%;height:100%;display:block}
#testUnificado .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#testUnificado .note{width:150px;max-width:100%;transform:none;mix-blend-mode:multiply}
#testUnificado .note .reference-script{display:block;width:100%;aspect-ratio:87/91}
#testUnificado .reference-script{filter:none}
#testUnificado .quiz-quote:after{display:none}
#testUnificado .quiz-quote>.reference-script{display:block;width:min(100%,440px);aspect-ratio:210/27;margin:auto;mix-blend-mode:multiply}
#testUnificado .quiz-branch{position:absolute;right:10px;bottom:0;width:120px;aspect-ratio:96/87;mix-blend-mode:multiply}
#testUnificado .quiz-branch .reference-photo{filter:brightness(1.15) contrast(1.1)}
#testUnificado .recommendation{margin:0 0 24px;padding:22px 0;border-top:1px solid #ded4c6;border-bottom:1px solid #ded4c6}
#testUnificado .recommendation h3{font:400 32px/1.12 Georgia,serif;margin:0 0 12px;color:var(--cocoa)}
#testUnificado .recommendation p{font-size:16px;line-height:1.6;margin:0 0 20px}
#testUnificado #productLink{display:flex;width:100%;font-size:16px;padding:17px 20px;text-align:center}
#testUnificado #sampleLink{display:inline-block;margin-top:16px;color:var(--cocoa);font-size:14px;text-underline-offset:4px}
#testUnificado .result-detail{padding:14px 0;border-bottom:1px solid #ded4c6;font-size:15px;line-height:1.6}
#testUnificado .result-detail summary{cursor:pointer;color:var(--cocoa);font-weight:600}
#testUnificado .result-detail p{margin-bottom:0}
#testUnificado .email{display:block;padding:0;background:transparent}
#testUnificado .email form{padding:18px 0 0;border:0;background:transparent}
#testUnificado input[type=email]{min-height:48px;background:#fbf9f5}
#testUnificado .check{font-size:13px;line-height:1.5}
#testUnificado .check input{accent-color:var(--sage);min-width:16px;min-height:16px;margin:2px 0 0}
#testUnificado .email .btn{font-size:15px;padding:13px 20px}
#testUnificado .fine{padding:24px 52px 32px;background:transparent;font-size:12px;line-height:1.6;color:#5e564b}
@media(max-width:760px){
  #testUnificado .shell{width:100%;margin:0}
  #testUnificado .top{height:68px;padding:0 20px}
  #testUnificado .brand{font-size:21px}
  #testUnificado .nav .pill{padding:11px 16px;font-size:12px}
  #testUnificado .hero{grid-template-columns:66% 34%;aspect-ratio:auto;min-height:700px}
  #testUnificado .hero-copy{padding:50px 8px 45px 24px}
  #testUnificado h1{font-size:clamp(34px,7.8vw,54px)}
  #testUnificado .sub{font-size:17px;line-height:1.5;margin:22px 0 28px}
  #testUnificado .features{font-size:13px;line-height:1.5;gap:15px;margin-bottom:28px}
  #testUnificado .features span{gap:10px}
  #testUnificado .hero .btn{min-width:0;width:100%;font-size:14px;padding:14px 12px}
  #testUnificado .hero-photo{align-self:stretch;min-height:0}
  #testUnificado .note{font-size:23px;margin:52px 0 0 8px}
  #testUnificado .quiz{grid-template-columns:27% 1fr;padding:24px 16px;gap:0}
  #testUnificado .quiz-photo{aspect-ratio:134/390;min-height:0;margin-top:40px}
  #testUnificado .quiz-main{padding:6px 0 0 18px}
  #testUnificado .step{font-size:12px}
  #testUnificado .progress{margin-bottom:24px;height:5px}
  #testUnificado .question{font-size:clamp(25px,6vw,38px);line-height:1.16;margin-bottom:20px}
  #testUnificado .answer{font-size:15px;min-height:56px;padding:10px 12px}
  #testUnificado .answer:before{flex-basis:24px;height:24px;font-size:12px;margin-right:8px}
  #testUnificado .actions{gap:8px;flex-direction:row}
  #testUnificado .actions .btn{width:auto;font-size:13px;padding:12px 14px}
  #testUnificado .actions .secondary{padding:8px 0;font-size:12px}
  #testUnificado .quiz-quote{margin-top:30px;font-size:21px;padding:20px 90px 15px 10px;min-height:95px}
  #testUnificado .quiz-quote:after{width:80px}
  #testUnificado .quiz-branch{width:80px}
  #testUnificado .note{width:100px}
  #testUnificado .result-grid{grid-template-columns:1fr 30%;padding-bottom:10px}
  #testUnificado .result-copy{padding:40px 16px 20px 24px}
  #testUnificado .result-copy h2{font-size:clamp(34px,8vw,50px);margin-bottom:22px}
  #testUnificado #resultText{font-size:17px;line-height:1.55}
  #testUnificado .result-photo{min-height:0;aspect-ratio:147/455;margin-top:0}
  #testUnificado .recommendation h3{font-size:28px}
  #testUnificado .recommendation p{font-size:14px}
  #testUnificado #productLink{font-size:14px;padding:14px 12px}
  #testUnificado .fine{padding:20px 24px}
}
@media(max-width:380px){
  #testUnificado .hero{grid-template-columns:72% 28%;min-height:760px}
  #testUnificado .quiz{grid-template-columns:1fr}
  #testUnificado .quiz-photo{display:none}
  #testUnificado .quiz-main{padding-left:4px}
  #testUnificado .question{font-size:29px}
  #testUnificado .result-grid{grid-template-columns:1fr}
  #testUnificado .result-photo{width:40%;margin:10px auto 20px}
  #testUnificado .result-copy{padding-right:24px}
}
@media(prefers-reduced-motion:reduce){#testUnificado *,#testUnificado{scroll-behavior:auto!important;transition:none!important}}