/* IntegroIA Apps - capa autónoma compatible con styles.css corporativo */
.apps-page, .apps-page * { box-sizing: border-box; }
.apps-page { color:var(--fg); position:relative; z-index:1; min-width:0; }
.apps-shell { width:min(1160px,calc(100% - 64px)); max-width:1160px; margin:0 auto; padding:132px 0 80px; }
.apps-page .apps-inner { width:100%; max-width:100%; margin-inline:auto; min-width:0; }
.apps-page .apps-hero { position:relative; padding:14px 0 58px; margin:0; min-height:0; height:auto; display:block; text-align:left; overflow:visible; }
.apps-page .apps-hero .apps-heading { font-family:var(--font-sans); font-size:clamp(34px,4.1vw,56px); font-weight:600; letter-spacing:-.035em; line-height:1.13; max-width:970px; margin:12px 0 22px; word-break:normal; overflow-wrap:normal; }
.apps-page .apps-hero .lead {color:var(--fg-dim);font-size:clamp(17px,1.7vw,21px);line-height:1.65;max-width:830px;margin:0 0 22px;}
.apps-page .eyebrow {color:var(--accent);font-size:13px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;}
.apps-page .breadcrumbs {display:flex;flex-wrap:wrap;gap:9px;align-items:center;min-height:25px;padding:0;margin:0 0 26px;font-size:14px;color:var(--fg-dim);line-height:1.5;}
.apps-page .breadcrumbs a {color:var(--accent);text-decoration:none;}
.apps-page .actions {display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0;align-items:center;}
.apps-page .apps-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;background:var(--bg-card);border:1px solid var(--border);border-radius:13px;color:var(--fg);font-size:15px;font-weight:600;text-decoration:none;line-height:1.4;max-width:100%;text-align:center;transition:filter .2s;}
.apps-page .apps-button.primary {background:var(--accent);border-color:var(--accent);color:var(--bg);}
.apps-page .apps-button:hover {filter:brightness(1.08);}
.apps-page .apps-section {padding:50px 0;scroll-margin-top:120px;min-width:0;}
.apps-page .apps-section h2 {font-size:clamp(27px,3vw,36px);line-height:1.2;margin:0 0 16px;letter-spacing:-.025em;}
.apps-page .sub {color:var(--fg-dim);max-width:800px;margin:0 0 24px;}
.apps-page .apps-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0;}
.apps-page .apps-grid.cards3 {grid-template-columns:repeat(3,minmax(0,1fr));}
.apps-page .apps-grid > *, .apps-page .figure {min-width:0;}
.apps-page .apps-card, .apps-page details {background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:25px;min-width:0;overflow:hidden;}
.apps-page .apps-card h3 {font-size:22px;line-height:1.25;margin:8px 0 14px;}
.apps-page .apps-card p, .apps-page details p {color:var(--fg-dim);line-height:1.65;}
.apps-page img {max-width:100%;height:auto;}
.apps-page .apps-card img {display:block;width:100%;margin:15px 0 20px;border:1px solid var(--border);border-radius:12px;}
.apps-page .tag {display:inline-block;border-radius:100px;border:1px solid var(--border);padding:4px 11px;font-size:12px;color:var(--accent);}
.apps-page .features {padding-left:24px;line-height:1.8;}.apps-page .features li {margin:8px 0;}
.apps-page .band {padding:32px;border:1px solid var(--border);background:var(--bg-card);border-radius:22px;margin:30px 0;}
.apps-page .figure {margin:15px 0 30px;}.apps-page .figure figcaption {color:var(--fg-dim);font-size:14px;margin-top:11px;}
.apps-page .shot {display:block;width:100%;border:1px solid var(--border);border-radius:16px;}
.apps-page details {border-radius:12px;padding:17px 20px;margin:12px 0;}.apps-page summary {cursor:pointer;font-weight:600;}
.apps-page .formgrid {display:grid;grid-template-columns:1fr 1fr;gap:18px;}.apps-page .field {display:flex;flex-direction:column;gap:7px;margin-bottom:16px;}
.apps-page .field input,.apps-page .field select,.apps-page .field textarea {width:100%;background:var(--bg-card);border:1px solid var(--border);color:var(--fg);padding:12px 14px;border-radius:12px;font:inherit;}
.apps-page .field label {font-weight:600;}.apps-page .notice {border-left:3px solid var(--accent);padding:13px 18px;background:var(--bg-card)}
.apps-page .aside {font-size:14px;color:var(--fg-dim);}
.apps-page a:focus-visible,.apps-page button:focus-visible {outline:3px solid var(--accent);outline-offset:3px;}
/* Cabecera: evita que la navegacion pueda ampliar el viewport */
#main-nav { max-width:min(var(--maxw), calc(100% - 32px)); }
#main-nav .nav-links {min-width:0;}
#main-nav .nav-links a {font-size:13px;white-space:nowrap;padding:8px 9px;}
@media(max-width:1050px){#main-nav .nav-links a {font-size:12px;padding:8px 6px;}}
@media(max-width:900px){.apps-page .apps-grid.cards3 {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:790px){.apps-shell {width:calc(100% - 36px);padding:112px 0 54px;}.apps-page .apps-hero {padding:12px 0 32px;}.apps-page .apps-hero .apps-heading {font-size:clamp(30px,6.7vw,44px);line-height:1.17;}.apps-page .apps-hero .lead {font-size:17px;}.apps-page .apps-grid,.apps-page .apps-grid.cards3,.apps-page .formgrid {grid-template-columns:1fr;}.apps-page .apps-section {padding:34px 0;scroll-margin-top:105px;}.apps-page .apps-card{padding:20px;}#main-nav .nav-links a {font-size:16px;padding:10px 12px;}}
@media(max-width:420px){.apps-shell {width:calc(100% - 30px);}.apps-page .apps-hero .apps-heading {font-size:clamp(29px,8vw,35px);}.apps-page .actions .apps-button {width:100%;}.apps-page .band {padding:21px;}}