/* QR + NFC · dirección visual v573 */
.public-qr{--qr-ink:#0d2139;--qr-cyan:#12bfc9;--qr-blue:#4d79f6;--qr-green:#20b879;--qr-pink:#ed5e9b}
.public-qr .qr-symbol{display:block;width:1em;height:1em}
.public-qr .hero{background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(242,251,253,.72) 50%,rgba(249,242,255,.67));box-shadow:0 34px 95px rgba(14,35,57,.14),inset 0 1px 0 rgba(255,255,255,.95)}
.public-qr .hero-device{min-height:565px;isolation:isolate}
.public-qr .hero-device:before{content:"";position:absolute;z-index:-2;left:50%;top:52%;width:410px;height:410px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 20deg,rgba(18,191,201,.17),rgba(77,121,246,.12),rgba(237,94,155,.12),rgba(255,199,70,.12),rgba(18,191,201,.17));filter:blur(18px);animation:qrAuraSpin 20s linear infinite}
.public-qr .hero-device:after{content:"";position:absolute;z-index:-1;inset:8% 4%;border-radius:42px;background-image:radial-gradient(circle,rgba(17,73,105,.16) 1px,transparent 1.4px);background-size:22px 22px;mask-image:radial-gradient(circle at center,#000 20%,transparent 73%);opacity:.32}
.public-qr .phone-shell{width:284px;height:548px;padding:38px 15px 18px;border:0;border-radius:53px;background:linear-gradient(145deg,#11161d,#272e38);box-shadow:0 42px 90px rgba(14,35,57,.28),0 0 0 1px rgba(255,255,255,.14) inset,0 0 0 7px rgba(255,255,255,.42);overflow:hidden}
.public-qr .phone-shell:before{content:"";position:absolute;inset:8px;border-radius:45px;background:radial-gradient(170px 110px at 80% 0,rgba(18,191,201,.17),transparent 70%),linear-gradient(180deg,#fbfdff,#f2f7fb 58%,#f8fbfd);box-shadow:inset 0 1px 0 #fff;z-index:-1}
.public-qr .phone-shell:after{inset:9px;border-radius:44px;border:1px solid rgba(255,255,255,.8);box-shadow:0 0 44px rgba(255,255,255,.28) inset}
.public-qr .phone-top{top:13px;width:92px;height:27px;background:linear-gradient(180deg,#151a20,#080a0d);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 5px 12px rgba(0,0,0,.28)}
.public-qr .phone-logo{width:125px;height:40px;margin:7px auto 4px}
.public-qr .phone-title{margin:5px 0 10px;color:#10243c;font-size:17px;letter-spacing:-.025em}
.public-qr .phone-title:after{content:"";display:block;width:34px;height:3px;margin:7px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--qr-cyan),var(--qr-blue),var(--qr-pink));opacity:.8}
.public-qr .phone-list{gap:7px}
.public-qr .phone-list div{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:1px;min-height:61px;padding:8px 11px;border:1px solid rgba(30,62,91,.07);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(247,250,253,.84));box-shadow:0 8px 19px rgba(14,35,57,.055);animation:none;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease,background .32s ease}
.public-qr .phone-list div:after{content:"›";position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#a1adbb;font-size:19px;font-weight:700;transition:transform .28s ease,color .28s ease}
.public-qr .phone-list div.is-active{transform:translateX(4px) scale(1.015);border-color:rgba(18,191,201,.2);background:linear-gradient(145deg,#fff,#edfafd);box-shadow:0 13px 27px rgba(14,35,57,.10)}
.public-qr .phone-list div.is-active:after{transform:translate(2px,-50%);color:#159aa5}
.public-qr .phone-list span{grid-column:1;grid-row:1/3;width:38px;height:38px;border-radius:12px;color:#087f89;background:linear-gradient(145deg,#e6fbfc,#d8f4f6);font-size:21px;box-shadow:0 5px 14px rgba(14,35,57,.06)}
.public-qr .phone-list div:nth-child(2) span{color:#9a6a00;background:linear-gradient(145deg,#fff4ce,#ffe8a0)}
.public-qr .phone-list div:nth-child(3) span{color:#0b8d59;background:linear-gradient(145deg,#e6faef,#cef3de)}
.public-qr .phone-list div:nth-child(4) span{color:#bd4a7d;background:linear-gradient(145deg,#ffe9f2,#ffd8e8)}
.public-qr .phone-list div:nth-child(5) span{color:#d06b24;background:linear-gradient(145deg,#fff1e0,#ffe2bd)}
.public-qr .phone-list b{grid-column:2;grid-row:1;font-size:13px;align-self:end;color:#11283f;padding-right:14px}
.public-qr .phone-list small{grid-column:2;grid-row:2;color:#738297;font-size:9.8px;line-height:1.2;padding-right:14px}
.public-qr .qr-float{right:-15px;bottom:12px;width:174px;padding:10px 10px 11px;border:1px solid rgba(255,255,255,.95);border-radius:26px;background:rgba(255,255,255,.84);box-shadow:0 26px 58px rgba(14,35,57,.18),0 0 0 1px rgba(18,191,201,.06) inset;transform:rotate(4deg)}
.public-qr .qr-float:before{content:"ESCANEA";position:absolute;left:50%;top:-10px;transform:translateX(-50%);padding:4px 9px;border-radius:999px;background:#102a43;color:#fff;font-size:8px;font-weight:900;letter-spacing:.12em;box-shadow:0 6px 16px rgba(14,35,57,.15)}
.public-qr .qr-float img{border-radius:17px;padding:2px;background:#fff}
.public-qr .nfc-orbit{left:1%;bottom:62px;width:100px;height:100px;background:rgba(255,255,255,.78);box-shadow:0 22px 52px rgba(14,35,57,.16)}
.public-qr .nfc-orbit>span.nfc-wave{width:34px;height:29px;display:flex;align-items:center;justify-content:flex-end;gap:3px;margin:0;color:var(--qr-cyan);letter-spacing:0;font-size:0}
.public-qr .nfc-wave i{display:block;border:2px solid currentColor;border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-radius:0 999px 999px 0;height:12px;width:6px}
.public-qr .nfc-wave i:nth-child(2){height:21px;width:9px}.public-qr .nfc-wave i:nth-child(3){height:29px;width:12px}
.public-qr .nfc-orbit b{margin-top:4px;color:#17304b;font-size:11px;letter-spacing:.12em}
.public-qr .floating-chip{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:16px;color:#19324e;background:rgba(255,255,255,.82);box-shadow:0 18px 40px rgba(14,35,57,.12)}
.public-qr .floating-chip .qr-symbol{width:18px;height:18px;color:#0c98a3}.public-qr .floating-chip b{font-size:11.5px}
.public-qr .chip-two .qr-symbol{color:#9a6a00}.public-qr .chip-three .qr-symbol{color:#0a9660}
.public-qr .section{border-color:rgba(30,62,91,.07);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(247,250,253,.68));box-shadow:0 18px 54px rgba(14,35,57,.065)}
.public-qr .action-card{min-height:96px;border-color:rgba(30,62,91,.075);background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(248,251,254,.82));box-shadow:0 12px 30px rgba(14,35,57,.06)}
.public-qr .action-icon{width:52px;height:52px;border-radius:17px;font-size:25px;animation:none;color:#176976}
.public-qr .action-icon .qr-symbol{width:27px;height:27px}
.public-qr .action-icon.cyan{color:#078993}.public-qr .action-icon.yellow{color:#936600}.public-qr .action-icon.green{color:#0a8755}.public-qr .action-icon.pink{color:#b94276}.public-qr .action-icon.blue{color:#3f68c5}.public-qr .action-icon.purple{color:#6c55c8}.public-qr .action-icon.orange{color:#c96925}.public-qr .action-icon.ink{color:#374151}
.public-qr .action-card:hover .action-icon{transform:scale(1.06) rotate(-2deg);box-shadow:0 10px 22px rgba(14,35,57,.10)}
.public-qr .action-icon{transition:transform .25s ease,box-shadow .25s ease}
.public-qr .qr-stage img{border-radius:22px;padding:13px;background:#fff;box-shadow:0 22px 48px rgba(14,35,57,.14),0 0 0 1px rgba(18,191,201,.09)}
.public-qr .feature-panel{border-color:rgba(30,62,91,.075);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(241,249,251,.78));box-shadow:0 18px 50px rgba(14,35,57,.07)}
@keyframes qrAuraSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:1020px){.public-qr .hero-device{min-height:540px}}
@media(max-width:760px){.public-qr .hero-device{min-height:485px}.public-qr .phone-shell{width:244px;height:470px;padding:34px 12px 14px;border-radius:47px}.public-qr .phone-shell:before{border-radius:39px}.public-qr .phone-list div{min-height:52px;padding:7px 9px;grid-template-columns:34px minmax(0,1fr)}.public-qr .phone-list span{width:34px;height:34px;border-radius:11px;font-size:19px}.public-qr .phone-list small{font-size:9px}.public-qr .qr-float{width:142px;right:0}.public-qr .nfc-orbit{width:80px;height:80px}.public-qr .floating-chip{padding:8px 10px}}
@media(max-width:520px){.public-qr .hero-device{min-height:430px}.public-qr .phone-shell{width:215px;height:418px;padding-top:31px}.public-qr .phone-logo{width:101px;height:33px}.public-qr .phone-title{font-size:14px;margin-bottom:7px}.public-qr .phone-list{gap:5px}.public-qr .phone-list div{min-height:47px;padding:6px 8px;grid-template-columns:31px minmax(0,1fr);column-gap:8px;border-radius:14px}.public-qr .phone-list span{width:31px;height:31px;font-size:17px}.public-qr .phone-list b{font-size:11px}.public-qr .phone-list small{display:none}.public-qr .qr-float{width:120px;right:-2%;bottom:2px}.public-qr .nfc-orbit{width:70px;height:70px;left:-1%;bottom:40px}.public-qr .floating-chip b{font-size:10px}.public-qr .floating-chip .qr-symbol{width:15px;height:15px}.public-qr .action-icon{width:48px;height:48px}.public-qr .action-icon .qr-symbol{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.public-qr .hero-device:before{animation:none}.public-qr .phone-list div{transition:none}}
/* v573.1 · lenguaje de producto: símbolos reales, superficies con profundidad y NFC sin texto ASCII */
.public-qr .action-card{position:relative;overflow:hidden;isolation:isolate;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease}
.public-qr .action-card:before{content:"";position:absolute;z-index:-1;width:150px;height:150px;right:-84px;bottom:-92px;border-radius:50%;background:radial-gradient(circle,rgba(18,191,201,.13),transparent 70%);transition:transform .35s ease,opacity .35s ease}
.public-qr .action-card:nth-child(3n+2):before{background:radial-gradient(circle,rgba(77,121,246,.12),transparent 70%)}
.public-qr .action-card:nth-child(3n):before{background:radial-gradient(circle,rgba(237,94,155,.11),transparent 70%)}
.public-qr .action-card:hover{transform:translateY(-5px);box-shadow:0 21px 46px rgba(14,35,57,.10);border-color:rgba(18,191,201,.18)}
.public-qr .action-card:hover:before{transform:scale(1.22)}
.public-qr .action-copy b{letter-spacing:-.018em}.public-qr .action-copy small{line-height:1.4}
.public-qr .feature-panel{position:relative;overflow:hidden}.public-qr .feature-panel:after{content:"";position:absolute;pointer-events:none;width:210px;height:210px;right:-95px;top:-105px;border-radius:50%;background:radial-gradient(circle,rgba(77,121,246,.11),transparent 70%)}
.public-qr .nfc-badge{display:flex!important;align-items:center!important;gap:8px!important}
.public-qr .nfc-miniwave{display:flex;align-items:center;justify-content:flex-end;gap:2px;width:24px;height:24px;color:#0caab4}
.public-qr .nfc-miniwave i{display:block;border:2px solid currentColor;border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-radius:0 999px 999px 0;width:4px;height:8px}
.public-qr .nfc-miniwave i:nth-child(2){width:6px;height:14px}.public-qr .nfc-miniwave i:nth-child(3){width:8px;height:20px}
@media(prefers-reduced-motion:reduce){.public-qr .action-card,.public-qr .action-card:before{transition:none!important}}

/* v622 · CTA principal de diseño antes de compra */
.qr-make-yours,.qr-big-design{font-size:18px!important;font-weight:900!important;min-height:58px!important;padding-inline:24px!important;box-shadow:0 18px 40px rgba(8,169,184,.18)}.qr-own-cta{padding-top:28px!important}.qr-own-banner{align-items:center!important}.qr-own-banner .banner-actions{min-width:min(100%,310px)}.qr-own-banner .button{width:100%;justify-content:center;text-align:center}.qr-own-banner h2{max-width:760px}.qr-own-banner p{max-width:800px}
@media(max-width:680px){.qr-make-yours,.qr-big-design{width:100%;font-size:17px!important}.qr-own-banner .banner-actions{width:100%;min-width:0}}