/* Commercial portfolio, scoped independently from the own-product catalogue. */
.solutions-section{padding-top:45px;background:linear-gradient(180deg,#11172533,transparent 65%)}
.solutions-section .section-header p{font-size:15px}
.solutions-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.solutions-collection{--solution-accent:#35dad0;--solution-glow:#35dad01c}
.solutions-collection[data-category=saas]{--solution-accent:#f7ab52;--solution-glow:#f7ab521c}
.solutions-collection[data-category=games]{--solution-accent:#b46aff;--solution-glow:#b46aff1c}
.solutions-collection[data-category=studio]{--solution-accent:#7cadff;--solution-glow:#387ded1c}
.solutions-content{animation:unfold .3s ease-out}
.solution-category-note{font-size:13px;line-height:1.85;color:var(--sub);max-width:900px;margin:0 0 24px}
.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.solution-card{min-width:0;border-radius:18px}
.solution-card:hover,.solution-card:focus-within{border-color:var(--solution-accent);box-shadow:0 14px 42px var(--solution-glow)}
.solution-copy{padding:25px;min-width:0}
.solution-copy>small{font-size:9px;letter-spacing:.08em;line-height:1.7}
.solution-copy h3{font-size:24px;line-height:1.18;letter-spacing:-.045em;margin:12px 0}
.solution-copy>p{font-size:13px;line-height:1.85;margin-bottom:18px}
.solution-status{font-size:10px;font-weight:700;border-radius:50px;padding:5px 10px;display:inline-flex;border:1px solid #8995b344;background:#8995b310;color:#c5cfe6;margin-bottom:16px}
.solution-status-demo{color:#9de4c4;border-color:#73cba340;background:#73cba30a}
.solution-status-development{color:#f4c98c;border-color:#e7a75940;background:#e7a7590a}
.solution-copy .solution-fiction{font-size:11px;color:#acbddb;line-height:1.7;margin-bottom:18px}
.solution-features-label{font-size:10px;color:var(--sub);margin-bottom:9px}
.solution-features{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 24px}
.solution-features li{font-size:10px;color:#c2cce1;border:1px solid var(--border);border-radius:6px;padding:4px 8px;line-height:1.6}
.solution-copy>.btn{margin-top:auto;white-space:normal;text-align:center}
.solution-catalog-action{margin-top:28px}
.solution-catalog-action .btn{white-space:normal}
.solution-preview{aspect-ratio:16/10;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 80% 0,var(--solution-glow),transparent 75%),#0e1524;border-bottom:1px solid var(--border);isolation:isolate}
.solution-preview>img{display:block;width:100%;height:100%;object-fit:contain}
.solution-mini{width:84%;height:76%;border:1px solid #8c9ed73b;border-radius:10px;background:#161f31;box-shadow:0 16px 30px #03061155;overflow:hidden;transform:rotate(-3deg);display:flex;flex-direction:column;padding:0 14px 13px;position:relative}
.solution-mini-top{display:flex;align-items:center;gap:4px;height:24px;flex-shrink:0;border-bottom:1px solid #8c9ed71c;margin:0 -14px 12px;padding:0 11px;background:#202b42}
.solution-mini-top i{display:block;width:4px;height:4px;background:#8897b8;border-radius:50%}
.solution-mini-caption{display:block;font-size:10px;line-height:1.3;font-weight:650;color:#d6e2fc;margin-bottom:12px}
.solution-mini-layout{display:grid;grid-template-columns:28px 1fr;gap:12px;flex:1;min-height:0}
.solution-mini-sidebar{display:flex;flex-direction:column;gap:9px;padding-top:4px}
.solution-mini-sidebar i{height:3px;background:#60749b;border-radius:3px}
.solution-mini-sidebar i:first-child{background:var(--solution-accent)}
.solution-mini-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.solution-mini-calendar i{border-radius:3px;background:#293850;min-height:8px}
.solution-mini-calendar i:nth-child(5n){background:var(--solution-accent);opacity:.8}
.solution-mini-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:end}
.solution-mini-dashboard i{background:linear-gradient(180deg,var(--solution-accent),#3e4e72);height:65%;opacity:.8;border-radius:4px 4px 0 0}
.solution-mini-dashboard i:nth-child(2n){height:90%}
.solution-mini-dashboard i:nth-child(3n){height:45%}
.solution-preview-tasks .solution-mini-dashboard{grid-template-columns:1fr;align-items:stretch;gap:5px}
.solution-preview-tasks .solution-mini-dashboard i{height:100%;border-radius:3px;background:linear-gradient(90deg,#35dad080 10%,#293850 10%)}
.solution-preview-workshop .solution-mini{transform:rotate(2deg);background:#172536}
.solution-preview-academy .solution-mini{transform:rotate(-2deg)}
.solution-game-board{display:grid;grid-template-columns:repeat(3,18px);gap:5px;align-self:center;margin:auto}
.solution-game-board i{width:18px;height:18px;background:var(--solution-accent);border-radius:4px;box-shadow:inset 0 2px 0 #ffffff55}
.solution-game-board i:nth-child(3n){background:#ff9dc3}
.solution-game-board i:nth-child(4n){background:#7ee6dc}
.solution-preview-promotion .solution-game-board i{border-radius:50%}
.solution-preview-education .solution-game-board i:nth-child(2n){opacity:.3}
.solution-preview-puzzle .solution-game-board i:first-child{visibility:hidden}
.solution-preview-games .solution-mini-caption{margin-top:12px}
.solution-mini-business{padding-bottom:17px}
.solution-mini-brand{font-size:11px;font-weight:700;line-height:1.1;margin-bottom:12px}
.solution-mini-heading{display:block;max-width:190px;font-size:23px;line-height:1.05;letter-spacing:-.045em;margin-bottom:12px;font-weight:750}
.solution-mini-items{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.solution-mini-items span{font-size:6px;border:1px solid currentColor;border-radius:4px;padding:3px 5px;opacity:.75}
.solution-preview-bella{background:linear-gradient(130deg,#493443,#b3919e)}
.solution-preview-bella .solution-mini{background:#faf4f2;color:#473344;border-color:#47334433}
.solution-preview-bella .solution-mini-top{background:#e9d9d9;border-color:#47334422}
.solution-preview-bella .solution-mini-brand,.solution-preview-bella .solution-mini-heading{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.solution-preview-motor{background:linear-gradient(130deg,#19252e,#44647c)}
.solution-preview-motor .solution-mini{background:#16212c;color:#e5eef5;transform:rotate(2deg)}
.solution-preview-motor .solution-mini-brand{font-style:italic}
.solution-preview-dance{background:linear-gradient(130deg,#342552,#8667ac)}
.solution-preview-dance .solution-mini{background:#e6dbfc;color:#302149;transform:rotate(-2deg)}
.solution-preview-dance .solution-mini-top{background:#c8b5e9}
@media(max-width:1050px){.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.solution-preview{aspect-ratio:16/9}.solution-mini-heading{font-size:27px}}
@media(max-width:750px){.solutions-section{padding-top:30px}.solution-grid{grid-template-columns:1fr}.solution-preview{aspect-ratio:16/9;max-height:260px}.solution-mini{max-width:340px}.solution-mini-heading{font-size:29px;max-width:220px}.solution-copy{padding:25px}.solution-category-note{font-size:12px}.solution-mini-items span{font-size:8px}.solution-game-board{grid-template-columns:repeat(3,24px);gap:7px}.solution-game-board i{width:24px;height:24px}}
@media(max-width:420px){.solution-mini-heading{font-size:23px}.solution-mini-items span{font-size:6px}.solution-game-board{grid-template-columns:repeat(3,20px);gap:5px}.solution-game-board i{width:20px;height:20px}.solution-mini-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.solutions-content{animation:none}.solution-card:hover{transform:none}}

/* Official Studio covers replace the old CSS browser illustrations. */
#soluciones .solution-preview.solution-project-cover{background:transparent;border-bottom:0}
#soluciones .solution-project-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;border:0;border-radius:0;box-shadow:none;transform:none}