/* EL ESTILO DE LA PORTADA NUEVA EN EL RESTO DEL SITIO (11-nov-2026). Solo se carga con ?portada=nueva (inc/portada-wp.php),
   que pone la clase «stt-taller» en el cuerpo. Lo común a todas las páginas: el pie, los botones y el buscador.
   El menú va en mega-menu-taller.css; las piezas de la portada y de los dos archivos, en portada.css. */

/* la cabecera del sitio, con su filete de tinta */
body.stt-taller .wp-site-blocks > header{border-bottom:2px solid #0B1B2B!important}

/* el pie: la misma banda de taller que abre la portada, y los enlaces subrayados en mostaza */
body.stt-taller .wp-site-blocks > footer{border-top:10px solid #F2C230;border-image:repeating-linear-gradient(-45deg,#F2C230 0 14px,#0B1B2B 14px 28px) 10}
body.stt-taller .wp-site-blocks > footer a{text-decoration-color:#F2C230;text-underline-offset:3px}

/* botones y campos, rectos y con filete (los de WordPress: 404, contacto, «Sobre mí», buscador) */
body.stt-taller .wp-block-button__link,body.stt-taller .wp-block-search__button,body.stt-taller .wp-block-search__input{border-radius:0}
body.stt-taller .wp-block-button__link{border:2px solid #0B1B2B;font-weight:600}
body.stt-taller .wp-block-search__input{border:2px solid #0B1B2B}
body.stt-taller .wp-block-search__button{border:2px solid #0B1B2B;margin-left:0}

/* la cabecera de los archivos (simuladores y unidades): oscura, como el arranque de la portada */
.stt-portada .pt-cab-archivo{background:var(--pt-tinta,#0B1B2B);color:#fff;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px}
.stt-portada .pt-cab-archivo .pt-ancho{padding-top:34px;padding-bottom:34px}
.stt-portada .pt-cab-archivo h1{font:600 clamp(2rem,4vw,3.1rem)/1.08 var(--wp--preset--font-family--serif,Spectral,Georgia,serif);letter-spacing:-.015em;margin:0 0 14px;color:#fff;max-width:22ch}
.stt-portada .pt-entradilla{max-width:68ch;font-size:1.12rem;line-height:1.6;color:#D6DEE7}
.stt-portada .pt-entradilla p{margin:0 0 .6em} .stt-portada .pt-entradilla p:last-child{margin-bottom:0}
.stt-portada .pt-entradilla strong{color:#fff}
.stt-portada .pt-entradilla a{color:#fff;text-decoration:underline;text-decoration-color:#F2C230;text-decoration-thickness:2px;text-underline-offset:4px}
.stt-portada.pt-archivo .pt-unidades{padding-bottom:56px}
.stt-portada.pt-archivo .pt-cajones{padding-bottom:56px}
@media (max-width:720px){ .stt-portada .pt-cab-archivo .pt-ancho{padding-top:24px;padding-bottom:26px} .stt-portada .pt-entradilla{font-size:1.02rem} }

/* ============================================================ el color de la familia de la página (ficha, unidad, entrada) */
body.stt-taller{--stt-fam:#F2C230;--stt-fam-papel:#FBE9A9}
body.stt-fam-maquinas{--stt-fam:#5A9BD8;--stt-fam-papel:#CFE3F8}
body.stt-fam-electricidad{--stt-fam:#F2C230;--stt-fam-papel:#FBE9A9}
body.stt-fam-diseno{--stt-fam:#FF6B6B;--stt-fam-papel:#FFD6CF}
body.stt-fam-control{--stt-fam:#10B981;--stt-fam-papel:#CFF3E3}

/* ============================================================ «Sigue aprendiendo» (fichas, unidades y entradas)
   Las mismas tarjetas de inc/directorio.php, sin tocar su HTML: rectas, con filete de tinta y sin sombra; la etiqueta, en
   mono y recta; donde no hay foto, un bloque del color de la familia en vez del emoji. */
body.stt-taller .stt-relacionadas{border-top:3px solid #0B1B2B;padding-top:2rem}
body.stt-taller .stt-relacionadas-titulo{font-weight:600}
body.stt-taller .stt-dir-grid{gap:14px}
body.stt-taller .stt-dir-card a{border:2px solid #0B1B2B;border-radius:0;box-shadow:none;transition:none}
body.stt-taller .stt-dir-card a:hover{transform:none;box-shadow:none;border-color:#0B1B2B}
body.stt-taller .stt-dir-card a:hover .stt-dir-card-t{text-decoration:underline;text-decoration-color:#F2C230;text-decoration-thickness:3px;text-underline-offset:4px}
body.stt-taller .stt-dir-thumb{border-bottom:2px solid #0B1B2B;background:#F3F1EA}
body.stt-taller .stt-dir-thumb--ph{font-size:0;background:var(--stt-fam-papel);background-image:linear-gradient(rgba(11,27,43,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(11,27,43,.07) 1px,transparent 1px);background-size:18px 18px;border-top:10px solid var(--stt-fam)}
body.stt-taller .stt-dir-card-badge{top:0;left:0;border-radius:0;background:#0B1B2B;font:500 .72rem var(--wp--preset--font-family--mono,'JetBrains Mono',monospace);letter-spacing:.06em;padding:.38em .7em}
body.stt-taller .stt-dir-card-t{font-weight:600;font-size:1.08rem}
body.stt-taller .stt-dir-card-x{color:#33414F;font-size:.88rem}
body.stt-taller .stt-dir-card-cta{color:#0B1B2B;font-size:.88rem}
body.stt-taller .stt-relacionadas-cta a{color:#0B1B2B;text-decoration:underline;text-decoration-color:#F2C230;text-decoration-thickness:2px;text-underline-offset:4px}

/* ============================================================ la ficha de un simulador
   Su contenido lo escribe el mu-plugin con estilos en línea: aquí se le cambia el aspecto con !important, sin tocarlo. */
body.stt-taller:is(.single-simulador,.single-simulador_en) .wp-block-post-title{font-weight:600;padding-bottom:.35em;border-bottom:3px solid #0B1B2B;margin-bottom:.5em}
/* el bloque y el curso, dos etiquetas rectas: la del bloque, con el color de la familia */
body.stt-taller:is(.single-simulador,.single-simulador_en) .wp-block-post-terms{display:flex;flex-wrap:wrap;gap:6px}
body.stt-taller:is(.single-simulador,.single-simulador_en) .wp-block-post-terms a{display:inline-flex;align-items:center;min-height:32px;padding:0 .7rem;border:1px solid #0B1B2B;color:#0B1B2B;text-decoration:none;font:500 .78rem var(--wp--preset--font-family--mono,'JetBrains Mono',monospace);letter-spacing:.05em;text-transform:uppercase}
body.stt-taller:is(.single-simulador,.single-simulador_en) .taxonomy-bloque_curricular a{background:var(--stt-fam)}
body.stt-taller:is(.single-simulador,.single-simulador_en) .wp-block-post-terms a:hover{background:#F2C230}
body.stt-taller:is(.single-simulador,.single-simulador_en) .wp-block-post-terms__separator{display:none}
/* el simulador sin cargar: una lámina oscura con cuadrícula, como el banco de la portada */
body.stt-taller figure.soytecno-iframe{border-radius:0!important;border:2px solid #0B1B2B!important;border-top:10px solid var(--stt-fam)!important;box-shadow:none!important;background:#0B1B2B!important;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)!important;background-size:28px 28px!important}
body.stt-taller figure.soytecno-iframe > div > div:first-child{border-radius:0!important;box-shadow:none!important;background:var(--stt-fam)!important}
body.stt-taller figure.soytecno-iframe > div > div:first-child svg{stroke:#0B1B2B}
body.stt-taller figure.soytecno-iframe > div > span{border-radius:0!important;background:#F2C230!important;color:#0B1B2B!important;font-size:1rem!important;padding:.8rem 1.4rem!important}
body.stt-taller figure.soytecno-iframe iframe{border-radius:0!important}
/* «pantalla completa» e «ir a la unidad»: dos botones rectos, también en el ordenador */
body.stt-taller:is(.single-simulador,.single-simulador_en) .wp-block-post-content > p.has-text-align-center{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:0!important;margin:1rem 0 2rem}
body.stt-taller:is(.single-simulador,.single-simulador_en) .wp-block-post-content > p.has-text-align-center a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 1.1rem;border:2px solid #0B1B2B;border-radius:0;background:#fff;color:#0B1B2B;font-size:.95rem;font-weight:600;text-decoration:none}
body.stt-taller:is(.single-simulador,.single-simulador_en) .wp-block-post-content > p.has-text-align-center a:first-child{background:#0B1B2B;color:#fff}
body.stt-taller:is(.single-simulador,.single-simulador_en) .wp-block-post-content > p.has-text-align-center a:hover{background:#F2C230;color:#0B1B2B}

/* la etiqueta de cada tipo, siempre en blanco sobre tinta (la de «Simulador» traía la letra oscura) */
body.stt-taller .stt-dir-card-badge,body.stt-taller .stt-badge-simulador,body.stt-taller .stt-badge-post{background:#0B1B2B;color:#fff}
/* la miniatura de un simulador, a la proporción de las de la portada */
body.stt-taller .stt-dir-thumb--sim{aspect-ratio:16/10;object-fit:cover;height:auto}
/* en el móvil el tema pone las etiquetas de bloque y curso en píldora: aquí, rectas */
body.stt-taller .wp-block-post-terms a{border-radius:0!important;border-color:#0B1B2B!important}

/* el botón de «play» del simulador sin cargar, con vida (lo pidió el profesor el 11-nov-2026): dos ondas que salen de él,
   una detrás de otra, y el triángulo que late un poco; al pasar el ratón por la lámina, el botón crece y el triángulo
   avanza. Con «reducir movimiento», quieto. */
body.stt-taller figure.soytecno-iframe > div > div:first-child{position:relative;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
body.stt-taller figure.soytecno-iframe > div > div:first-child::before,body.stt-taller figure.soytecno-iframe > div > div:first-child::after{content:"";position:absolute;inset:0;border:2px solid var(--stt-fam);pointer-events:none;opacity:0;animation:stt-onda 2.6s cubic-bezier(.2,.6,.3,1) infinite}
body.stt-taller figure.soytecno-iframe > div > div:first-child::after{animation-delay:1.3s}
body.stt-taller figure.soytecno-iframe > div > div:first-child svg{position:relative;animation:stt-late 2.6s ease-in-out infinite;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
@keyframes stt-onda{0%{transform:scale(1);opacity:.75}70%{opacity:0}100%{transform:scale(1.9);opacity:0}}
@keyframes stt-late{0%,100%{transform:scale(1)}12%{transform:scale(1.14)}24%{transform:scale(1)}}
@media (hover:hover) and (pointer:fine){
  body.stt-taller figure.soytecno-iframe:hover > div > div:first-child{transform:scale(1.1)}
  body.stt-taller figure.soytecno-iframe:hover > div > div:first-child svg{animation:none;transform:translateX(3px)}
  body.stt-taller figure.soytecno-iframe:hover > div > span{background:#fff!important}
}
body.stt-taller figure.soytecno-iframe:active > div > div:first-child{transform:scale(.96)}
@media (prefers-reduced-motion:reduce){ body.stt-taller figure.soytecno-iframe > div > div:first-child::before,body.stt-taller figure.soytecno-iframe > div > div:first-child::after,body.stt-taller figure.soytecno-iframe > div > div:first-child svg{animation:none} body.stt-taller figure.soytecno-iframe > div > div:first-child{transition:none} }

/* ============================================================ las páginas de área y de curso (y el directorio de unidades)
   La guía (inc/guias.php), los PDF (inc/materiales.php) y el directorio (inc/directorio.php), sin tocar su HTML. */
body.stt-taller:is(.tax-area,.tax-curso) main h1{font-weight:600;padding-bottom:.3em;border-bottom:3px solid #0B1B2B}
body.stt-taller .stt-guia h2,body.stt-taller .stt-materiales h2,body.stt-taller .stt-dir-area-h,body.stt-taller .stt-directorio h2{font-weight:600}
body.stt-taller .stt-guia a,body.stt-taller .stt-materiales a:not(.stt-mat-btn){color:#0B1B2B;text-decoration:underline;text-decoration-color:#F2C230;text-decoration-thickness:2px;text-underline-offset:3px}
/* los bloques de saberes: fichas rectas con un filete a la izquierda */
body.stt-taller .stt-guia-bloques li{border-radius:0;border:1px solid #0B1B2B;border-left:8px solid #F2C230;background:#fff;box-shadow:none}
/* la tabla de cursos, como el horario: cabecera en tinta y filetes */
body.stt-taller .stt-guia-tabla{border-radius:0;border:2px solid #0B1B2B;box-shadow:none;background:#fff;overflow-x:auto}
body.stt-taller .stt-guia-tabla caption{font-family:var(--wp--preset--font-family--mono,'JetBrains Mono',monospace);font-weight:500;letter-spacing:.04em}
body.stt-taller .stt-guia-tabla th,body.stt-taller .stt-guia-tabla td{border-color:#0B1B2B}
body.stt-taller .stt-guia-tabla thead th{background:#0B1B2B;color:#fff}
body.stt-taller .stt-guia-tabla tbody th{background:#FBE9A9;color:#0B1B2B}
/* las preguntas frecuentes, rectas */
body.stt-taller .stt-guia details{border-radius:0;border:1px solid #0B1B2B;box-shadow:none;background:#fff}
body.stt-taller .stt-guia details[open]{border-left:8px solid #F2C230}
/* los PDF: cada uno, una ficha recta; «Ver» y «Descargar», dos botones rectos */
body.stt-taller .stt-mat-lista li,body.stt-taller .stt-mat-post{border-radius:0;border-color:#0B1B2B;box-shadow:none}
body.stt-taller .stt-materiales .stt-mat-btn{border-radius:0;border:2px solid #0B1B2B;background:#fff;color:#0B1B2B;font-weight:600;text-decoration:none}
body.stt-taller .stt-materiales .stt-mat-btn--descargar{background:#0B1B2B;color:#fff}
body.stt-taller .stt-materiales .stt-mat-btn:hover{background:#F2C230;color:#0B1B2B;border-color:#0B1B2B}
/* los botones de área y de curso (aquí, en la portada de siempre y en el pie de la guía): etiquetas rectas en mono */
body.stt-taller .stt-dir-area-btn,body.stt-taller .stt-dir-curso a,body.stt-taller .stt-cursos-lista a,body.stt-taller .stt-cursos-area,body.stt-taller .stt-volver a{border-radius:0;border:1px solid #0B1B2B;background:#fff;color:#0B1B2B;font-family:var(--wp--preset--font-family--mono,'JetBrains Mono',monospace);font-weight:500;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
body.stt-taller .stt-cursos-area,body.stt-taller .stt-dir-curso a{background:#0B1B2B;color:#fff}
body.stt-taller .stt-dir-area-btn:hover,body.stt-taller .stt-dir-curso a:hover,body.stt-taller .stt-cursos-lista a:hover,body.stt-taller .stt-cursos-area:hover,body.stt-taller .stt-volver a:hover{background:#F2C230;color:#0B1B2B;border-color:#0B1B2B}
/* retoques tras verlo en Local: el enlace de volver, con aire; los bloques, sin salirse en el móvil; las preguntas, con margen */
body.stt-taller .stt-volver a{display:inline-flex;align-items:center;min-height:36px;padding:0 .8rem}
body.stt-taller .stt-guia-bloques li{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}
body.stt-taller .stt-guia summary{padding-left:.9rem;padding-right:.9rem}
body.stt-taller .stt-guia details p{padding-left:.9rem;padding-right:.9rem}

/* ============================================================ el artículo de una unidad (el «Gold», assets/css/unidad-gold.css)
   Lectura larga: no se toca ni la letra ni los colores propios de cada unidad; solo la forma (recta, con filete de tinta,
   sin sombra difusa) y los botones. La banda de arriba de cada caja lleva el color de la familia de la unidad. */
body.stt-taller .unidad-gold :is(.hero-banner,.btn-sm,.btn,.side-cta,.side-cta a,.side-index,figure img,.duo img,.callout,.widget,.fs-btn,.ejercicio,.opciones button,.calc input,.calc button,.ej-check,.match-term,.match-opt,.order-item,.order-up,.order-down,.hole,.cta){border-radius:0!important;box-shadow:none!important}
body.stt-taller .unidad-gold :is(.hero-banner,.side-cta,.side-index,.widget,.ejercicio,.cta){border:2px solid #0B1B2B}
body.stt-taller .unidad-gold :is(.widget,.cta,.hero-banner){border-top:10px solid var(--stt-fam)}
/* «En esta página» en el móvil y la tableta (11-nov-2026): era una nube de enlaces sueltos; ahora, un índice de una
   columna, numerado, con filetes y su flecha. Va en dos columnas donde cabe (de 560 a 900 px). */
@media (max-width:900px){
  body.stt-taller .unidad-gold .side-index{display:grid;grid-template-columns:1fr;gap:0;padding:0;background:#fff;counter-reset:stt-indice}
  body.stt-taller .unidad-gold .side-index .mono{width:auto;grid-column:1/-1;margin:0;padding:.7rem .9rem;background:var(--stt-fam,#F2C230);color:#0B1B2B;border-bottom:2px solid #0B1B2B;font-weight:600;letter-spacing:.08em}
  body.stt-taller .unidad-gold .side-index a{counter-increment:stt-indice;display:flex;align-items:center;gap:.75rem;min-height:48px;padding:.45rem .9rem;border:0;border-top:1px solid #D9D4C7;color:#0B1B2B;font-size:1rem;font-weight:500;line-height:1.3}
  body.stt-taller .unidad-gold .side-index .mono + a{border-top:0}
  body.stt-taller .unidad-gold .side-index a::before{content:counter(stt-indice,decimal-leading-zero);flex:0 0 auto;font:500 .78rem var(--wp--preset--font-family--mono,'JetBrains Mono',monospace);color:#5B6673;letter-spacing:.04em}
  body.stt-taller .unidad-gold .side-index a::after{content:"\2193";margin-left:auto;flex:0 0 auto;font:500 .9rem var(--wp--preset--font-family--mono,'JetBrains Mono',monospace);color:#5B6673}
  body.stt-taller .unidad-gold .side-index a:active{background:#F4F1E8}
  /* la caja «Unidad interactiva» de la columna quedaba justo debajo del aviso de arriba, que dice lo mismo y lleva el
     mismo botón: en una sola columna sobra (el aviso de arriba y la llamada del final se quedan) */
  body.stt-taller .unidad-gold .side-cta{display:none}
}
@media (min-width:560px) and (max-width:900px){
  body.stt-taller .unidad-gold .side-index{grid-template-columns:1fr 1fr}
  body.stt-taller .unidad-gold .side-index a:nth-of-type(odd){border-right:1px solid #D9D4C7}
  body.stt-taller .unidad-gold .side-index .mono + a + a{border-top:0}
}
body.stt-taller .unidad-gold .callout{border-left:8px solid var(--stt-fam)}
body.stt-taller .unidad-gold :is(figure img,.duo img){border:1px solid #0B1B2B}
body.stt-taller .unidad-gold :is(.opciones button,.calc input,.calc button,.ej-check,.match-term,.match-opt,.order-item,.order-up,.order-down,.fs-btn){border:2px solid #0B1B2B}
body.stt-taller .unidad-gold :is(.btn,.btn-sm,.side-cta a,.ej-check,.calc button){background:#0B1B2B;color:#fff;border:2px solid #0B1B2B;font-weight:600;text-decoration:none}
body.stt-taller .unidad-gold :is(.btn,.btn-sm,.side-cta a,.ej-check,.calc button):hover{background:#F2C230;color:#0B1B2B}
/* el «play» de sus simuladores: recto, del color de la familia y con las mismas ondas que en la ficha */
body.stt-taller .unidad-gold .widget-facade .play{position:relative;border-radius:0!important;box-shadow:none!important;background:var(--stt-fam)!important;color:#0B1B2B!important}
body.stt-taller .unidad-gold .widget-facade .play::before,body.stt-taller .unidad-gold .widget-facade .play::after{content:"";position:absolute;inset:0;border:2px solid var(--stt-fam);pointer-events:none;opacity:0;animation:stt-onda 2.6s cubic-bezier(.2,.6,.3,1) infinite}
body.stt-taller .unidad-gold .widget-facade .play::after{animation-delay:1.3s}

/* ============================================================ las entradas del blog (assets/css/lectura.css y el cuerpo de cada entrada) */
body.stt-taller.single-post .wp-block-post-title{font-weight:600}
body.stt-taller :is(.stt-indice-movil,.stt-compartir-movil,.stt-lado-sim,.stt-lado-unidad,.stt-lado-sim img,.stt-lado-compartir a,.stt-lado-compartir button,.stt-lado-autor img,.stt-embed-frame,.stt-btn,.cs-ej,.stt-sim-facade){border-radius:0!important;box-shadow:none!important}
body.stt-taller :is(.stt-indice-movil,.stt-compartir-movil,.stt-lado-sim,.stt-lado-unidad,.cs-ej){border:2px solid #0B1B2B}
body.stt-taller .stt-lado-sim:hover,body.stt-taller .stt-lado-unidad:hover{border-color:#0B1B2B;box-shadow:none}
body.stt-taller .stt-lado-sim{border-top:10px solid var(--stt-fam)}
body.stt-taller .stt-lado-autor img{border:2px solid #0B1B2B}
body.stt-taller .stt-lado-compartir a,body.stt-taller .stt-lado-compartir button{border:1px solid #0B1B2B;background:#fff;color:#0B1B2B}
body.stt-taller .stt-lado-compartir a:hover,body.stt-taller .stt-lado-compartir button:hover{background:#F2C230}
body.stt-taller .cs-ej{border-left:8px solid var(--stt-fam)}
/* el simulador incrustado: la misma lámina oscura de la ficha, con la banda de la familia */
body.stt-taller .stt-embed-frame{border:2px solid #0B1B2B!important;border-top:10px solid var(--stt-fam)!important}
body.stt-taller .stt-btn{border:2px solid #0B1B2B!important;background:#fff;color:#0B1B2B;font-weight:600}
body.stt-taller .stt-btn:first-child{background:#0B1B2B;color:#fff}
body.stt-taller .stt-btn:hover{background:#F2C230;color:#0B1B2B}
/* las etiquetas de categoría de la entrada, rectas (las de la ficha ya lo son) */
body.stt-taller.single-post .wp-block-post-terms a{font-family:var(--wp--preset--font-family--mono,'JetBrains Mono',monospace);text-decoration:none}
@media (prefers-reduced-motion:reduce){ body.stt-taller .unidad-gold .widget-facade .play::before,body.stt-taller .unidad-gold .widget-facade .play::after{animation:none} }
/* el simulador incrustado en una entrada: su lámina oscura con cuadrícula y su «play» recto, del color de la familia y con ondas */
body.stt-taller .stt-sim-facade{background:#0B1B2B!important;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)!important;background-size:28px 28px!important}
body.stt-taller .stt-sim-facade > span:first-child{position:relative;border-radius:0!important;box-shadow:none!important;background:var(--stt-fam)!important}
body.stt-taller .stt-sim-facade > span:first-child svg{fill:#0B1B2B;position:relative}
body.stt-taller .stt-sim-facade > span:first-child::before,body.stt-taller .stt-sim-facade > span:first-child::after{content:"";position:absolute;inset:0;border:2px solid var(--stt-fam);pointer-events:none;opacity:0;animation:stt-onda 2.6s cubic-bezier(.2,.6,.3,1) infinite}
body.stt-taller .stt-sim-facade > span:first-child::after{animation-delay:1.3s}
/* las imágenes y las cajas del texto de una entrada que traen las esquinas redondas en su propio estilo */
body.stt-taller.single-post .entry-content :is(img,div,figure,table)[style*="border-radius"]{border-radius:0!important;box-shadow:none!important}
body.stt-taller.single-post .entry-content img{border-radius:0!important}
@media (prefers-reduced-motion:reduce){ body.stt-taller .stt-sim-facade > span:first-child::before,body.stt-taller .stt-sim-facade > span:first-child::after{animation:none} }

/* ============================================================ lo menor: búsqueda, 404, contacto, «Sobre mí» y las páginas de bloque
   Casi no tienen estilo propio: aquí, las cajas y los botones que traen las esquinas redondas en su propio estilo, la foto
   de «Sobre mí» y los listados de resultados (títulos en tinta con subrayado mostaza, en vez de en verde). */
body.stt-taller main :is(.wp-block-group,.wp-block-button__link,.wp-block-columns,.wp-block-column,.wp-block-quote)[style*="border-radius"]{border-radius:0!important;box-shadow:none!important}
body.stt-taller main .wp-block-button__link{border-radius:0!important}
body.stt-taller main .wp-block-image img{border-radius:0!important;box-shadow:none!important;border:2px solid #0B1B2B}
body.stt-taller:is(.search,.error404,.tax-bloque_curricular,.blog,.category,.tag) main :is(h1,.wp-block-query-title){font-weight:600;padding-bottom:.3em;border-bottom:3px solid #0B1B2B}
body.stt-taller:is(.search,.tax-bloque_curricular,.blog,.category,.tag) main .wp-block-post-title a{color:#0B1B2B;text-decoration:underline;text-decoration-color:#F2C230;text-decoration-thickness:2px;text-underline-offset:4px}
body.stt-taller:is(.search,.tax-bloque_curricular,.blog,.category,.tag) main .wp-block-post-title a:hover{text-decoration-thickness:4px}
body.stt-taller:is(.search,.tax-bloque_curricular,.blog,.category,.tag) main .wp-block-post-template > li{padding-top:1rem;border-top:1px solid #0B1B2B}
body.stt-taller main .wp-block-query-pagination a{color:#0B1B2B;font-weight:600;text-decoration:underline;text-decoration-color:#F2C230;text-decoration-thickness:2px;text-underline-offset:4px}
/* la foto de «Sobre mí» (y cualquier imagen de una página): recta, con filete y sin sombra */
body.stt-taller.page main :is(img,figure){border-radius:0!important;box-shadow:none!important}
body.stt-taller.page main .entry-content img,body.stt-taller.page main figure img{border:2px solid #0B1B2B}

/* ============================================================ lo que quedaba (medido el 11-nov-2026 en las 14 unidades, la portada y el inglés) */
/* en los artículos de unidad: las tablas, los dibujos, las fórmulas y los símbolos que traían esquinas redondas */
body.stt-taller .unidad-gold :is(table,figure,svg,p.formula,.formula-box,.dim,.tabla-datos){border-radius:0!important;box-shadow:none!important}
/* los emojis de los botones y de los avisos (WordPress los cambia por una imagen «emoji»): fuera, como en la portada.
   Los del texto corrido se quedan: ahí sí dicen algo. */
body.stt-taller main :is(a,button,.hero-banner,.side-cta,.stt-embed-actions) img.emoji,body.stt-taller main .side-cta .ico{display:none!important}
/* los rótulos pequeños de sección («Blog», «Sobre mí», «Contacto»…): en mono y en tinta, con un cuadrado mostaza delante */
body.stt-taller main p[style*="letter-spacing:0.14em"]{font-family:var(--wp--preset--font-family--mono,'JetBrains Mono',monospace)!important;font-weight:500!important;letter-spacing:.08em!important;color:#0B1B2B!important}
body.stt-taller main p[style*="letter-spacing:0.14em"]::before{content:"";display:inline-block;width:.7em;height:.7em;margin-right:.55em;background:#F2C230;border:1px solid #0B1B2B;vertical-align:-.03em}
body.stt-taller main h2.wp-block-heading{font-weight:600!important}
/* el tramo de debajo de la portada: los últimos artículos, como los listados (títulos en tinta, filete entre uno y otro) */
body.stt-taller.home main .wp-block-post-title a,body.stt-taller.page main .wp-block-post-title a{color:#0B1B2B;text-decoration:underline;text-decoration-color:#F2C230;text-decoration-thickness:2px;text-underline-offset:4px}
body.stt-taller.home main .wp-block-post-template > li,body.stt-taller.page main .wp-block-post-template > li{padding-top:1rem;border-top:2px solid #0B1B2B}
body.stt-taller main .stt-portada + .wp-block-group{border-top:0}
/* la sección inglesa por edades de la portada, con el mismo aire que los cajones */
body.stt-taller .stt-cursos{margin-bottom:1.2rem}
/* los enlaces de las cajas laterales de una entrada, en tinta */
body.stt-taller .stt-lado-cta{color:#0B1B2B}