.integration{padding:120px 8vw;background:#eaf3f3;display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:8vw;align-items:center}
.integration-copy h2{font:700 clamp(38px,4vw,59px)/1.12 Manrope;letter-spacing:-.04em;margin:0}
.integration-copy h2 span{color:var(--blue)}
.integration-lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:690px;margin:30px 0 45px}
.integration-points{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid #bfd0d1;padding-top:28px}
.integration-points div{display:grid;grid-template-columns:28px 1fr;gap:10px}
.integration-points b{font:700 12px Manrope;color:var(--aqua)}
.integration-points p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}
.integration-points strong{color:var(--ink);font:700 15px Manrope}
.embed-demo{background:white;box-shadow:0 28px 80px rgba(9,45,68,.17);border-radius:3px;overflow:hidden;transform:rotate(1deg)}
.demo-bar{height:78px;background:var(--navy);color:white;padding:0 25px;display:flex;align-items:center;justify-content:space-between}
.demo-brand{display:flex;align-items:center;gap:12px}
.demo-brand span{width:42px;height:42px;border-radius:50%;background:var(--lime);color:var(--navy);display:grid;place-items:center;font-size:9px;font-weight:800}
.demo-brand strong{font:700 14px Manrope}
.demo-bar small{font-size:9px;letter-spacing:.12em;color:#9fc4cd}
.demo-body{padding:30px}
.demo-tag{font:700 10px Manrope;letter-spacing:.15em;color:var(--aqua)}
.demo-body h3{font:700 25px Manrope;margin:8px 0 25px}
.demo-body label,.demo-body legend{display:block;font-weight:700;font-size:13px;margin-bottom:9px}
.price-input{display:flex;border:1px solid #b9cbce;align-items:center;padding:0 15px}
.price-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,107,143,.1)}
.price-input input{width:100%;border:0;outline:0;padding:13px 0;font:700 20px Manrope;color:var(--ink)}
.price-input span{font-weight:700}
.demo-body>small{font-size:11px;color:#76898f;display:block;margin-top:7px}
.demo-body fieldset{border:0;padding:0;margin:25px 0 20px}
.term-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.term{background:white;border:1px solid #b9cbce;padding:13px;font:700 14px Manrope;color:var(--ink);cursor:pointer}
.term.active{background:var(--navy);border-color:var(--navy);color:white}
.result{display:grid;grid-template-columns:1.3fr .7fr;background:#eff6f5;padding:18px;gap:15px}
.result small{font-size:9px;letter-spacing:.12em;color:#698087;display:block}
.result strong{display:block;font:800 30px Manrope;color:var(--blue);margin:5px 0}
.result span{font-size:11px;color:var(--muted)}
.result b{display:block;margin-top:9px;font:700 16px Manrope}
.demo-badges{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.demo-badges span{font-size:11px;color:#526c74}
.demo-button{background:var(--lime);color:var(--navy);width:100%;font-size:13px}
.demo-button:hover{background:#dbe84c}
.demo-legal{font-size:9px;line-height:1.45;color:#72858b;margin:15px 0 0}
@media(max-width:1100px){.integration{grid-template-columns:1fr 430px;gap:5vw}.integration-points{grid-template-columns:1fr}}
@media(max-width:900px){.integration{grid-template-columns:1fr;padding:80px 25px}.integration-points{grid-template-columns:repeat(3,1fr)}.embed-demo{max-width:520px;width:100%;justify-self:center;transform:none}}
@media(max-width:560px){.integration-points{grid-template-columns:1fr}.demo-bar{padding:0 18px}.demo-bar>small{display:none}.demo-body{padding:22px}.result{grid-template-columns:1fr}.integration-copy h2{font-size:36px}}
.brand-logo img{display:block;width:235px;height:auto}
.language-switch{display:inline-flex;gap:8px;align-items:center;margin-left:10px;font:700 12px Manrope,sans-serif}
.language-switch a,.language-switch strong{color:inherit;text-decoration:none;border:1px solid currentColor;padding:5px 7px;border-radius:2px;opacity:.8}
.language-switch a:hover{opacity:1}
.language-switch strong{background:var(--navy);color:#fff;border-color:var(--navy);opacity:1}
.nav .brand-logo img{max-height:68px;object-fit:contain}
.footer-brand{background:#fff;padding:14px 18px;border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.14)}
.footer-brand img{width:220px;filter:none}
.steps{grid-template-columns:repeat(5,1fr)}
.roles{background:var(--navy);color:white;padding:110px 8vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}
.roles-heading h2{font:700 clamp(35px,4vw,55px)/1.13 Manrope;letter-spacing:-.04em;margin:0 0 25px}
.roles-heading>p:last-child{color:#b8ced4;font-size:17px;line-height:1.65}
.roles-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.22)}
.roles-grid article{padding:28px;border-bottom:1px solid rgba(255,255,255,.22)}
.roles-grid article:nth-child(odd){border-right:1px solid rgba(255,255,255,.22)}
.roles-grid span{font:700 11px Manrope;letter-spacing:.12em;color:var(--lime)}
.roles-grid p{font-size:16px;line-height:1.55;color:#d1e0e3;margin:12px 0 0}
@media(max-width:1100px){.steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.brand-logo img{width:205px}.nav .brand-logo img{max-height:58px}.roles{grid-template-columns:1fr;padding:80px 25px}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.nav .brand-logo img{width:175px}.roles-grid{grid-template-columns:1fr}.roles-grid article:nth-child(odd){border-right:0}.footer-brand img{width:200px}.steps{grid-template-columns:1fr}}
.registration{padding:120px 8vw;background:#eaf3f3;display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:start}
.registration-copy{position:sticky;top:130px}
.registration-copy h2{font:700 clamp(38px,4.3vw,62px)/1.1 Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 26px;color:var(--navy)}
.registration-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:var(--muted)}
.registration-note{border-top:1px solid #bdd0d1;margin-top:42px;padding-top:24px;display:flex;flex-direction:column;gap:7px}
.registration-note strong{font:700 16px Manrope,sans-serif;color:var(--navy)}
.registration-note span{font-size:14px;line-height:1.55;color:var(--muted)}
.registration-form{background:#fff;padding:48px;box-shadow:0 22px 65px rgba(9,45,68,.1)}
.registration-form fieldset{border:0;padding:0;margin:0 0 38px}
.registration-form legend{font:700 20px Manrope,sans-serif;color:var(--navy);margin-bottom:22px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.field{display:flex;flex-direction:column;gap:9px}
.field.full{grid-column:1/-1}
.field span{font:600 14px Manrope,sans-serif;color:var(--ink)}
.field b,.check b{color:var(--blue)}
.field input,.field select,.field textarea{width:100%;border:1px solid #b9cbce;background:#fff;padding:14px 15px;color:var(--ink);font:400 16px "DM Sans",sans-serif;border-radius:0}
.field textarea{resize:vertical;min-height:130px}
.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(21,160,164,.16);border-color:var(--aqua)}
.check{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;margin:16px 0;color:#4d646d;font-size:14px;line-height:1.55}
.check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--blue)}
.check a,.form-legal a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.form-legal{font-size:12px;line-height:1.6;color:#71858b;border-top:1px solid #d7e2e2;padding-top:19px;margin:25px 0}
.form-legal p{margin:0 0 8px}
.form-legal p:last-child{margin-bottom:0}
.form-submit{border:0;background:var(--navy);color:#fff;cursor:pointer;width:100%;font-family:Manrope,sans-serif}
.form-submit:hover{background:var(--blue)}
.form-help,.form-status{font-size:12px;color:#71858b;line-height:1.5;margin:12px 0 0}
.form-status{color:var(--blue);font-weight:600}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-submit[disabled]{cursor:wait;opacity:.7}
@media(max-width:900px){.registration{grid-template-columns:1fr;padding:80px 25px}.registration-copy{position:static}.registration-form{padding:38px}}
@media(max-width:560px){.form-grid{grid-template-columns:1fr}.registration-form{padding:28px 20px}.registration-copy h2{font-size:38px}}
.legal-page{background:#f2f7f6}
.legal-header{position:static}
.legal-main{max-width:980px;margin:0 auto;padding:72px 28px 100px}
.legal-main .eyebrow{margin-bottom:18px}
.legal-main h1{font:700 clamp(38px,5vw,62px)/1.08 Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 26px;color:var(--navy)}
.legal-main .legal-intro{font-size:19px;line-height:1.65;color:var(--muted);max-width:820px;margin:0 0 48px}
.legal-content{background:#fff;padding:54px 62px;box-shadow:0 18px 55px rgba(9,45,68,.08)}
.legal-content h2{font:700 25px/1.25 Manrope,sans-serif;color:var(--navy);margin:48px 0 16px}
.legal-content h2:first-child{margin-top:0}
.legal-content h3{font:700 18px/1.35 Manrope,sans-serif;color:var(--ink);margin:30px 0 10px}
.legal-content p,.legal-content li{font-size:16px;line-height:1.72;color:#435c67}
.legal-content ul{padding-left:22px}
.legal-content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.legal-data{list-style:none;padding:0!important;border-top:1px solid #d5e0e0}
.legal-data li{padding:12px 0;border-bottom:1px solid #d5e0e0}
.legal-table{width:100%;border-collapse:collapse;margin:22px 0}
.legal-table th,.legal-table td{border:1px solid #d5e0e0;padding:14px;text-align:left;vertical-align:top;font-size:14px;line-height:1.5}
.legal-table th{background:var(--navy);color:#fff;font-family:Manrope,sans-serif}
.legal-updated{margin-top:44px!important;color:#72858b!important;font-size:14px!important}
.legal-footer{flex-wrap:wrap}
@media(max-width:700px){.legal-main{padding:52px 18px 70px}.legal-content{padding:34px 22px}.legal-table{display:block;overflow-x:auto}.legal-main .legal-intro{font-size:17px}}

/* Gestor de consentimiento de cookies */
.cookie-consent[hidden],.cookie-preferences[hidden],.cookie-summary[hidden]{display:none!important}
.cookie-consent{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-end;justify-content:center;padding:24px}
.cookie-backdrop{position:absolute;inset:0;background:rgba(4,25,39,.62);backdrop-filter:blur(2px)}
.cookie-dialog{position:relative;width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;color:var(--ink);padding:34px 38px;box-shadow:0 24px 80px rgba(4,25,39,.34);border-top:5px solid var(--aqua)}
.cookie-dialog h2{font:700 clamp(25px,3vw,34px)/1.15 Manrope,sans-serif;letter-spacing:-.025em;color:var(--navy);margin:4px 0 14px}
.cookie-dialog p{font-size:15px;line-height:1.6;color:#4d646d;margin:0 0 12px}
.cookie-eyebrow{font:700 11px/1.2 Manrope,sans-serif!important;letter-spacing:.15em;color:var(--blue)!important}
.cookie-policy-link a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.cookie-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.cookie-action{min-height:48px;border:2px solid var(--navy);background:var(--navy);color:#fff;padding:11px 14px;font:700 14px/1.25 Manrope,sans-serif;cursor:pointer;border-radius:2px}
.cookie-action:hover,.cookie-action:focus-visible{background:var(--blue);border-color:var(--blue);outline:3px solid rgba(21,160,164,.2);outline-offset:2px}
.cookie-settings-link{border:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cookie-categories{margin:22px 0;border-top:1px solid #d5e0e0}
.cookie-category{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #d5e0e0;cursor:pointer}
.cookie-category strong{display:block;font:700 16px/1.3 Manrope,sans-serif;color:var(--navy);margin-bottom:4px}
.cookie-category small{display:block;font-size:13px;line-height:1.5;color:#60767e}
.cookie-category input{appearance:none;width:48px;height:26px;border-radius:20px;background:#a8b8bd;position:relative;cursor:pointer;transition:.2s}
.cookie-category input:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:.2s}
.cookie-category input:checked{background:var(--aqua)}
.cookie-category input:checked:before{transform:translateX(22px)}
.cookie-category input:disabled{opacity:1;cursor:not-allowed}
.cookie-category-required{cursor:default}
@media(max-width:650px){.cookie-consent{padding:12px}.cookie-dialog{padding:26px 20px;max-height:calc(100vh - 24px)}.cookie-actions{grid-template-columns:1fr}.cookie-action{width:100%}.cookie-category{gap:12px}}