/* Diapositivas de «Un invernadero gigante» (Canva) integradas en este deck. Todo va dentro de section.canva:
   no cambia el resto de las diapositivas. html.profe (?profe=1, docente) muestra notas y la respuesta correcta. */
.reveal .slides section.canva {text-align: left;}
.reveal section.canva h2 {font-size: 1.1em; margin-bottom: 0.8rem;}
.reveal section.canva p, .reveal section.canva li {font-size: 0.6em; line-height: 1.42;}
.reveal section.canva .tarjeta p, .reveal section.canva .tarjeta li {font-size: 1em;}
.reveal section.canva ul li {margin-bottom: 0.35rem;}
.reveal section.canva .texto-largo {font-size: 0.56em; line-height: 1.45;}
.reveal section.canva .texto-largo p {font-size: 1em; margin: 0 0 0.6rem;}
.reveal section.canva .grilla.img-izq {grid-template-columns: 0.9fr 1.1fr; gap: 1.6rem;}
.reveal section.canva .grilla.img-der {grid-template-columns: 1.1fr 0.9fr; gap: 1.6rem;}
.reveal section.canva .lamina {margin: 0; text-align: center;}
.reveal section.canva .lamina img {max-width: 100%; max-height: 470px; border-radius: 16px; box-shadow: var(--fq-sombra); background: #fff; display: block; margin: 0 auto;}
.reveal section.canva .lamina.alta img {max-height: 520px;}
.reveal section.canva .lamina figcaption {font-size: 0.36em; color: var(--gris-suave); margin-top: 0.4rem; line-height: 1.3;}
.reveal section.canva .tarjeta {padding: 0.9rem 1.1rem; font-size: 0.56em; line-height: 1.4;}
.reveal section.canva .tarjeta .titulo {font-size: 1.05em;}
.reveal section.canva .pasos {counter-reset: p; display: grid; gap: 0.55rem;}
.reveal section.canva .pasos .tarjeta {display: flex; gap: 0.8rem; align-items: center;}
.reveal section.canva .pasos .tarjeta::before {counter-increment: p; content: counter(p); flex: none; display: grid; place-items: center; width: 1.9em; height: 1.9em; border-radius: 10px; background: var(--azul); color: #fff; font-weight: 700;}
.reveal section.canva .lista-preg {display: grid; gap: 0.5rem; grid-template-columns: 1fr 1fr;}
.reveal section.canva .lista-preg .revelable {text-align: left;}
.reveal section.canva .revelable .rotulo-r {font-size: 0.5em;}
.reveal section.canva .revelable .contenido {font-size: 0.45em; line-height: 1.4;}
.reveal section.canva .consigna {font-size: 0.6em;}
.reveal section.canva .actividad .opciones button {font-size: 0.5em;}
.reveal section.canva .devolucion {font-size: 0.48em;}
.reveal section.canva .ficha {font-size: 0.46em;}
.reveal section.canva .comprobar {font-size: 0.5em;}
.reveal section.canva .cifra {font-size: 2.2em; font-weight: 800; color: var(--azul); line-height: 1;}
.reveal section.canva .cifra.fria {color: #2b5f9e;}
.reveal section.canva .titulo-grande {font-size: 1.5em !important; line-height: 1.15; color: var(--azul) !important;}
.reveal section.canva .video-yt {display: grid; grid-template-columns: 1.35fr 1fr; gap: 1.3rem; align-items: center;}
.reveal section.canva .video-yt.solo {grid-template-columns: 1fr; max-width: 860px; margin: 0 auto;}
.reveal section.canva .video-marco {position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 16px; overflow: hidden; background: #0b0f14; box-shadow: var(--fq-sombra);}
.reveal section.canva .video-marco iframe {position: absolute; inset: 0; width: 100%; height: 100%; border: 0;}
.reveal section.canva .video-info {font-size: 0.5em; line-height: 1.4;}
.reveal section.canva .video-info p {font-size: 1em; margin: 0 0 0.5rem;}
.reveal section.canva .video-info .canal {color: var(--gris-suave); font-size: 0.85em;}
.reveal section.canva .video-info .idioma {display: inline-block; background: #fff4d6; color: #7a5200; border-radius: 999px; padding: 0.1rem 0.7rem; font-weight: 700; font-size: 0.85em;}
.reveal section.canva .video-info a {color: var(--azul); font-weight: 700;}
.reveal section.canva .barras {display: grid; gap: 0.35rem; font-size: 0.46em;}
.reveal section.canva .barras .fila {display: grid; grid-template-columns: 9.5em 1fr 3.4em; align-items: center; gap: 0.6rem;}
.reveal section.canva .barras .barra {height: 1.1em; border-radius: 999px; background: var(--azul);}
.reveal section.canva .barras .barra.b2 {background: var(--fq-f);}
.reveal section.canva .barras .barra.b3 {background: var(--fq-m);}
.reveal section.canva .barras .val {font-weight: 700; text-align: right;}
.reveal section.canva .tabla-mini {width: 100%; border-collapse: collapse; font-size: 0.48em;}
.reveal section.canva .tabla-mini th, .reveal section.canva .tabla-mini td {border-bottom: 2px solid var(--linea); padding: 0.35rem 0.6rem; text-align: left; vertical-align: top;}
.reveal section.canva .tabla-mini th {background: var(--azul-claro); color: var(--azul);}
.reveal section.canva .tabla-mini td.n {text-align: right; font-weight: 700; white-space: nowrap;}
.reveal section.canva .fuente-pie {font-size: 0.34em !important; color: var(--gris-suave); margin-top: 0.5rem; line-height: 1.35;}
.reveal section.canva .ilus {width: 100%; height: auto;}
.reveal section.canva .ilus text {font-family: "Segoe UI", system-ui, Arial, sans-serif; paint-order: stroke; stroke: #fff; stroke-width: 5px; stroke-linejoin: round;}
.reveal section.canva .nota-docente {display: none; margin-top: 0.8rem; background: #fff8e6; border-left: 6px solid #c77a0a; border-radius: 12px;
  padding: 0.55rem 0.9rem; font-size: 0.42em; line-height: 1.4; color: #3d2c06;}
.reveal section.canva .nota-docente b:first-child {color: #8a4f10;}
html.profe .reveal section.canva .nota-docente {display: block;}
html.profe .reveal section.canva .actividad .opciones button[data-ok]:not(.acierto) {border-color: var(--verde); border-style: dashed;}
html.profe .reveal section.canva .actividad .opciones button[data-ok]:not(.acierto)::after {content: "✓"; margin-left: auto; color: var(--verde); font-weight: 800;}
html.profe .reveal section.canva .ficha[data-grupo]::after {content: attr(data-sol); display: block; font-size: 0.8em; color: var(--verde); font-weight: 700;}
.reveal section.canva .boton-sig {display: inline-block; background: var(--azul); color: #fff !important; border-radius: 999px; padding: .5rem 1.2rem; font-weight: 700; text-decoration: none;}
.reveal section.canva ol.nota {padding-left: 1.2em;}
.reveal section.canva ol.nota li {font-size: 1em; margin: .15rem 0;}
.reveal section.canva .video-yt.phet {grid-template-columns: 1.6fr 1fr;}
.reveal section.canva .video-yt.phet .video-marco {aspect-ratio: 834 / 504;}
.reveal section.canva .credito {font-size: .42em; color: var(--gris, #5a6474);}
@media (max-width: 760px) { .reveal section.canva .video-yt.phet {grid-template-columns: 1fr;} }
.reveal .slides > section.canva {box-sizing: border-box;}
.reveal section.canva .video-info ol.nota {font-size: inherit; color: inherit;}
.reveal section.canva .video-info ol.nota li {font-size: .92em;}
.reveal section.canva .video-yt.simprof {grid-template-columns: 1.75fr 1fr;}
.reveal section.canva .video-yt.simprof .video-marco {aspect-ratio: auto; height: 560px; background: #0f172a;}
.reveal section.canva .video-yt.simprof-pcg .video-marco {background: #f8fafc;}
@media (max-width: 760px) { .reveal section.canva .video-yt.simprof {grid-template-columns: 1fr;} .reveal section.canva .video-yt.simprof .video-marco {height: 600px;} }
.reveal section.canva svg.ilus { overflow: visible; }
.reveal section.canva#d26 .lamina img { max-height: 380px; }
.reveal section.canva#d38 .lamina img { max-height: 300px; }
.reveal section.canva#d11 .video-info p { margin-bottom: .3rem; }
.reveal section.canva#d11 .video-info { font-size: .45em; }
.reveal section.canva .video-yt.simprof .video-marco { height: 500px; }
.reveal section.canva .nota-docente { display: none; }
html.profe .reveal section.canva .nota-docente { display: block; }
.reveal section.canva .boton-sig { display: inline-block; background: var(--azul); color: #fff !important; border-radius: 999px; padding: .5rem 1.2rem; font-weight: 700; text-decoration: none; }
