.herramienta-opo{--h-primario:var(--wp--preset--color--contrast-2, #72b3d3);--h-primario-h:#0056b3;--h-secundario:#6c757d;--h-secundario-h:#5a6268;--h-accion:#28a745;--h-accion-h:#218838;--h-pista:#f09684;--h-pista-h:#e0a800;--h-respuesta:#d9534f;--h-respuesta-bg:#f8d7da;--h-fondo:var(--wp--preset--color--base, #f4f4f9)}.opo-indice-ico,picture.opo-indice-ico{display:block !important;width:50px !important;height:50px !important;min-width:50px !important;flex-shrink:0;overflow:hidden}picture.opo-indice-ico img,
.opo-indice-ico
img{display:block !important;width:100% !important;height:100% !important;object-fit:contain}.herramienta-opo br,
.herramienta-opo p:empty{display:none !important;margin:0
!important;padding:0
!important;height:0 !important}p:has(>.herramienta-opo),div:has(>.herramienta-opo){margin:0
!important;padding:0
!important}.herramienta-opo{width:95%;max-width:800px;margin:0
auto;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;box-sizing:border-box;padding:10px}.herramienta-opo
#contadores{width:100%;display:flex;flex-direction:column;align-items:center}.herramienta-opo #contenedor-textos{display:flex;flex-direction:column;align-items:center;gap:16px;margin:10px
0;font-size:1.3rem;font-weight:bold;width:100%}.herramienta-opo #tramite-mostrado,
.herramienta-opo #accion-mostrada,
.herramienta-opo #concepto-mostrado{line-height:1.4}.herramienta-opo #plazo-oculto,
.herramienta-opo #mayoria-oculta,
.herramienta-opo #norma-oculta{display:none;color:var(--h-respuesta);background-color:var(--h-respuesta-bg);padding:12px
20px;border-radius:8px;font-size:1.3rem;line-height:1.4;width:100%;box-sizing:border-box}.herramienta-opo #area-botones{display:flex;gap:12px;margin-top:8px;justify-content:center;flex-wrap:wrap;width:100%;padding-bottom:15px}.herramienta-opo
button{text-transform:none;letter-spacing:0;font-size:1rem;font-weight:bold;border-radius:8px;min-width:140px;color:#fff;border:none;padding:12px
24px;cursor:pointer;transition:background 0.25s, transform 0.15s}.herramienta-opo button:hover{transform:translateY(-2px)}.herramienta-opo button:active{transform:translateY(0)}.herramienta-opo #boton-mostrar{background-color:var(--h-primario)}.herramienta-opo #boton-mostrar:hover{background-color:var(--h-primario-h)}.herramienta-opo #boton-ocultar,
.herramienta-opo #boton-volver-ley{background-color:var(--h-secundario)}.herramienta-opo #boton-ocultar:hover,
.herramienta-opo #boton-volver-ley:hover{background-color:var(--h-secundario-h)}.herramienta-opo #boton-siguiente,
.herramienta-opo #boton-cambiar-ley{background-color:var(--h-accion)}.herramienta-opo #boton-siguiente:hover,
.herramienta-opo #boton-cambiar-ley:hover{background-color:var(--h-accion-h)}.herramienta-opo #boton-pista{background-color:var(--h-pista);color:#333}.herramienta-opo #boton-pista:hover{background-color:var(--h-pista-h)}.herramienta-opo.leyes #contenedor-textos{flex-direction:row;justify-content:center;flex-wrap:wrap;font-size:1.6rem;gap:12px;min-width:0}.herramienta-opo.leyes #contenedor-textos>*{min-width:0;word-break:break-word}.herramienta-opo
#separador{display:none;color:#666}.herramienta-opo #pista-oculta{display:none;margin:16px
0 8px;padding:12px;border:2px
dashed var(--h-pista);border-radius:8px;background-color:#fff9e6;max-width:90%;box-sizing:border-box}.herramienta-opo #pista-oculta
p{font-size:13px;margin:0
0 6px;color:#666}.herramienta-opo #pista-oculta
img{max-width:100%;max-height:240px;border-radius:4px;display:block;margin:0
auto}.herramienta-opo .controles-rango{background:transparent;padding:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;box-sizing:border-box}.herramienta-opo .fc-btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;width:100%}.herramienta-opo input[type="number"]{width:70px;padding:8px;font-size:1rem;margin:0
5px;border:1px
solid #ccc;border-radius:5px;text-align:center}.herramienta-opo #btnGenerate,
.herramienta-opo
#btnReveal{background-color:var(--h-primario);margin:4px}.herramienta-opo #btnGenerate:hover,
.herramienta-opo #btnReveal:hover{background-color:var(--h-primario-h)}.herramienta-opo
#card{margin-top:1px;display:flex;justify-content:center;align-items:center;min-height:200px;width:100%}.herramienta-opo
#number{font-size:clamp(100px, 20vw, 200px);font-weight:bold;line-height:1}.herramienta-opo .imagen-carta{max-width:600px;width:60%;height:auto;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.2)}.herramienta-opo #selector-tema{display:block;margin:0
auto 1.2em auto;padding:0.5em 1em;font-size:1em;border-radius:8px;border:2px
solid var(--h-primario);background:#fff;color:#333;cursor:pointer;max-width:420px;width:100%}.herramienta-opo #aviso-vacio{color:#c0392b;font-weight:bold;text-align:center;display:none;margin-bottom:1em}.herramienta-opo.pomodoro{max-width:800px;gap:16px;align-items:stretch}.herramienta-opo .pom-card{background:#fff;border:1px
solid rgba(0,0,0,0.08);border-radius:14px;box-shadow:0 2px 16px rgba(0,0,0,0.07);padding:1.75rem;width:100%;max-width:100%;box-sizing:border-box;overflow:clip}.herramienta-opo .pom-card-title{font-size:11px;letter-spacing: .1em;text-transform:uppercase;color:#8a8480;margin-bottom:1.25rem;font-weight:normal}.herramienta-opo .pom-timer-card{text-align:center;padding:2.5rem 1.75rem}.herramienta-opo .pom-phase-label{display:inline-flex;align-items:center;gap: .4rem;font-size:13px;letter-spacing: .06em;color:#8a8480;margin-bottom:1rem}.herramienta-opo .pom-phase-dot{width:7px;height:7px;border-radius:50%;background:#8a8480;transition:background .4s}.herramienta-opo .pom-phase-dot.pom-study{background:var(--h-primario)}.herramienta-opo .pom-phase-dot.pom-rest{background:var(--h-accion)}.herramienta-opo .pom-timer-display{font-family:monospace;font-size:clamp(4rem, 18vw, 7rem);font-weight:300;letter-spacing:-.02em;line-height:1;color:#333;margin-bottom: .5rem;transition:color .4s}.herramienta-opo .pom-timer-display.pom-rest-mode{color:var(--h-accion)}.herramienta-opo .pom-progress-bar{width:100%;height:3px;background:rgba(0,0,0,0.08);border-radius:99px;margin:1.25rem 0 1.5rem;overflow:hidden}.herramienta-opo .pom-progress-fill{height:100%;background:var(--h-primario);border-radius:99px;width:100%;transition:width .5s linear, background .4s}.herramienta-opo .pom-progress-fill.pom-rest-mode{background:var(--h-accion)}.herramienta-opo .pom-cycle-info{font-size:13px;color:#8a8480;margin-bottom:1.75rem}.herramienta-opo .pom-cycle-pips{display:inline-flex;gap: .35rem;vertical-align:middle;margin-left: .4rem}.herramienta-opo .pom-pip{width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(0,0,0,0.15);background:transparent;transition:background .3s, border-color .3s}.herramienta-opo .pom-pip.pom-filled{background:var(--h-primario);border-color:var(--h-primario)}.herramienta-opo .pom-btn{font-size:14px;font-weight:bold;border:none;border-radius:9px;padding:10px
24px;cursor:pointer;transition:background .25s, transform .15s;color:white;min-width:120px;text-transform:none;letter-spacing:0}.herramienta-opo .pom-btn:hover{transform:translateY(-2px)}.herramienta-opo .pom-btn:active{transform:translateY(0)}.herramienta-opo .pom-btn-row{display:flex;gap: .75rem;justify-content:center;flex-wrap:wrap}.herramienta-opo .pom-btn-primary{background:var(--h-primario)}.herramienta-opo .pom-btn-primary:hover{background:var(--h-primario-h)}.herramienta-opo .pom-btn-primary.pom-rest-mode{background:var(--h-accion)}.herramienta-opo .pom-btn-primary.pom-rest-mode:hover{background:var(--h-accion-h)}.herramienta-opo .pom-btn-ghost{background:transparent;color:#6c757d;border:1px
solid rgba(0,0,0,0.15)}.herramienta-opo .pom-btn-ghost:hover{color:#333;border-color:#333;background:transparent}.herramienta-opo .pom-mode-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap: .6rem;margin-bottom:1rem}.herramienta-opo .pom-mode-btn{font-size:12px;padding: .8rem 1rem;border-radius:10px;border:1.5px solid rgba(0,0,0,0.1);background:transparent;cursor:pointer;text-align:left;color:#333;min-width:unset;font-weight:normal;text-transform:none;letter-spacing:0;transition:all .15s}.herramienta-opo .pom-mode-btn
strong{display:block;margin-bottom: .2rem;font-size:13px;font-weight:bold}.herramienta-opo .pom-mode-btn
small{color:#8a8480;font-size:11px}.herramienta-opo .pom-mode-btn.active{border-color:var(--h-primario);background:rgba(114,179,211,0.12)}.herramienta-opo .pom-mode-desc{font-size:13px;color:#8a8480;line-height:1.5;padding: .75rem 1rem;background:var(--h-fondo);border-radius:8px}.herramienta-opo .pom-custom-panel{display:none;grid-template-columns:1fr 1fr;gap: .65rem;margin-top: .75rem}.herramienta-opo .pom-custom-panel.visible{display:grid}.herramienta-opo .pom-custom-field{display:flex;flex-direction:column;gap: .3rem}.herramienta-opo .pom-custom-field
label{font-size:11px;color:#8a8480;letter-spacing: .05em;text-transform:uppercase}.herramienta-opo .pom-custom-field input[type=number]{font-size:15px;padding: .55rem .75rem;border:1.5px solid rgba(0,0,0,0.12);border-radius:8px;background:var(--h-fondo);color:#333;width:100%;margin:0;text-align:left}.herramienta-opo .pom-btn-apply{grid-column:1 / -1;font-size:14px;font-weight:bold;padding: .6rem 1rem;border-radius:8px;border:none;background:var(--h-primario);color:#fff;cursor:pointer;text-transform:none;letter-spacing:0;transition:background .15s}.herramienta-opo .pom-btn-apply:hover{background:var(--h-primario-h)}.herramienta-opo .pom-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding: .9rem 0;border-bottom:1px solid rgba(0,0,0,0.06);width:100%;box-sizing:border-box;overflow:hidden}.herramienta-opo .pom-toggle-row>div{flex:1;min-width:0}.herramienta-opo .pom-toggle-row:last-of-type{border-bottom:none;padding-bottom:0}.herramienta-opo .pom-toggle-row:first-of-type{padding-top:0}.herramienta-opo .pom-toggle-label{font-size:14px;font-weight:bold;color:#333}.herramienta-opo .pom-toggle-sub{font-size:12px;color:#8a8480;margin-top: .15rem;line-height:1.4}.herramienta-opo .pom-toggle{position:relative;width:42px;height:24px;flex-shrink:0}.herramienta-opo .pom-toggle
input{opacity:0;width:0;height:0}.herramienta-opo .pom-toggle-track{position:absolute;inset:0;background:rgba(0,0,0,0.12);border-radius:99px;cursor:pointer;transition:background .2s}.herramienta-opo .pom-toggle-track::after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.herramienta-opo .pom-toggle input:checked+.pom-toggle-track{background:var(--h-primario)}.herramienta-opo .pom-toggle input:checked+.pom-toggle-track::after{transform:translateX(18px)}.herramienta-opo .pom-volume-row{display:flex;align-items:center;gap: .75rem;padding: .9rem 0 0;margin-top: .2rem}.herramienta-opo .pom-volume-row
label{font-size:12px;color:#8a8480;min-width:32px}.herramienta-opo .pom-volume-row input[type=range]{flex:1;accent-color:var(--h-primario);height:3px;border:none;padding:0;margin:0;width:auto}.herramienta-opo #vol-display{font-size:12px;color:#8a8480;min-width:34px;text-align:right}@media (max-width: 600px){.herramienta-opo{width:100%;padding-left:40px !important;padding-right:40px !important;box-sizing:border-box}.herramienta-opo
button{width:100%;min-width:unset}.herramienta-opo #area-botones{flex-direction:column;gap:8px}.herramienta-opo #contenedor-textos{font-size:1.1rem;gap:12px;margin:20px
0}.herramienta-opo #plazo-oculto,
.herramienta-opo #mayoria-oculta,
.herramienta-opo #norma-oculta{font-size:1.1rem}.herramienta-opo
#number{font-size:110px}.herramienta-opo .imagen-carta{max-width:100%;max-height:50vh;object-fit:contain}.herramienta-opo
#card{margin-top:10px;min-height:140px}.herramienta-opo.leyes #contenedor-textos{font-size:1.3rem}.herramienta-opo .pom-timer-card{padding:1.75rem 1rem}.herramienta-opo .pom-card{padding:1.25rem}.herramienta-opo .pom-mode-grid{grid-template-columns:1fr 1fr}.herramienta-opo .pom-btn{min-width:unset;width:auto}.herramienta-opo .pom-btn-row{gap: .5rem}}#atajos-modo-wrap{display:flex;gap:8px;margin-top:1.2em;margin-bottom:1.2em;flex-wrap:wrap;justify-content:center;width:100%;max-width:420px}#atajos-modo-wrap
button{flex:1;font-size:0.82rem !important;padding:10px
14px !important;background-color:#e9ecef !important;color:#495057 !important;border:2px
solid transparent !important;border-radius:8px !important;cursor:pointer;transition:background 0.2s, border-color 0.2s;text-transform:none !important;letter-spacing:0 !important;font-weight:bold !important;min-width:unset !important}#atajos-modo-wrap button.atajos-modo-activo{background-color:var(--h-primario, #72b3d3) !important;color:#fff !important;border-color:var(--h-primario, #72b3d3) !important}#atajos-modo-wrap button:hover:not(.atajos-modo-activo){background-color:#d3d9df !important;transform:none !important}#atajos-etiqueta{display:block}#atajos-respuesta{display:none;color:var(--h-respuesta, #d9534f);background-color:var(--h-respuesta-bg, #f8d7da);padding:12px
20px;border-radius:8px;font-size:1.3rem;line-height:1.4;width:100%;box-sizing:border-box;font-family:monospace}#atajos-respuesta.es-accion{font-family:inherit}#atajos-pregunta.es-combo{font-family:monospace}@media (max-width: 600px){#atajos-modo-wrap{flex-direction:column}#atajos-respuesta{font-size:1.1rem}}html,body{height:100%}.wp-site-blocks{min-height:100vh;display:flex;flex-direction:column}.wp-site-blocks>.wp-block-template-part:first-child{flex-shrink:0}.wp-site-blocks>.wp-block-post-content,.wp-site-blocks>main,.wp-site-blocks>.wp-block-group:not(.wp-block-template-part){flex:1}.wp-site-blocks>.wp-block-template-part:last-child{flex-shrink:0;margin-top:auto}.is-style-asterisk:before{content:'';display:block;width:1.5rem;height:1.5rem;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372b3d3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 12 9 17 20 7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;clip-path:none}.wp-block-image.aligncenter.has-custom-border picture.wp-image-180{display:block;width:90px !important;height:90px;overflow:hidden;border-radius:9999px;margin:0
auto}.wp-block-image.aligncenter.has-custom-border picture.wp-image-180
img{width:90px !important;height:90px !important;max-width:none !important;object-fit:cover;border-radius:9999px}