/* SmartCtrl Resources 2026 — estilos de la página resources/smartctrl-resources (solo se carga ahí). Todo va bajo #pscres. */
#pscres{--pscres-red:#c00000;--pscres-grey:#f4f4f4;--pscres-line:#e2e2e2;--pscres-mut:#6b6b6b;--pscres-top:0px;--pscres-offset:120px;font-family:Helvetica,Arial,sans-serif;color:#333;line-height:1.5;text-align:left}
#pscres *,#pscres *::before,#pscres *::after{box-sizing:border-box}
#pscres a{text-decoration:none;color:inherit;cursor:pointer}
#pscres a:focus-visible,#pscres button:focus-visible,#pscres summary:focus-visible{outline:2px solid var(--pscres-red);outline-offset:2px}
#pscres img{max-width:100%;height:auto}
#pscres h2,#pscres h3,#pscres h4{margin:0;padding:0;letter-spacing:0;text-transform:none}
#pscres p{margin:0}

/* Barra fija: anclas + filtro */
#pscres .pscres-bars{position:sticky;top:var(--pscres-top);z-index:30;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.07)}
#pscres .pscres-anch{display:flex;gap:4px;justify-content:center;padding:0 24px;border-bottom:1px solid var(--pscres-line);overflow-x:auto;scrollbar-width:none}
#pscres .pscres-anch::-webkit-scrollbar{display:none}
#pscres .pscres-anch a{flex:none;font:600 13px/1 Raleway,Helvetica,Arial,sans-serif;padding:16px 14px 13px;border-bottom:3px solid transparent;color:#444;white-space:nowrap}
#pscres .pscres-anch a:hover{color:var(--pscres-red)}
#pscres .pscres-anch a.on{color:var(--pscres-red);border-bottom-color:var(--pscres-red)}
#pscres .pscres-fbar{background:var(--pscres-grey);border-bottom:1px solid var(--pscres-line);padding:10px 0}
#pscres .pscres-fbar .pscres-in{display:flex;gap:14px;align-items:center}
#pscres .pscres-fbar b{flex:none;font:700 13px/1 Helvetica,Arial,sans-serif;color:#222}
#pscres .pscres-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
#pscres .pscres-chips::-webkit-scrollbar{display:none}
#pscres .pscres-chip{flex:none;border:1px solid #cfcfcf;background:#fff;padding:7px 14px;margin:0;font:600 13px/1.2 Helvetica,Arial,sans-serif;color:#333;cursor:pointer;border-radius:0;box-shadow:none}
#pscres .pscres-chip:hover{border-color:var(--pscres-red)}
#pscres .pscres-chip[aria-pressed=true]{background:var(--pscres-red);border-color:var(--pscres-red);color:#fff}
#pscres .pscres-fcount{flex:none;margin-left:auto;font-size:13px;color:var(--pscres-mut);white-space:nowrap}

/* Secciones */
#pscres .pscres-sec{padding:56px 0 60px;scroll-margin-top:var(--pscres-offset)}
#pscres .pscres-sec.grey{background:var(--pscres-grey)}
#pscres .pscres-in{max-width:1200px;margin:0 auto;padding:0 24px}
#pscres .pscres-st{display:flex;align-items:flex-start;gap:14px;margin:0 0 30px}
#pscres .pscres-st i{flex:none;display:block;width:34px;height:2px;background:var(--pscres-red);margin-top:15px}
#pscres .pscres-st h2{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;font:300 28px/1.25 Raleway,Helvetica,Arial,sans-serif;color:#333}
#pscres .pscres-cnt{font:600 13px/1.4 Helvetica,Arial,sans-serif;color:var(--pscres-red);border:1px solid var(--pscres-red);border-radius:12px;padding:0 9px}

/* Quick start */
#pscres .pscres-qcards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#pscres .pscres-qc{background:var(--pscres-grey);padding:22px 24px 14px}
#pscres .pscres-qc h3{font:700 17px/1.3 Helvetica,Arial,sans-serif;color:#222;margin:0 0 10px}
#pscres .pscres-qc p{font-size:15px;line-height:1.55;margin:0 0 18px}
#pscres .pscres-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #dcdcdc;font-size:15px;line-height:1.4}
#pscres .pscres-row:hover span{color:var(--pscres-red)}
#pscres .pscres-qc.contact{background:var(--pscres-red);color:#fff}
#pscres .pscres-qc.contact h3{color:#fff}
#pscres .pscres-btn{display:inline-block;background:#fff;color:var(--pscres-red);font:700 13px/1 Raleway,Helvetica,Arial,sans-serif;padding:12px 20px;margin-bottom:8px}
#pscres .pscres-btn:hover{background:#222;color:#fff}
#pscres .pscres-btn+.pscres-btn{margin-left:8px}
#pscres .pscres-btn.alt{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}
#pscres .pscres-btn.alt:hover{background:#fff;color:var(--pscres-red)}
#pscres .pscres-ic{flex:none;width:22px;height:24px}

/* Tarjetas */
#pscres .pscres-grid{display:grid;gap:22px}
#pscres .pscres-g5{grid-template-columns:repeat(5,1fr)}
#pscres .pscres-g4{grid-template-columns:repeat(4,1fr)}
#pscres .pscres-g3{grid-template-columns:repeat(3,1fr)}
#pscres .pscres-card{display:flex;flex-direction:column;background:var(--pscres-grey);min-width:0}
#pscres .pscres-sec.grey .pscres-card{background:#fff}
#pscres .pscres-card.hide,#pscres .pscres-feat.hide,#pscres .pscres-sec.hide{display:none}
#pscres a.pscres-card:hover .pscres-ct{color:var(--pscres-red)}
#pscres .pscres-th{display:block;margin:12px 12px 0;background:#fff;border:1px solid var(--pscres-line);aspect-ratio:300/194;overflow:hidden}
#pscres .pscres-th img{display:block;width:100%;height:100%;object-fit:cover}
#pscres .pscres-news .pscres-th{aspect-ratio:3/4}
#pscres .pscres-news .pscres-th img{object-position:top}
#pscres .pscres-lay .pscres-th{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
#pscres .pscres-lay .pscres-th img{width:42%;height:auto;object-fit:contain}
#pscres .pscres-cb{display:flex;flex-direction:column;flex:1;padding:12px 14px 14px}
#pscres .pscres-tag{display:block;font:700 11px/1.3 Helvetica,Arial,sans-serif;color:var(--pscres-red);margin:0 0 5px}
#pscres .pscres-ct{display:block;font:700 13px/1.4 Helvetica,Arial,sans-serif;color:#333;margin:0 0 10px}
#pscres .pscres-act{display:flex;align-items:flex-end;justify-content:flex-end;gap:3px;margin-top:auto;color:var(--pscres-red);font-size:11px}
#pscres .pscres-act svg{width:26px;height:28px}

/* Vídeos con miniatura (el iframe se carga al pulsar) */
#pscres .pscres-vid{background:transparent}
#pscres .pscres-vid .pscres-play,#pscres .pscres-feat .pscres-play{position:relative;display:block;width:100%;aspect-ratio:16/9;margin:0;padding:0;border:0;background:#222;overflow:hidden;cursor:pointer}
#pscres .pscres-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#pscres .pscres-play iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#pscres .pscres-play::after{content:"";position:absolute;left:50%;top:50%;width:52px;height:36px;margin:-18px 0 0 -26px;background:rgba(33,33,33,.85);border-radius:8px;transition:background .15s}
#pscres .pscres-play::before{content:"";position:absolute;z-index:1;left:50%;top:50%;margin:-9px 0 0 -6px;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
#pscres .pscres-play:hover::after{background:var(--pscres-red)}
#pscres .pscres-play.on::after,#pscres .pscres-play.on::before{display:none}
#pscres .pscres-vid .pscres-cb{padding:12px 14px 16px}
#pscres .pscres-vid .pscres-ct{margin:0}

/* Webinar destacado */
#pscres .pscres-feat{display:grid;grid-template-columns:3fr 2fr;gap:30px;align-items:center;margin:0 0 28px}
#pscres .pscres-badge{display:inline-block;background:var(--pscres-red);color:#fff;font:700 11px/1 Helvetica,Arial,sans-serif;padding:5px 9px}
#pscres .pscres-feat h3{font:300 26px/1.3 Raleway,Helvetica,Arial,sans-serif;color:#333;margin:12px 0 10px}
#pscres .pscres-feat p{font-size:15px;line-height:1.6;color:var(--pscres-mut)}
#pscres .pscres-feat p a{color:var(--pscres-red);text-decoration:underline}

/* FAQ */
#pscres .pscres-faq{columns:2;column-gap:44px}
#pscres .pscres-faq details{break-inside:avoid;border-bottom:1px solid var(--pscres-line);padding:12px 0}
#pscres .pscres-faq summary{display:flex;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;font-size:16px;line-height:1.45;color:#333}
#pscres .pscres-faq summary::-webkit-details-marker{display:none}
#pscres .pscres-faq summary::after{content:"";flex:none;width:22px;height:22px;margin-top:1px;background:#e3e3e3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6 9l5 5 5-5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center/22px no-repeat}
#pscres .pscres-faq details[open] summary::after{background-color:var(--pscres-red);transform:rotate(180deg)}
#pscres .pscres-faq summary:hover{color:var(--pscres-red)}
#pscres .pscres-a{padding:12px 0 4px;font-size:15px;line-height:1.7;color:#444}
#pscres .pscres-a p{margin:0 0 12px}
#pscres .pscres-a ul{margin:0 0 12px 20px;padding:0;list-style:disc}
#pscres .pscres-a li{margin:0 0 6px}
#pscres .pscres-a a{color:var(--pscres-red);text-decoration:underline}
#pscres .pscres-a table{border-collapse:collapse;margin:0 0 12px;max-width:100%}
#pscres .pscres-a td{padding:0 12px 8px 0;vertical-align:top;border:0;background:none}

/* FAQ en grupos (una columna por grupo, con su título) */
#pscres .pscres-faqg{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;align-items:start}
#pscres .pscres-fgroup h3{font:700 18px/1.3 Helvetica,Arial,sans-serif;color:#222;margin:0 0 4px;padding-bottom:10px;border-bottom:2px solid var(--pscres-red)}
#pscres .pscres-faq.pscres-faq1{columns:1}

/* Tarjeta ancha de documentación (páginas con una sola lista larga): la lista en dos columnas y el contacto al lado */
#pscres .pscres-qcards.pscres-two{grid-template-columns:2fr 1fr}
#pscres .pscres-qc.wide .pscres-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}

@media (max-width:1000px){
 #pscres .pscres-g5,#pscres .pscres-g4{grid-template-columns:repeat(3,1fr)}
 #pscres .pscres-qcards,#pscres .pscres-qcards.pscres-two{grid-template-columns:1fr}
}
@media (max-width:760px){
 #pscres .pscres-g5,#pscres .pscres-g4,#pscres .pscres-g3{grid-template-columns:repeat(2,1fr);gap:14px}
 #pscres .pscres-sec{padding:40px 0 44px}
 #pscres .pscres-st h2{font-size:24px}
 #pscres .pscres-feat{grid-template-columns:1fr;gap:14px}
 #pscres .pscres-faq{columns:1}
 #pscres .pscres-faqg{grid-template-columns:1fr;gap:28px 0}
 #pscres .pscres-qc.wide .pscres-rows{grid-template-columns:1fr}
 #pscres .pscres-anch{justify-content:flex-start;padding:0 8px}
 #pscres .pscres-fbar .pscres-in{padding:0 12px}
 #pscres .pscres-fcount{display:none}
}
@media (max-width:480px){
 #pscres .pscres-g5,#pscres .pscres-g4,#pscres .pscres-g3{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){#pscres *{transition:none!important}}

/* Engineering Services Resources (página 2633): el título de cabecera (36pt en línea, fuera de #pscres) se parte en móvil y deja la barra roja entre dos líneas */
@media (max-width:760px){
 .page-id-2633 .fusion-text [style*="36pt"]{font-size:min(26px,5.8vw)!important;line-height:1.25!important}
 .page-id-2633 .fusion-text img.wp-image-1013{height:30px;width:auto;margin:0 12px 0 0}
}

/* Tarjeta de contacto dentro de una rejilla de tarjetas (ocupa dos columnas) y separador entre bloques */
#pscres .pscres-grid>.pscres-qc.contact{grid-column:span 2}
#pscres .pscres-gap{height:36px}
#pscres .pscres-covers{display:contents}
@media (max-width:480px){
 #pscres .pscres-grid>.pscres-qc.contact{grid-column:auto}
}

/* Página padre /resources/: introducción y 4 tarjetas de producto con enlaces directos a las secciones */
#pscres.pscres-parent{padding:0 0 64px}
#pscres.pscres-parent p:not([class]){display:contents}  /* wpautop mete <p> sin clase alrededor de enlaces sueltos: que no sean un elemento más de la tarjeta */
#pscres .pscres-in.flush{max-width:1248px}
#pscres .pscres-lead{font-size:17px;line-height:1.8;color:#444;max-width:860px;margin:0 0 38px}
#pscres .pscres-pc{display:flex;flex-direction:column;background:var(--pscres-grey);min-width:0}
#pscres .pscres-pc .pscres-ph{display:block;margin:12px 12px 0;aspect-ratio:16/10;border:1px solid #d6d6d6;background:#fff;overflow:hidden}
#pscres .pscres-pc .pscres-ph a,#pscres .pscres-pc .pscres-ph img{display:block;width:100%;height:100%}
#pscres .pscres-pc .pscres-ph img{object-fit:cover}
#pscres .pscres-lg{display:flex;align-items:center;height:78px;padding:14px 20px 0}
#pscres .pscres-lg a{display:block}
#pscres .pscres-lg img{display:block;max-height:58px;max-width:100%;width:auto;height:auto;object-fit:contain}
#pscres .pscres-tg{font:700 15px/1.5 Helvetica,Arial,sans-serif;color:#333;margin:6px 20px 14px}
#pscres .pscres-ql{list-style:none;margin:0 20px 16px;padding:0}
#pscres .pscres-ql li{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #dcdcdc;padding:9px 0;margin:0;font-size:14px;line-height:1.4;list-style:none}
#pscres .pscres-ql li a{color:#333}
#pscres .pscres-ql li a:hover{color:var(--pscres-red)}
#pscres .pscres-ql li b{color:var(--pscres-red);font-weight:700}
#pscres .pscres-bt{display:flex;gap:10px;margin:auto 20px 20px;padding-top:6px;flex-wrap:wrap}
#pscres .pscres-b1,#pscres .pscres-b2{flex:1 1 auto;text-align:center;font:700 12px/1 Raleway,Helvetica,Arial,sans-serif;padding:13px 14px;white-space:nowrap}
#pscres .pscres-b1{background:var(--pscres-red);color:#fff}
#pscres .pscres-b2{background:#fff;color:var(--pscres-red);box-shadow:inset 0 0 0 2px var(--pscres-red)}
#pscres .pscres-b1:hover{background:#222}
#pscres .pscres-b2:hover{background:var(--pscres-red);color:#fff}