:root{--red:#bd362d;--blue:#2a476e;--paper:#fbf8f1;--line:#dbcac1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--blue);font-family:'Arial Rounded MT Bold','Trebuchet MS',Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{max-width:1050px;margin:auto;padding:22px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.logo{width:65px;height:74px;object-fit:contain}nav{display:flex;gap:25px;font-size:14px;font-weight:bold}main{max-width:900px;margin:auto;padding:48px 28px 36px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--red);font-weight:bold;margin:0 0 13px}h1{font-size:clamp(30px,4vw,43px);line-height:1.15;color:var(--red);letter-spacing:-1px;margin:0 0 12px}.intro p:last-child{margin:0;font-size:16px}.photo{width:115px;height:132px;object-fit:cover;border-radius:65px 65px 10px 10px;transform:rotate(4deg)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:#fff;border:1px solid var(--line);padding:26px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:var(--red)}.card strong{display:block;color:var(--red);font-size:24px;letter-spacing:-.5px}.card small{display:block;font-size:14px;margin-top:7px;font-weight:normal}.arrow{font-size:24px}.primary{background:var(--red);color:white;border-color:var(--red)}.primary strong{color:white}.talk{margin-top:16px}.talk-toggle{width:100%;background:transparent;padding:23px 25px}.talk-toggle strong{font-size:23px}.talk-toggle .arrow{transition:transform .4s}.talk-toggle[aria-expanded=true] .arrow{transform:rotate(45deg)}.panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1)}.panel.open{grid-template-rows:1fr}.panel-inner{overflow:hidden}.contacts{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 0 4px;perspective:700px}.contact{padding:17px 19px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;transform:translateZ(-200px) scale(.65);opacity:0;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .35s;transition-delay:calc(var(--i)*55ms);font-size:15px;font-weight:bold}.open .contact{transform:translateZ(0) scale(1);opacity:1}.contact:hover{border-color:var(--red);background:#fffaf7}.contact:last-child{grid-column:1/-1}.contact img{width:21px;height:21px}.label-icon{display:flex;align-items:center;gap:10px}.bottom{padding:25px 0;display:flex;gap:24px;font-size:13px}.bottom a{text-decoration:underline;text-underline-offset:4px}footer{max-width:994px;margin:auto;border-top:1px solid var(--line);padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.brand{display:flex;align-items:center;gap:15px;color:var(--red);font-weight:bold}.brand .logo{width:40px;height:46px}.socials{display:flex;gap:22px}.socials a{display:flex;gap:8px;align-items:center}.socials img{width:20px;height:20px}.preview-note{text-align:center;font-size:11px;color:#697587;margin:20px 0}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}@media(max-width:580px){header{padding:16px 22px}.logo{width:52px;height:60px}nav{gap:15px;font-size:12px}main{padding:32px 22px 15px}.photo{width:83px;height:108px}.intro{gap:16px}.eyebrow{font-size:10px;letter-spacing:1.4px}h1{font-size:30px}.actions,.contacts{grid-template-columns:1fr}.card{padding:22px}.card strong{font-size:23px}.contact:last-child{grid-column:auto}footer{padding:22px;align-items:flex-start;flex-direction:column}.bottom{gap:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.contact{transform:none}.open .contact{transform:none}}

/* Selector de propuestas; fuera del diseño del sitio */
.design-picker{background:#fff;border-bottom:1px solid var(--line);padding:14px 22px;position:sticky;top:0;z-index:5;box-shadow:0 3px 12px #2a476e08}.picker-inner{max-width:1050px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.picker-title{font-size:12px;color:var(--blue);letter-spacing:.3px}.picker-buttons{display:flex;gap:8px;flex-wrap:wrap}.picker-buttons button{border:1px solid var(--line);background:var(--paper);color:var(--blue);border-radius:22px;padding:9px 15px;font-size:12px;font-weight:bold;min-height:40px}.picker-buttons button[aria-pressed=true]{color:white;background:var(--blue);border-color:var(--blue)}.design-caption{max-width:994px;margin:0 auto;padding:16px 28px 0;font-size:12px;color:#697587}.design-caption strong{color:var(--red)}.preview-note{margin:18px 0 24px}.contact{transform-origin:center}
/* A: dos acciones arriba, contacto debajo */
body[data-design=a] .card{box-shadow:0 4px 16px #2a476e04}
/* B: fotografía amplia y navegación editorial */
body[data-design=b] main{max-width:1100px;display:grid;grid-template-columns:.9fr 1.1fr;gap:0 54px;padding-top:42px;align-items:center;min-height:555px}
body[data-design=b] .intro{display:grid;grid-template-columns:1fr;margin:0;gap:26px;align-self:start}
body[data-design=b] .intro h1{font-size:40px;max-width:330px}
body[data-design=b] .photo{width:100%;height:260px;border-radius:120px 120px 12px 12px;transform:rotate(-3deg);object-fit:cover;border:1px solid var(--line);padding:6px;background:#fff}
body[data-design=b] .actions{grid-template-columns:1fr;gap:0}
body[data-design=b] .card{border:0;border-radius:0;background:transparent;border-bottom:1px solid var(--line);padding:25px 5px;box-shadow:none;transform:none}
body[data-design=b] .primary{color:var(--blue);border-bottom:1px solid var(--red)}
body[data-design=b] .primary strong{color:var(--red);font-size:32px}
body[data-design=b] .primary .arrow{background:var(--red);color:white;width:45px;height:45px;border-radius:50%;display:grid;place-items:center}
body[data-design=b] .card strong{font-size:27px}
body[data-design=b] .talk{margin:0}
body[data-design=b] .talk-toggle strong{font-size:27px}
body[data-design=b] .card:hover strong{text-decoration:underline;text-underline-offset:7px}
body[data-design=b] .contact{font-size:14px;padding:15px}
body[data-design=b] .bottom{grid-column:2;padding:28px 5px;align-self:start}
/* C: portada centrada y accesos compactos */
body[data-design=c] header{max-width:960px}
body[data-design=c] main{max-width:960px;padding-top:30px}
body[data-design=c] .intro{flex-direction:column-reverse;text-align:center;gap:20px;margin-bottom:30px}
body[data-design=c] .intro h1{font-size:35px}
body[data-design=c] .photo{width:110px;height:110px;border-radius:50%;transform:none;border:5px solid #fff;box-shadow:0 0 0 1px var(--line)}
body[data-design=c] main>section[aria-label]{display:grid;grid-template-columns:2fr 1fr;gap:12px;align-items:start}
body[data-design=c] .actions{gap:12px}
body[data-design=c] .card{min-height:122px;padding:22px 20px;border-radius:26px;align-items:center}
body[data-design=c] .card strong{font-size:21px}
body[data-design=c] .card small{font-size:12px;line-height:1.4}
body[data-design=c] .talk{margin:0;display:contents}
body[data-design=c] .talk-toggle{background:var(--blue);border-color:var(--blue);color:white}
body[data-design=c] .talk-toggle strong{color:white}
body[data-design=c] .panel{grid-column:1/-1}
body[data-design=c] .contacts{grid-template-columns:repeat(3,1fr);padding-top:0}
body[data-design=c] .contact{border-radius:18px;min-height:68px;font-size:14px}
body[data-design=c] .contact:last-child{grid-column:auto}
body[data-design=c] .bottom{justify-content:center;padding-top:28px}
@media(max-width:760px){.picker-inner{flex-direction:column;align-items:flex-start;gap:9px}.picker-buttons{gap:6px}.picker-buttons button{padding:8px 12px}.design-caption{padding:13px 22px 0}body[data-design=b] main{grid-template-columns:1fr;gap:25px;padding-top:30px;max-width:600px}body[data-design=b] .intro{grid-template-columns:1fr 130px;align-items:center;gap:22px}body[data-design=b] .intro h1{font-size:32px}body[data-design=b] .photo{height:175px;border-radius:80px 80px 10px 10px}body[data-design=b] .bottom{grid-column:1;padding:0 5px 25px}body[data-design=b] .card{padding:20px 5px}body[data-design=b] .card strong{font-size:25px}body[data-design=c] main>section[aria-label]{grid-template-columns:1fr}body[data-design=c] .actions{grid-template-columns:1fr 1fr}body[data-design=c] .talk-toggle{grid-column:1}body[data-design=c] .card{min-height:108px;padding:20px 17px;border-radius:20px}body[data-design=c] .card strong{font-size:20px}body[data-design=c] .contacts{grid-template-columns:1fr 1fr}body[data-design=c] .contact:last-child{grid-column:1/-1}}
@media(max-width:390px){body[data-design=b] .intro{grid-template-columns:1fr 95px;gap:16px}body[data-design=b] .photo{height:135px}body[data-design=b] .intro h1{font-size:29px}body[data-design=c] .actions{grid-template-columns:1fr}body[data-design=c] .contacts{grid-template-columns:1fr}body[data-design=c] .contact:last-child{grid-column:auto}}
body[data-design=a] .talk-toggle{background:transparent;border-color:var(--line);color:var(--blue)}body[data-design=a] .talk-toggle strong{color:var(--red)}body[data-design=a] .talk-toggle:hover{border-color:var(--red)}body[data-design=a] .contact{background:var(--blue);border-color:var(--blue);color:#fff}body[data-design=a] .contact:hover{background:#233e61;border-color:#233e61}body[data-design=a] .contact img{filter:brightness(0) invert(1)}
.survey{max-width:900px;padding-top:32px}.survey .back{font-size:13px;text-decoration:underline;text-underline-offset:4px;display:inline-block;margin-bottom:28px}.survey h1{font-size:clamp(29px,4vw,40px)}.survey-intro{font-size:16px;margin:0 0 25px;max-width:650px}.steps{display:flex;list-style:none;padding:0;margin:0 0 18px;gap:10px}.steps li{flex:1;border-bottom:3px solid var(--line);padding:12px 0;font-size:13px;font-weight:bold;color:#697587}.steps li[aria-current]{border-color:var(--red);color:var(--red)}.survey-hint{font-size:12px;color:#697587;margin-bottom:25px}.survey h2{color:var(--red);font-size:22px;line-height:1.3;margin:0 0 24px}.survey-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.survey label{font-size:14px;font-weight:bold;display:flex;flex-direction:column;gap:9px}.survey input:not([type=radio]):not([type=checkbox]),.survey select,.survey textarea{font:inherit;font-size:16px;color:var(--blue);width:100%;border:1px solid #b9bdc5;padding:12px;background:#fff;border-radius:8px;min-height:48px}.survey textarea{resize:vertical;line-height:1.5}.survey input:focus-visible,.survey textarea:focus-visible,.survey select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.full{grid-column:1/-1}.simple-options{padding:0;border:0;margin:0;min-width:0}.simple-options legend{font-size:14px;font-weight:bold;margin-bottom:10px}.simple-options label{display:inline-flex;flex-direction:row;align-items:center;min-height:44px;margin-right:17px;font-weight:normal}.survey input[type=radio],.survey input[type=checkbox]{width:18px;height:18px;accent-color:var(--red);flex-shrink:0;margin:0}.rating-block{margin:0;padding:24px 0 18px;border:0;border-bottom:1px solid var(--line);min-width:0}.rating-block legend{float:left;width:100%;font-size:14px;line-height:1.55;font-weight:normal}.rating-title{display:block;color:var(--red);font-weight:bold;font-size:16px;margin-bottom:5px}.rating-controls{clear:both;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:12px;flex-wrap:wrap}.stars{display:flex;gap:6px}.survey .star-option{position:relative;display:grid;place-items:center;width:44px;height:48px;cursor:pointer;border-radius:6px}.star-option input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.star-option>span[aria-hidden]{font-size:34px;color:#c9ccd3;line-height:1;transition:color .15s,transform .15s}.star-option.filled>span[aria-hidden]{color:var(--red)}.star-option:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}.star-option:hover>span[aria-hidden]{transform:scale(1.12)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.survey .not-applicable{display:flex;flex-direction:row;align-items:center;gap:9px;font-size:12px;font-weight:normal;min-height:44px}.rating-answer{clear:both;font-size:12px;color:#697587;margin:5px 0 0;min-height:18px}.scale{font-size:13px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 16px}.scale summary{cursor:pointer;font-weight:bold;min-height:24px}.scale p{margin:10px 0 0}.recommendation-question,.complete-question{margin-top:26px}.survey #missing-field{margin-top:18px}.survey-actions{display:flex;justify-content:flex-end;gap:12px;margin:28px 0 15px}.survey-button,.secondary{border-radius:25px;padding:13px 23px;font-size:14px;font-weight:bold;border:1px solid var(--red);background:var(--red);color:#fff;min-height:46px}.secondary{background:transparent;color:var(--blue);border-color:var(--line)}.follow-up{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px;margin-top:26px}.follow-up h3{font-size:18px;color:var(--red);margin:0}.follow-up p{font-size:13px;margin:8px 0 15px}.survey .checkbox-label{flex-direction:row;align-items:center;margin:0 0 20px;font-weight:normal;font-size:13px;min-height:44px}.privacy{font-size:12px;color:#697587;line-height:1.6}.demo-warning{font-size:12px;border-left:3px solid var(--blue);padding:10px 15px;background:#eef1f5}.survey #survey-error{color:var(--red);font-size:13px}.result-row{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.result-row b{display:block;margin-bottom:3px}.survey #edit-response{margin-top:24px}@media(max-width:580px){.survey-grid{grid-template-columns:1fr}.full{grid-column:1}.steps li{font-size:11px}.rating-controls{gap:4px}.follow-up{padding:18px}.survey-actions{justify-content:space-between}.survey h2{font-size:21px}}

/* Keep the public privacy page reachable without client scripts. */
.privacy-link{font-size:12px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}footer{flex-wrap:wrap}