.breadcrumb{display:flex;gap:11px;align-items:center;padding-block:18px;color:var(--muted);font-size:11px}
.breadcrumb a{color:var(--purple);text-underline-offset:4px}
.chat-page-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.65fr);gap:52px;align-items:center;padding-block:8px 24px}
.chat-page-hero h1{font-size:clamp(38px,4.2vw,58px);max-width:20ch;line-height:1.08;margin-bottom:21px}
.chat-page-hero .eyebrow{font-size:10px}
.chat-page-hero .prose{font-size:14px;line-height:1.75;max-width:67ch}
.chat-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}
.chat-hero-actions .button{font-size:13px;min-height:47px}
.chat-hero-photo{height:320px;border:1px solid #634569;border-radius:60px 20px 20px 20px;position:relative;overflow:hidden}
.chat-hero-photo img{height:100%;object-position:50% 22%}
.chat-hero-photo::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#130c1ae8)}
.chat-hero-photo>span{position:absolute;z-index:1;bottom:18px;left:20px;right:15px;font-size:12px;font-weight:600}
.chat-page-note{border-block:1px solid var(--line);padding-block:18px;font-size:14px;max-width:var(--max)}
.simulator-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:48px;align-items:center}
.simulator-intro h2{font-size:36px;max-width:17ch;margin-bottom:19px}
.simulator-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:40ch}
.simulator-disclaimer{padding:18px 20px;background:#261b31;border:1px solid #533a64;border-radius:14px;margin-top:23px;font-size:12px;color:var(--muted)}
.simulator-disclaimer strong{display:block;color:var(--purple);font-size:13px;font-weight:600;margin-bottom:6px}
.simulator-intro>.text-link{margin-top:19px;font-size:12px}
.simulator-window{border:1px solid #764975;border-radius:22px;background:#18111f;overflow:hidden;box-shadow:0 12px 40px #08050d55}
.simulator-head{display:flex;align-items:center;gap:12px;padding:17px 21px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#37203c66,#30223d66)}
.simulator-head img{width:44px;height:44px;border-radius:50%;border:1px solid #bd6c95;object-position:50% 17%}
.simulator-head strong{display:block;font-size:16px;line-height:1.5}
.simulator-head p{font-size:10px;color:var(--muted)}
.simulator-age{display:block;padding:3px 9px;font-size:10px;color:var(--pink);border:1px solid #7f3b5e;border-radius:7px;margin-left:auto}
.simulator-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px 6px}
.toolbar-label{font-size:10px;color:var(--muted)}
.simulator-moods{display:flex;gap:7px;flex-wrap:wrap}
.simulator-moods button,.simulator-quick button{font-family:inherit;font-size:10px;color:#d4c7df;padding:6px 11px;border-radius:50px;border:1px solid #5b456f;background:#23192e;cursor:pointer;line-height:1.45;min-height:31px}
.simulator-moods button[aria-pressed="true"]{color:#fff;border-color:#ad70d6;background:#5a315e}
.simulator-moods button:hover,.simulator-quick button:hover{border-color:var(--pink);color:#fff}
.simulator-messages{height:210px;overflow-y:auto;display:flex;flex-direction:column;gap:11px;padding:15px 20px;scrollbar-color:#77518a transparent;overscroll-behavior:auto}
.simulator-bubble{max-width:86%;padding:10px 13px;background:#2b2037;border:1px solid #493455;border-radius:2px 13px 13px 13px;color:#e0d5e8;font-size:12px;line-height:1.65;overflow-wrap:anywhere;flex-shrink:0}
.simulator-bubble b{font-size:10px;font-weight:600;color:#d9b6f4;display:block;margin-bottom:3px}
.simulator-bubble.is-user{align-self:flex-end;border-radius:13px 2px 13px 13px;background:#532238;border-color:#7b3658}
.simulator-bubble.is-user b{color:#ffc1dc}
.simulator-quick{display:flex;flex-wrap:wrap;gap:7px;padding:0 20px 13px}
.simulator-quick button{background:transparent}
.simulator-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:13px 20px;border-top:1px solid var(--line)}
.simulator-form input{min-width:0;border:1px solid #60476f;border-radius:12px;padding:12px;font-family:inherit;font-size:12px;line-height:1.5;background:#100c16;color:#f7effc;outline-offset:2px}
.simulator-form input::placeholder{color:#b8a7c5;opacity:1}
.simulator-form .button{font-family:inherit;font-size:12px;gap:12px;min-height:44px;padding:10px 16px;cursor:pointer}
.simulator-controls{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:0 20px 13px;color:#b6a5c4;font-size:10px}
.simulator-reset{border:0;background:none;font-family:inherit;font-size:10px;color:var(--purple);cursor:pointer;padding:6px 0;min-height:30px;text-underline-offset:4px}
.simulator-reset:hover{text-decoration:underline}
.simulator-footer{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;border-top:1px solid var(--line);padding:15px 20px 17px;background:#26182d88}
.simulator-footer .button{font-size:12px;min-height:44px;padding:11px 22px;gap:24px}
.simulator-footer p{font-size:9px;color:var(--muted)}
.simulator-form input:disabled,.simulator-form button:disabled,.simulator-quick button:disabled{opacity:.5;cursor:default}
.simulator-noscript{padding:13px 20px;font-size:12px;color:var(--muted)}
.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}
.chat-article{padding-top:7px}
.article-section{padding-block:28px;border-top:1px solid var(--line);scroll-margin-top:94px}
.article-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}
.article-number{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:1px solid #765071;font-size:10px;line-height:1;flex-shrink:0;color:var(--pink);margin-top:4px}
.article-heading h2{font-size:30px;max-width:33ch}
.article-body{padding-left:47px}
.article-body>.prose{max-width:100%;font-size:14px;columns:2;column-gap:35px}
.article-body>.prose p{break-inside:avoid}
.article-subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:24px}
.article-detail{min-width:0}
.article-detail h3{font-size:19px;margin-bottom:13px;max-width:29ch}
.article-detail .prose{font-size:13px}
.article-detail .button{font-size:12px;min-height:45px;padding:12px 20px}
.article-section#uso-responsable{background:#2e172b55;padding:24px;border:1px solid #5d3450;border-radius:18px;margin-block:12px}
.article-section#empezar{border:1px solid #795088;border-radius:18px;background:linear-gradient(115deg,#4b1d35,#342043);padding:28px;margin-block:20px}
.article-section#empezar .button{background:#f6e9f4;color:#3c1734;box-shadow:none}
.article-section#empezar .prose{color:#e3d1e9}
.article-lead{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:32px;align-items:center}
.article-lead-copy{grid-column:2;grid-row:1;min-width:0}
.article-lead-copy>.prose{max-width:100%;font-size:14px;line-height:1.8}
.article-lead .article-heading{gap:13px;margin-bottom:17px}
.article-lead .article-heading h2{max-width:29ch}
.article-lead .article-number{background:#34203b;box-shadow:0 0 22px #d62b6a14}
.article-photo{grid-column:1;grid-row:1;position:relative;isolation:isolate;align-self:stretch;min-height:265px;margin:0;overflow:hidden;border:1px solid #76516e;border-radius:28px 14px 28px 14px;background:var(--surface)}
.article-photo img{position:absolute;inset:0;width:100%;height:100%;object-position:50% 12%}
.article-photo::after{content:"";position:absolute;z-index:1;inset:55% 0 0;background:linear-gradient(transparent,#130b1bed);pointer-events:none}
.article-photo figcaption{position:absolute;z-index:2;inset:auto 18px 15px;color:#fff1fa;font-size:11px;font-weight:500;line-height:1.6;letter-spacing:.025em}
.article-lead-reverse{grid-template-columns:minmax(0,1.38fr) minmax(0,.62fr)}
.article-lead-reverse>.article-photo{grid-column:2;border-radius:14px 28px 14px 28px}
.article-lead-reverse>.article-lead-copy{grid-column:1}
.article-illustrated>.article-body{padding-left:0}
.article-illustrated .article-subgrid{gap:24px;margin-top:23px}
.article-illustrated .article-detail{padding:18px 20px;border:1px solid var(--line);border-left:2px solid #a4497a;border-radius:3px 16px 16px 3px;background:linear-gradient(120deg,#27192b88,#1a142155)}
.article-illustrated#empezar .article-photo{min-height:220px;border-color:#9b678f}
.article-media-card{padding:0;border:1px solid #5b3d61;border-radius:18px;overflow:hidden;background:var(--surface)}
.article-detail-photo{height:190px;min-height:0;border:0;border-radius:0}
.article-media-card>h3{max-width:none;margin:19px 20px 12px}
.article-media-card>.prose{padding:0 20px 20px}
@media(max-width:1000px){
  .chat-page-hero{gap:30px}
  .chat-page-hero h1{font-size:44px}
  .simulator-grid{gap:28px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
  .simulator-intro h2{font-size:30px}
  .simulator-toolbar{display:block}
  .toolbar-label{display:block;margin-bottom:8px}
  .article-lead,.article-lead-reverse{gap:25px}
}
@media(max-width:760px){
  .breadcrumb{padding-block:14px}
  .chat-page-hero{gap:24px;grid-template-columns:1fr;padding-bottom:21px;text-align:center}
  .chat-page-hero h1{max-width:23ch;margin-inline:auto;font-size:clamp(33px,7vw,46px)}
  .chat-page-hero .eyebrow{justify-content:center;font-size:9px}
  .chat-page-hero .prose{margin-inline:auto}
  .chat-hero-actions{justify-content:center}
  .chat-hero-photo{height:210px;border-top-left-radius:45px}
  .chat-hero-photo img{object-position:50% 20%}
  .chat-hero-photo>span{left:23px;bottom:15px;text-align:left}
  .chat-page-note{font-size:13px;padding-block:17px}
  .simulator-grid{grid-template-columns:1fr;gap:23px}
  .simulator-intro{text-align:center}
  .simulator-intro h2{font-size:31px;max-width:24ch;margin-inline:auto}
  .simulator-intro .eyebrow{justify-content:center}
  .simulator-intro>p:not(.eyebrow){max-width:58ch;margin-inline:auto}
  .simulator-disclaimer{max-width:60ch;margin:18px auto 0;padding:15px 19px}
  .simulator-toolbar{display:block;text-align:center}
  .toolbar-label{margin-bottom:8px}
  .simulator-window{width:100%;max-width:560px;margin-inline:auto}
  .simulator-messages{height:auto;overflow:visible}
  .simulator-moods,.simulator-quick{justify-content:center}
  .simulator-form{grid-template-columns:minmax(0,1fr);justify-items:stretch}
  .simulator-form .button{justify-self:center;min-width:120px}
  .simulator-controls{flex-direction:column;align-items:center;gap:4px;text-align:center}
  .simulator-intro>.text-link{margin-top:13px}
  .article-section{padding-block:24px}
  .article-heading h2{font-size:28px}
  .article-body{padding-left:0}
  .article-body>.prose{columns:1;font-size:14px}
  .article-subgrid{gap:22px;margin-top:22px}
  .article-detail h3{font-size:18px}
  .article-section#uso-responsable,.article-section#empezar{padding:23px}
  .article-lead,.article-lead-reverse{grid-template-columns:minmax(0,1fr);gap:20px}
  .article-lead>.article-photo,.article-lead>.article-lead-copy{grid-column:1;grid-row:auto}
  .article-lead>.article-photo{height:230px;min-height:0;border-radius:20px}
  .article-illustrated#empezar .article-photo{height:200px;min-height:0}
  .article-illustrated .article-subgrid{gap:18px;margin-top:20px}
}
@media(max-width:520px){
  .chat-page-hero h1{font-size:clamp(31px,9.2vw,40px)}
  .chat-hero-actions{display:grid;grid-template-columns:1fr;max-width:285px;margin-inline:auto}
  .chat-hero-actions .button{width:100%}
  .chat-hero-photo{height:180px}
  .simulator-toolbar{padding:13px 15px 5px}
  .toolbar-label{margin-bottom:8px}
  .simulator-moods{gap:6px}
  .simulator-moods button{padding:6px 10px;font-size:10px}
  .simulator-head{padding:15px}
  .simulator-messages{padding:13px 15px}
  .simulator-bubble{max-width:91%;font-size:12px}
  .simulator-quick{padding-inline:15px}
  .simulator-form{padding:12px 15px;gap:7px}
  .simulator-form input{font-size:16px;padding:11px 9px}
  .simulator-form .button{padding:10px 12px;font-size:11px;gap:8px}
  .simulator-controls{padding:0 15px 10px}
  .simulator-controls>p{max-width:22ch;padding-top:5px}
  .simulator-footer{padding:13px 15px 15px}
  .simulator-footer .button{width:100%;max-width:275px}
  .simulator-footer p{font-size:9px}
  .article-subgrid{grid-template-columns:1fr;gap:24px}
  .article-detail .prose{font-size:14px}
  .article-heading{gap:12px}
  .article-heading h2{font-size:26px}
  .article-number{width:27px;height:27px;margin-top:2px}
  .article-section#uso-responsable,.article-section#empezar{padding:21px}
  .article-lead>.article-photo{height:215px}
  .article-illustrated .article-detail{padding:17px}
  .article-detail-photo{height:175px}
}

.chat-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.chat-gallery-heading .eyebrow{margin-bottom:10px}
.chat-gallery-heading h2{font-size:34px;max-width:28ch}
.chat-gallery-copy{max-width:90ch;font-size:12px;line-height:1.8;color:var(--muted);margin:15px 0 22px}
.slider-controls{display:flex;align-items:center;gap:9px;flex-shrink:0}
.slider-controls[hidden]{display:none}
.slider-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid #80577f;background:#35213e;color:#f9e9f6;font-family:inherit;font-size:23px;cursor:pointer;transition:background .2s,border-color .2s}
.slider-controls button:hover:not(:disabled){border-color:var(--pink);background:#54284c}
.slider-controls button:disabled{opacity:.35;cursor:default}
.slider-status{min-width:61px;text-align:center;font-size:11px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}
.chat-character-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#90577d transparent;padding-bottom:12px}
.chat-character-track .character-card{scroll-snap-align:start;min-width:0}
.chat-character-track .character-photo{height:240px;aspect-ratio:auto}
.chat-character-track .character-photo img{object-position:50% 19%}
.chat-character-track .character-info>p:not(.character-traits){min-height:61px}
.slider-instructions{font-size:11px;color:var(--muted);margin-top:4px;text-align:center}
@media(max-width:1000px){
  .chat-character-track{grid-auto-columns:calc((100% - 36px)/3)}
  .chat-character-track .character-photo{height:230px}
}
@media(max-width:760px){
  .chat-gallery-heading{display:block;text-align:center}
  .chat-gallery-heading .eyebrow{justify-content:center}
  .chat-gallery-heading h2{font-size:30px;margin-inline:auto}
  .chat-gallery-copy{text-align:center;font-size:12px;max-width:56ch;margin:14px auto 19px}
  .slider-controls{justify-content:center;margin-top:17px}
  .chat-character-track{grid-auto-columns:calc((100% - 14px)/2);gap:14px}
  .chat-character-track .character-photo{height:215px}
}
@media(max-width:520px){
  .chat-gallery-heading h2{font-size:29px}
  .chat-character-track{grid-auto-columns:minmax(245px,86%)}
  .chat-character-track .character-photo{height:220px}
  .chat-character-track .character-info{padding:17px}
  .chat-character-track .character-info h3{font-size:25px}
  .chat-character-track .character-info>p:not(.character-traits){font-size:13px;min-height:66px}
  .chat-character-track .text-link{font-size:12px}
}