/* Lobo Bravo · segunda demo, sin modificar la copia original. */
:root {--lobo-yellow:#ffcb24;--lobo-ink:#10120f;--lobo-paper:#fffaf0;}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.lobo-avatar {display:block;flex-shrink:0;width:100px;height:100px;background-image:url('assets/lobo-bravo-poses-20261008.png');background-size:200% 200%;background-repeat:no-repeat;background-position:0 0;filter:drop-shadow(0 8px 8px #0002);transform-origin:50% 92%;}
.lobo-avatar[data-pose=point] {background-position:100% 0;}
.lobo-avatar[data-pose=recommend] {background-position:0 100%;}
.lobo-avatar[data-pose=celebrate] {background-position:100% 100%;}
.lobo-avatar.is-awake {animation:loboBreathe 5.8s ease-in-out infinite;}
@keyframes loboBreathe {0%,100% {transform:translateY(0) rotate(-1deg);} 48% {transform:translateY(-5px) rotate(1.5deg);} 62% {transform:translateY(-4px) rotate(.5deg);}}
.lobo-avatar.is-celebrating {animation:loboCelebrate .6s ease-out 2;}
@keyframes loboCelebrate {0%,100% {transform:translateY(0) rotate(0);} 35% {transform:translateY(-9px) rotate(-7deg);} 65% {transform:translateY(-5px) rotate(5deg);}}
.guide-eyebrow {display:block;color:#a77300;font-size:.58rem;font-weight:800;letter-spacing:.09em;line-height:1.4;}
.hero-guide-intro {display:flex;gap:15px;align-items:center;margin-top:32px;max-width:440px;}
.hero-guide-intro .lobo-avatar {width:96px;height:96px;}
.hero-guide-intro .guide-eyebrow {color:#c8caba;}
.hero-guide-intro strong {display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:1.8rem;color:#fffaf0;line-height:1.1;margin:5px 0 9px;}
.hero-guide-intro button {display:inline-block;background:none;color:#ffcb24;font-size:.65rem;font-weight:800;letter-spacing:.02em;padding:6px 0;text-decoration:underline;text-underline-offset:4px;margin-right:12px;}
.hero-guide-intro button:hover {color:#fffaf0;}
.plan-picker {display:grid;grid-template-columns:1fr 2fr;gap:42px;align-items:center;padding-block:60px 45px;}
.plan-intro h2 {font-size:clamp(2.25rem,3vw,3.25rem);line-height:1;margin:12px 0;}
.plan-intro .eyebrow {font-size:.65rem;color:#815b00;}
.plan-intro p {font-size:.85rem;color:#55594c;max-width:275px;line-height:1.6;margin:0;}
.plan-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;perspective:1000px;}
.plan-card {display:flex;flex-direction:column;align-items:stretch;text-align:left;position:relative;background:#10120f;color:#fffaf0;padding:22px 20px;border-radius:17px;border:1px solid #10120f;overflow:hidden;min-height:223px;transform:rotateX(var(--plan-x,0deg)) rotateY(var(--plan-y,0deg));transition:transform .2s,box-shadow .25s;transform-style:preserve-3d;}
.plan-card::after {content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--plan-light-x,50%) var(--plan-light-y,40%),#ffffff25,transparent 70%);transition:opacity .2s;}
.plan-card:hover {box-shadow:0 20px 32px #12130c1a;}
.plan-card:hover::after {opacity:1;}
.plan-number {display:flex;justify-content:space-between;color:#b7bbae;font-size:.6rem;font-weight:800;letter-spacing:.1em;align-items:center;margin-bottom:18px;}
.plan-number i {font-style:normal;font-size:23px;color:#ffcb24;line-height:1;}
.plan-card>b {font-family:'Barlow Condensed',Impact,sans-serif;font-size:1.85rem;line-height:1;margin-bottom:10px;}
.plan-card>span:not(.plan-number) {font-size:.69rem;line-height:1.45;}
.plan-card>strong {font-family:'Barlow Condensed',Impact,sans-serif;font-size:1.65rem;margin:9px 0;line-height:1.2;}
.plan-card>small {font-size:.55rem;font-weight:800;letter-spacing:.05em;margin-top:auto;color:#ffcb24;}
.plan-share {background:#ffcb24;color:#10120f;border-color:#ffcb24;}
.plan-share .plan-number,.plan-share .plan-number i,.plan-share>small {color:#292c1b;}
.plan-custom {background:#fffdf7;color:#10120f;border-color:#d7d5c7;}
.plan-custom .plan-number {color:#646650;}.plan-custom .plan-number i {color:#a97300;}.plan-custom>small {color:#735000;}
.lobo-feature {width:175px;height:175px;}
.lobo-inline-link {background:transparent;text-decoration:underline;text-underline-offset:5px;padding:10px 0;font-size:.68rem;font-weight:800;letter-spacing:.03em;color:#705000;}
#lobo-launcher {position:fixed;z-index:130;bottom:22px;right:24px;display:flex;gap:9px;align-items:center;background:#ffcb24;color:#10120f;padding:8px 16px 8px 10px;border:1px solid #eeaf00;border-radius:18px;box-shadow:0 12px 35px #0003;min-height:63px;text-align:left;transition:box-shadow .25s,translate .25s;}
#lobo-launcher .lobo-avatar {width:60px;height:60px;margin-top:-20px;filter:drop-shadow(0 4px 4px #0003);}
#lobo-launcher:hover {translate:0 -3px;box-shadow:0 15px 42px #0004;}
.launcher-copy small {display:block;font-size:.46rem;letter-spacing:.06em;font-weight:800;}
.launcher-copy b {display:block;font-size:.83rem;letter-spacing:.01em;margin-top:5px;}
.launcher-arrow {font-size:20px;margin-left:3px;}
#lobo-launcher[aria-expanded=true] {visibility:hidden;}
#lobo-nudge {position:fixed;z-index:129;right:24px;bottom:109px;width:256px;padding:20px 20px 18px;background:#fffaf0;border:1px solid #dfd8bb;border-radius:16px;box-shadow:0 15px 35px #0002;color:#10120f;}
#lobo-nudge::after {content:'';position:absolute;bottom:-7px;right:35px;width:12px;height:12px;background:#fffaf0;border-right:1px solid #dfd8bb;border-bottom:1px solid #dfd8bb;transform:rotate(45deg);}
#lobo-nudge b {font-size:.85rem;}#lobo-nudge p {font-size:.76rem;line-height:1.5;margin:7px 0 12px;}
#lobo-nudge button:not(.nudge-close) {font-size:.63rem;padding:10px 12px;border-radius:9px;font-weight:800;background:#10120f;color:#ffcb24;}
.nudge-close {position:absolute;right:5px;top:4px;background:none;color:#686b5c;font-size:20px;width:30px;height:30px;}
#lobo-panel {position:fixed;z-index:150;bottom:22px;right:24px;width:405px;height:min(760px,calc(100dvh - 125px));display:flex;flex-direction:column;background:#fffdf7;border:1px solid #d6d4c2;border-radius:22px;box-shadow:0 24px 80px #03050047;overflow:hidden;color:#10120f;}
#lobo-panel[hidden],#lobo-tour[hidden],#lobo-nudge[hidden] {display:none!important;}
.lobo-panel-header {display:flex;align-items:center;position:relative;gap:12px;padding:16px 17px 15px;background:#10120f;color:#fffaf0;flex-shrink:0;}
.lobo-panel-header .lobo-avatar {width:78px;height:78px;}
.lobo-panel-header .guide-eyebrow {color:#ffcb24;font-size:.5rem;}
.lobo-panel-header h2 {font-size:1.85rem;line-height:1;margin:5px 0;}
.lobo-panel-header p {font-size:.64rem;margin:0;color:#c4c9b7;line-height:1.5;}
.lobo-close {align-self:flex-start;margin-left:auto;width:32px;height:32px;background:#ffffff16;color:#fffaf0;border-radius:50%;font-size:22px;flex-shrink:0;}
.lobo-disclosure {padding:9px 17px;background:#f4eedc;font-size:.57rem;color:#5b604e;flex-shrink:0;display:flex;gap:6px;align-items:center;}
.lobo-disclosure i {width:5px;height:5px;border-radius:50%;background:#9c7400;}
#lobo-messages {padding:18px 16px 10px;overflow-y:auto;overscroll-behavior:contain;min-height:80px;flex:1;scrollbar-width:thin;scrollbar-color:#cac7b3 transparent;display:flex;flex-direction:column;gap:12px;}
.lobo-message {font-size:.79rem;line-height:1.6;white-space:pre-line;max-width:95%;padding:12px 14px;border-radius:13px;margin:0;word-break:break-word;}
.lobo-message.is-bot {background:#f1eedf;border:1px solid #e8e3d1;border-top-left-radius:3px;align-self:flex-start;}
.lobo-message.is-user {background:#ffcb24;align-self:flex-end;border-bottom-right-radius:3px;}
.lobo-message a {color:#604400;text-underline-offset:3px;}
.lobo-message p {margin:0;}
.lobo-product-card {border:1px solid #d8d3bf;border-radius:15px;overflow:hidden;background:#fffaf0;flex-shrink:0;}
.lobo-product-card>img {display:block;width:100%;height:135px;object-fit:cover;object-position:center;background:#10120f;}
.lobo-product-card>div {padding:12px 14px;}
.lobo-product-card h3,.lobo-product-card h4 {font-family:'Barlow Condensed',Impact,sans-serif;font-size:1.4rem;line-height:1.1;margin:0 0 8px;}
.lobo-product-card p {font-size:.74rem;line-height:1.6;margin:5px 0;white-space:pre-line;}
.lobo-product-card strong {font-family:'Barlow Condensed',Impact,sans-serif;font-size:1.7rem;}
.lobo-product-card small {font-size:.58rem;color:#61664e;display:block;line-height:1.5;}
.lobo-product-action {padding:11px 12px;border-radius:10px;background:#10120f;color:#ffcb24;font-size:.66rem;font-weight:800;margin:9px 7px 0 0;line-height:1.4;}
.lobo-product-action:disabled {opacity:.5;cursor:not-allowed;}
.lobo-product-action.is-primary {background:#ffcb24;color:#10120f;}
#lobo-options {display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px 13px;max-height:130px;overflow-y:auto;flex-shrink:0;border-top:1px solid #e9e5d4;background:#fffdf7;}
.lobo-option {background:#fffdf7;color:#353a29;border:1px solid #cccbb8;font-size:.64rem;font-weight:700;border-radius:999px;padding:9px 12px;line-height:1.25;}
.lobo-option:hover {background:#ffcb24;border-color:#d3a118;}
#lobo-form {display:flex;gap:7px;flex-shrink:0;margin:0 14px 7px;}
#lobo-form input {width:100%;min-width:0;font-size:.72rem;background:#f8f6ec;border:1px solid #cecbb9;border-radius:12px;padding:12px 13px;color:#10120f;}
#lobo-form button {flex-shrink:0;width:44px;background:#ffcb24;color:#10120f;border-radius:12px;font-size:23px;}
.lobo-privacy-note {display:block;font-size:.49rem;line-height:1.5;text-align:center;color:#70755f;padding:0 8px 10px;flex-shrink:0;}
.tour-spotlight {position:fixed;z-index:139;pointer-events:none;border:2px solid #ffcb24;border-radius:18px;box-shadow:0 0 0 5px #ffcb2425,0 0 35px #ffcb2429;}
#lobo-tour {position:fixed;z-index:145;left:24px;bottom:24px;display:flex;align-items:center;gap:16px;max-width:490px;padding:22px;background:#fffaf0;border:1px solid #d8c994;border-radius:20px;box-shadow:0 20px 75px #0003;color:#10120f;}
#lobo-tour>.lobo-avatar {width:94px;height:94px;}
.tour-copy {min-width:0;}.tour-counter {font-size:.58rem;letter-spacing:.07em;font-weight:800;color:#825a00;}
.tour-title {font-size:1.75rem;line-height:1.05;margin:7px 0 9px;}.tour-body {font-size:.77rem;line-height:1.55;margin:0;}
.tour-controls {display:flex;gap:7px;flex-wrap:wrap;margin-top:15px;}
.tour-controls button {font-size:.57rem;font-weight:800;letter-spacing:.02em;padding:10px;border-radius:8px;background:#eeead7;color:#10120f;}
.tour-controls button[data-guide=tour-next] {background:#10120f;color:#ffcb24;}
.tour-controls button[data-guide=tour-stop] {background:transparent;color:#646951;text-decoration:underline;text-underline-offset:3px;padding-inline:3px;}
.tour-controls button:disabled {opacity:.4;}
.lobo-tour-active #lobo-launcher {visibility:hidden;}
.lobo-guide-open #lobo-nudge,.lobo-tour-active #lobo-nudge {display:none!important;}
#lobo-panel button:focus-visible,#lobo-tour button:focus-visible,#lobo-launcher:focus-visible,.plan-card:focus-visible,.hero-guide-intro button:focus-visible {outline:3px solid #8f6200;outline-offset:4px;}
.mobile-bottom .lobo-avatar {width:27px;height:27px;filter:none;}
body:has(#admin-view:not([hidden])) #lobo-launcher,body:has(#admin-view:not([hidden])) #lobo-nudge,body:has(dialog[open]) #lobo-launcher,body:has(dialog[open]) #lobo-nudge {display:none;}
@media(max-width:1100px) {.plan-picker {gap:24px;grid-template-columns:1fr 2.5fr;}.plan-card {padding:20px 15px;}.plan-card>b {font-size:1.6rem;}.plan-intro h2 {font-size:2.3rem;}}
@media(max-width:700px) {
 .hero-guide-intro {grid-row:11;margin:22px 0 0;gap:12px;position:relative;z-index:3;}
 .hero-guide-intro .lobo-avatar {width:79px;height:79px;}.hero-guide-intro strong {font-size:1.45rem;}.hero-guide-intro button {font-size:.57rem;padding-block:7px;margin-right:13px;}
 .hero-guide-intro .guide-eyebrow {font-size:.5rem;}
 .plan-picker {display:block;padding-block:35px;}.plan-intro p {max-width:none;}.plan-intro h2 {font-size:2.5rem;margin:9px 0;}
 .plan-options {margin-top:20px;gap:9px;grid-template-columns:repeat(3,minmax(0,1fr));}
 .plan-card {min-height:210px;padding:15px 12px;border-radius:13px;transform:none!important;}.plan-number {margin-bottom:17px;}.plan-number i {font-size:18px;}
 .plan-card>b {font-size:1.35rem;line-height:1;}.plan-card>span:not(.plan-number) {font-size:.56rem;}.plan-card>strong {font-size:1.4rem;}.plan-card>small {font-size:.47rem;line-height:1.6;}
 .lobo-feature {width:108px;height:108px;}.lobo-inline-link {font-size:.57rem;}
 #lobo-launcher {display:none;}
 #lobo-launcher .lobo-avatar {width:44px;height:44px;margin-top:-11px;}.launcher-copy small {display:none;}.launcher-copy b {font-size:.68rem;margin:0;}.launcher-arrow {font-size:16px;}
 #lobo-nudge {display:none!important;}
 #lobo-panel {bottom:81px;right:9px;left:9px;width:auto;height:min(690px,calc(100dvh - 130px));border-radius:17px;}
 .lobo-panel-header {padding:12px 14px;gap:10px;}.lobo-panel-header .lobo-avatar {width:64px;height:64px;}.lobo-panel-header h2 {font-size:1.55rem;}.lobo-panel-header p {font-size:.59rem;}
 #lobo-messages {padding:14px 13px 8px;gap:10px;}.lobo-message {font-size:.78rem;padding:10px 12px;}
 .lobo-disclosure {font-size:.5rem;padding:8px 13px;}.lobo-product-card>img {height:115px;}
 #lobo-options {padding:9px 13px 11px;max-height:100px;}.lobo-option {font-size:.6rem;padding:9px 11px;}
 #lobo-form input {font-size:16px;padding:11px 10px;}#lobo-form input::placeholder {font-size:11px;}
 #lobo-tour {left:10px;right:10px;bottom:83px;max-width:none;padding:16px;gap:12px;border-radius:16px;}
 #lobo-tour>.lobo-avatar {width:64px;height:64px;align-self:flex-start;margin-top:14px;}.tour-title {font-size:1.45rem;}.tour-body {font-size:.72rem;}.tour-controls {gap:5px;margin-top:12px;}.tour-controls button {font-size:.5rem;padding:9px 8px;}
 .mobile-bottom button>span {font-size:.52rem;}
}
@media(max-width:360px) {.plan-card {padding:12px 9px;}.plan-card>b {font-size:1.2rem;}.plan-card>strong {font-size:1.2rem;}#lobo-tour>.lobo-avatar {display:none;}}
@media(prefers-reduced-motion:reduce) {
 .lobo-avatar.is-awake,.lobo-avatar.is-celebrating {animation:none!important;}.plan-card {transform:none!important;}
 .tour-spotlight,.plan-card,#lobo-launcher {transition:none;}#lobo-launcher:hover {translate:none;}
}