:root{--ap-blue:#0868df;--ap-navy:#07164a;--ap-text:#1a2947;--ap-muted:#64738f;--ap-border:#d8e3f0;--ap-soft:#edf6ff}
.ap-product,.ap-product *{box-sizing:border-box}.ap-product{max-width:1220px;margin:0 auto;padding:0 28px 46px;color:var(--ap-text);font-family:inherit}.ap-breadcrumb{display:flex;align-items:center;gap:9px;margin:0 calc(50% - 50vw) 20px;padding:15px max(28px,calc((100vw - 1164px)/2));color:#385a88;background:#f1f8ff;border-bottom:1px solid #e3effa;font-size:14px;white-space:nowrap;overflow:hidden}.ap-breadcrumb a{color:#0868df;text-decoration:none}.ap-breadcrumb strong{overflow:hidden;text-overflow:ellipsis}.ap-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:32px;align-items:start}.ap-cover{overflow:hidden;border-radius:8px;background:#edf3f9;aspect-ratio:16/9}.ap-cover img{display:block;width:100%;height:100%;object-fit:cover}.ap-category{display:inline-flex;margin-bottom:10px;padding:5px 13px;color:#0868df;font-size:13px;font-weight:750;background:#eaf4ff;border-radius:999px}.ap-summary h1{margin:0 0 8px;color:var(--ap-navy);font-size:clamp(30px,3vw,39px);line-height:1.12;letter-spacing:-.035em}.ap-short p{margin:0 0 14px;color:var(--ap-muted);font-size:16px;line-height:1.45}.ap-meta-card{padding:12px 18px;background:#fff;border:1px solid var(--ap-border);border-radius:8px}.ap-meta-card>div,.ap-resource>div{display:grid;grid-template-columns:24px 155px 1fr;gap:8px;align-items:center;min-height:34px;color:#667694;font-size:14px}.ap-meta-card b,.ap-resource b{color:#41516e;font-weight:500}.ap-icon{color:var(--ap-blue);font-size:20px;font-weight:800}.ap-actions{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:12px}.ap-button{display:flex;align-items:center;justify-content:center;min-height:46px;padding:9px 14px;font-size:15px;font-weight:750;text-decoration:none;border-radius:7px;transition:.18s}.ap-button--primary{color:#fff;background:var(--ap-blue)}.ap-button--primary:hover{color:#fff;background:#0058c5}.ap-button--outline{color:var(--ap-blue);background:#fff;border:1.5px solid var(--ap-blue)}.ap-button--outline:hover{color:#fff;background:var(--ap-blue)}.ap-button.is-disabled{opacity:.5;pointer-events:none}.ap-details{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;margin-top:34px}.ap-panel{padding:17px 20px;background:#fff;border:1px solid var(--ap-border);border-radius:8px}.ap-panel h2,.ap-related h2{margin:0 0 12px;color:var(--ap-navy);font-size:22px;line-height:1.2}.ap-description{color:#5d6d87;font-size:14px;line-height:1.5}.ap-description p{margin:0 0 9px}.ap-resource{display:flex;flex-direction:column;justify-content:flex-start}.ap-resource>div{grid-template-columns:24px 145px 1fr;min-height:41px}.ap-related{margin-top:24px}.ap-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ap-related-card{display:grid;grid-template-columns:145px minmax(0,1fr);overflow:hidden;min-width:0;background:#fff;border:1px solid var(--ap-border);border-radius:8px}.ap-related-card__image{display:block;min-height:145px;background:#eef3f8}.ap-related-card__image img{display:block;width:100%;height:100%;object-fit:cover}.ap-related-card__body{display:flex;flex-direction:column;min-width:0;padding:10px}.ap-related-card__body>span{align-self:flex-start;padding:3px 7px;color:#0868df;font-size:10px;font-weight:750;background:#eaf4ff;border-radius:999px}.ap-related-card h3{display:-webkit-box;overflow:hidden;margin:5px 0;font-size:13px;line-height:1.28;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ap-related-card h3 a{color:#13244a;text-decoration:none}.ap-related-card p{display:-webkit-box;overflow:hidden;margin:0 0 7px;color:#66758d;font-size:11px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ap-related-card__button{display:flex;align-items:center;justify-content:center;margin-top:auto;padding:7px;color:#fff;font-size:12px;font-weight:750;text-decoration:none;background:var(--ap-blue);border-radius:5px}.ap-related-card__button:hover{color:#fff;background:#0058c5}
@media(max-width:900px){.ap-hero,.ap-details{grid-template-columns:1fr}.ap-related__grid{grid-template-columns:1fr}.ap-related-card{grid-template-columns:130px 1fr}}
@media(max-width:620px){.ap-product{padding:0 15px 35px}.ap-breadcrumb{margin-bottom:14px;padding:12px 15px;font-size:12px}.ap-hero{gap:18px}.ap-summary h1{font-size:29px}.ap-meta-card>div,.ap-resource>div{grid-template-columns:22px 132px 1fr;font-size:13px}.ap-actions{grid-template-columns:1fr}.ap-details{margin-top:22px}.ap-panel{padding:16px}.ap-related-card{grid-template-columns:112px 1fr}.ap-related-card__image{min-height:135px}}
.ap-viewer__heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}.ap-viewer__heading h1{margin:0;color:var(--ap-navy);font-size:clamp(28px,3vw,38px);line-height:1.15}.ap-viewer__actions{display:flex;gap:10px;min-width:max-content}.ap-viewer__frame{overflow:hidden;height:72vh;min-height:540px;background:#f2f6fa;border:1px solid var(--ap-border);border-radius:10px}.ap-viewer__frame iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:620px){.ap-viewer__heading{align-items:stretch;flex-direction:column}.ap-viewer__actions{display:grid;grid-template-columns:1fr;min-width:0}.ap-viewer__frame{height:68vh;min-height:440px}}

/* Iconos de metadatos: símbolos SVG de línea del diseño aprobado. */
.ap-icon{display:flex;align-items:center;justify-content:center;color:var(--ap-blue);font-size:inherit;font-weight:inherit}
.ap-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}