/* Tema claro (gris cálido). Generado por Herramientas/generar_tema_claro.py: no editar a mano. */
html[data-tema="claro"]{--bg:#f7f5f1;--panel:rgba(247,245,241,0.6);--borde:rgba(28,25,21,0.09);--texto:#2b2925;--suave:#7f7c78;--acento:#1c1915;--acento2:#413e3a}
html[data-tema="claro"] body{color:var(--texto);background-color:#f7f5f1;background-attachment:fixed;background-image:linear-gradient(90deg,#eceae6 0%,#f7f5f1 30%,#f7f5f1 70%,#eceae6 100%)}
html[data-tema="claro"] a{color:inherit}
html[data-tema="claro"] .marca{background:linear-gradient(180deg,#1c1915 0%,#55524e 45%,#c3c0bc 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-tema="claro"] nav{background:linear-gradient(90deg,rgba(247,245,241,0.94),rgba(247,245,241,0.94) 50%,rgba(247,245,241,0.94));border-bottom:1px solid rgba(28,25,21,0.05);box-shadow:0 6px 24px rgba(0,0,0,0.25)}
html[data-tema="claro"] nav ul{color:var(--suave)}
html[data-tema="claro"] nav a:hover{color:var(--texto)}
html[data-tema="claro"] .boton{border-radius:12px;border:1px solid var(--borde);background:rgba(28,25,21,0.05)}
html[data-tema="claro"] .boton:hover{background:rgba(28,25,21,0.09)}
html[data-tema="claro"] .boton.primario{background:#1c1915;border-color:transparent;color:#f7f5f1;box-shadow:0 8px 30px rgba(28,25,21,0.096)}
html[data-tema="claro"] .boton.primario:hover{background:#3a3733}
html[data-tema="claro"] .portada::after{background:radial-gradient(ellipse 60% 55% at 50% 50%,rgba(247,245,241,0.92),rgba(247,245,241,0.62)),linear-gradient(transparent 55%,var(--bg))}
html[data-tema="claro"] .disponible{color:var(--suave);border:1px solid var(--borde);background:rgba(28,25,21,0.04);border-radius:99px}
html[data-tema="claro"] .disponible::before{border-radius:50%;background:#1c1915;box-shadow:0 0 10px rgba(28,25,21,0.64)}
html[data-tema="claro"] .portada h1 span{background:linear-gradient(180deg,#1c1915,#7f7c78);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-tema="claro"] .portada p{color:var(--suave)}
html[data-tema="claro"] .datos span{color:var(--suave)}
html[data-tema="claro"] .titulo-seccion p{color:var(--suave)}
html[data-tema="claro"] .etiqueta{color:var(--acento2)}
html[data-tema="claro"] .filtros button{color:var(--suave);background:rgba(28,25,21,0.04);border:1px solid var(--borde);border-radius:99px}
html[data-tema="claro"] .filtros button:hover{color:var(--texto)}
html[data-tema="claro"] .filtros button.activo{background:rgba(28,25,21,0.18);border-color:rgba(28,25,21,0.5);color:var(--acento2)}
html[data-tema="claro"] .obra{border-radius:14px;background:#e8e6e2;border:1px solid var(--borde)}
html[data-tema="claro"] .obra:hover{border-color:rgba(28,25,21,0.5);box-shadow:0 18px 50px rgba(0,0,0,0.25),0 0 0 1px rgba(28,25,21,0.16)}
html[data-tema="claro"] .obra figcaption{background:linear-gradient(transparent,rgba(247,245,241,0.88))}
html[data-tema="claro"] .obra figcaption small{color:var(--acento2)}
html[data-tema="claro"] .vacia{color:var(--suave);border:1px dashed rgba(28,25,21,0.15);border-radius:16px}
html[data-tema="claro"] .soltar-mini{border:2px dashed rgba(28,25,21,0.45);border-radius:18px;background:rgba(28,25,21,0.06);color:var(--suave)}
html[data-tema="claro"] .soltar-mini:hover,html[data-tema="claro"] .soltar-mini.encima{border-color:var(--acento2);background:rgba(28,25,21,0.12)}
html[data-tema="claro"] .soltar-mini b{color:var(--texto)}
html[data-tema="claro"] .campos-mini input{color:var(--texto);background:rgba(28,25,21,0.05);border:1px solid var(--borde);border-radius:10px;outline:none}
html[data-tema="claro"] .campos-mini input:focus{border-color:rgba(28,25,21,0.7)}
html[data-tema="claro"] .opciones-mini{color:var(--suave)}
html[data-tema="claro"] .opciones-mini input{accent-color:var(--acento)}
html[data-tema="claro"] .opciones-mini button{color:var(--suave);background:rgba(28,25,21,0.04);border:1px solid var(--borde);border-radius:99px}
html[data-tema="claro"] .opciones-mini button:hover{color:var(--texto)}
html[data-tema="claro"] .tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:18px}
html[data-tema="claro"] .tarjeta .num{border-radius:12px;background:rgba(28,25,21,0.15);color:var(--acento2)}
html[data-tema="claro"] .tarjeta p{color:var(--suave)}
html[data-tema="claro"] .precio small{color:var(--suave)}
html[data-tema="claro"] .sobre-mi{color:#44413d}
html[data-tema="claro"] .chips span{color:var(--suave);border:1px solid var(--borde);border-radius:99px;background:rgba(28,25,21,0.03)}
html[data-tema="claro"] .chips b{color:var(--texto)}
html[data-tema="claro"] .contacto{border:1px solid var(--borde);border-radius:26px;background:radial-gradient(600px 300px at 50% 0%,rgba(28,25,21,0.22),transparent 70%),rgba(28,25,21,0.02)}
html[data-tema="claro"] .contacto p{color:var(--suave)}
html[data-tema="claro"] footer{color:var(--suave)}
html[data-tema="claro"] .datos div{border-left:1px solid rgba(28,25,21,0.1)}
html[data-tema="claro"] .datos div:first-child{border-left:none}
html[data-tema="claro"] .boton{border-radius:10px}
html[data-tema="claro"] .boton.primario{box-shadow:none}
html[data-tema="claro"] nav{box-shadow:none}
html[data-tema="claro"] .obra{border:none;border-radius:10px}
html[data-tema="claro"] .obra:hover{box-shadow:0 14px 40px rgba(0,0,0,0.3);border:none}
html[data-tema="claro"] .tarjeta{background:none;border:none;border-radius:0;border-left:1px solid rgba(28,25,21,0.08)}
html[data-tema="claro"] .tarjeta:first-child{border-left:none}
html[data-tema="claro"] .tarjeta .num{background:none;border:1px solid rgba(28,25,21,0.2);border-radius:50%}
html[data-tema="claro"] .chips span{border:none;background:none;border-left:1px solid rgba(28,25,21,0.12);border-radius:0}
html[data-tema="claro"] .chips span:first-child{border-left:none}
html[data-tema="claro"] .contacto{border:none;background:none}
html[data-tema="claro"] .filtros button{border:none;background:none}
html[data-tema="claro"] .filtros button.activo{background:rgba(28,25,21,0.1);border:none;color:#1c1915}
html[data-tema="claro"] .soltar-mini{border-width:1px;background:rgba(28,25,21,0.02)}
@media(max-width:700px){html[data-tema="claro"] .tarjeta{border-left:none;border-top:1px solid rgba(28,25,21,0.08)}html[data-tema="claro"] .tarjeta:first-child{border-top:none}html[data-tema="claro"] .chips span{border-left:none}}
html[data-tema="claro"] nav a.activo{color:#1c1915}
html[data-tema="claro"] nav ul a.activo::after{background:#1c1915}
html[data-tema="claro"] .cinta{-webkit-mask-image:linear-gradient(90deg,transparent,#f7f5f1 9%,#f7f5f1 91%,transparent);mask-image:linear-gradient(90deg,transparent,#f7f5f1 9%,#f7f5f1 91%,transparent)}
html[data-tema="claro"] .pista img{border-radius:10px;background:#e8e6e2}
html[data-tema="claro"] .logo-fondo{filter:blur(7px)}
html[data-tema="claro"] .logo-fondo{filter:none}
html[data-tema="claro"] .logo-fondo{filter:drop-shadow(0 14px 28px rgba(0,0,0,0.475)) drop-shadow(0 4px 8px rgba(0,0,0,0.4))}
html[data-tema="claro"] .pista img{box-shadow:0 -10px 30px rgba(0,0,0,0.325)}
html[data-tema="claro"] .pista img{box-shadow:none}
html[data-tema="claro"] .marca{background:linear-gradient(180deg,#1c1915 0%,#3d3a36 30%,#999692 50%,#45423e 52%,#1c1915 72%,#807e7a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #c5c3bf) drop-shadow(0 6px 14px rgba(0,0,0,0.45))}
html[data-tema="claro"] nav .marca{filter:drop-shadow(0 1px 0 #c5c3bf)}
html[data-tema="claro"] footer .marca{filter:none}
html[data-tema="claro"] .marca{background:linear-gradient(180deg,#1c1915 10%,#73706c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none}
html[data-tema="claro"] .portada .marca{background:url(cinta/tira.jpg) repeat-x 0 0/1600px 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 1px rgba(28,25,21,0.28))}
html[data-tema="claro"] .portada .marca{background:linear-gradient(100deg,#7f7c78 0%,#7f7c78 40%,#1c1915 50%,#7f7c78 60%,#7f7c78 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:none}
@media(prefers-reduced-motion:reduce){html[data-tema="claro"] .portada .marca{background-position:50% 0}}
html[data-tema="claro"] .ps-ventana{--ps0:#e1dfdb;--ps1:#d9d7d3;--ps2:#d2d0cc;--ps3:#cccac6;--ps4:#c2c0bc;--psl:#b7b5b1;--pst:#3f3c38;--pss:#73706c;--psac:#aaa7a3;background:var(--ps2);border:1px solid #f7f5f1;border-radius:10px;color:var(--pst);box-shadow:0 30px 80px rgba(0,0,0,0.35),0 0 0 1px rgba(28,25,21,0.032)}
html[data-tema="claro"] .ps-titulo{background:var(--ps0);border-bottom:1px solid #f7f5f1}
html[data-tema="claro"] .ps-app{border-radius:4px;color:#f7f5f1;background:linear-gradient(180deg,#1c1915,#73706c)}
html[data-tema="claro"] .ps-nombre{color:var(--pss)}
html[data-tema="claro"] .ps-botones i{color:var(--pss)}
html[data-tema="claro"] .ps-botones i:last-child:hover{background:#c42b1c;color:#1c1915}
html[data-tema="claro"] .ps-menus{background:var(--ps1);border-bottom:1px solid #f7f5f1}
html[data-tema="claro"] .ps-menu > button{color:var(--pst);background:none;border:none;border-radius:3px}
html[data-tema="claro"] .ps-menu > button:hover,html[data-tema="claro"] .ps-menu.abierto > button{background:var(--ps4)}
html[data-tema="claro"] .ps-lista{background:var(--ps3);border:1px solid #e8e6e2;box-shadow:0 10px 30px rgba(0,0,0,0.3)}
html[data-tema="claro"] .ps-lista a,html[data-tema="claro"] .ps-lista button,html[data-tema="claro"] .ps-lista span{color:var(--pst);background:none;border:none}
html[data-tema="claro"] .ps-lista span{color:#989591}
html[data-tema="claro"] .ps-lista a:hover,html[data-tema="claro"] .ps-lista button:hover{background:var(--psac)}
html[data-tema="claro"] .ps-opciones{background:var(--ps2);border-bottom:1px solid #f7f5f1;color:var(--pss)}
html[data-tema="claro"] .ps-opciones b{color:var(--pst);background:var(--ps1);border:1px solid #e8e6e2;border-radius:3px}
html[data-tema="claro"] .ps-icono-op{color:var(--pst)}
html[data-tema="claro"] .ps-sep{background:#e8e6e2}
html[data-tema="claro"] .ps-herramientas{background:var(--ps2);border-right:1px solid #f7f5f1}
html[data-tema="claro"] .ps-herramientas button{border:none;border-radius:4px;background:none;color:var(--pst)}
html[data-tema="claro"] .ps-herramientas button svg{stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html[data-tema="claro"] .ps-herramientas button:hover{background:var(--ps4)}
html[data-tema="claro"] .ps-herramientas button.activo{background:var(--psl)}
html[data-tema="claro"] .ps-herramientas hr{border:none;border-top:1px solid #e8e6e2}
html[data-tema="claro"] .ps-colores i{border:1px solid #82807c}
html[data-tema="claro"] .ps-colores i:first-child{background:#1c1915}
html[data-tema="claro"] .ps-colores i:last-child{background:#f7f5f1}
html[data-tema="claro"] .ps-centro{background:#dddbd7}
html[data-tema="claro"] .ps-pestanas{background:var(--ps1);border-bottom:1px solid #f7f5f1}
html[data-tema="claro"] .ps-pestana{background:var(--ps2);color:var(--pst);border-radius:4px 4px 0 0}
html[data-tema="claro"] .ps-pestana::after{color:var(--pss)}
html[data-tema="claro"] .ps-lienzo-zona{background:#dddbd7}
html[data-tema="claro"] .ps-lienzo{box-shadow:0 0 0 1px #f7f5f1,0 12px 40px rgba(0,0,0,0.3);background:repeating-conic-gradient(#45423e 0 25%,#1c1915 0 50%) 0 0/16px 16px}
html[data-tema="claro"] .ps-estado{background:var(--ps1);border-top:1px solid #f7f5f1;color:var(--pss)}
html[data-tema="claro"] .ps-paneles{background:var(--ps2);border-left:1px solid #f7f5f1}
html[data-tema="claro"] .ps-panel{border-bottom:1px solid #f7f5f1}
html[data-tema="claro"] .ps-panel-capas{border-bottom:none}
html[data-tema="claro"] .ps-tabs{background:var(--ps1);border-bottom:1px solid #f7f5f1;color:var(--pss)}
html[data-tema="claro"] .ps-tabs b{color:var(--pst)}
html[data-tema="claro"] .ps-props{color:var(--pss)}
html[data-tema="claro"] .ps-props b{color:var(--pst)}
html[data-tema="claro"] .ps-ctrl{border-bottom:1px solid #f7f5f1;color:var(--pss)}
html[data-tema="claro"] .ps-ctrl b{color:var(--pst)}
html[data-tema="claro"] .ps-ctrl select{color:var(--pst);background:var(--ps1);border:1px solid #e8e6e2;border-radius:3px}
html[data-tema="claro"] .ps-capa{border-bottom:1px solid #dad8d4}
html[data-tema="claro"] .ps-capa:hover{background:#c9c6c2}
html[data-tema="claro"] .ps-capa.activa{background:var(--psl)}
html[data-tema="claro"] .ps-capa .ojo{border:none;background:none;color:var(--pst)}
html[data-tema="claro"] .ps-capa img{border:1px solid #e8e6e2}
html[data-tema="claro"] .ps-capa.oculta .nombre{color:#918e8a}
html[data-tema="claro"] .ps-pie-capas{border-top:1px solid #f7f5f1;color:var(--pss)}
@media(max-width:900px){html[data-tema="claro"] .ps-paneles{border-left:none;border-top:1px solid #f7f5f1}}
html[data-tema="claro"] .portada .boton{border-radius:999px;border:1px solid rgba(28,25,21,0.18);background:rgba(28,25,21,0.04)}
html[data-tema="claro"] .portada .boton::before{background:linear-gradient(100deg,transparent,rgba(28,25,21,0.35),transparent)}
html[data-tema="claro"] .portada .boton:hover{border-color:rgba(28,25,21,0.5);background:rgba(28,25,21,0.1);box-shadow:0 12px 40px rgba(28,25,21,0.08)}
html[data-tema="claro"] .portada .boton.primario{background:#1c1915;color:#f7f5f1;border-color:#1c1915;box-shadow:0 10px 36px rgba(28,25,21,0.112)}
html[data-tema="claro"] .portada .boton.primario:hover{background:#292622;box-shadow:0 14px 48px rgba(28,25,21,0.224)}
html[data-tema="claro"] .ps-carpetas{border-bottom:1px solid #f7f5f1}
html[data-tema="claro"] .ps-carpeta{border:none;border-radius:6px;background:none;color:var(--pst)}
html[data-tema="claro"] .ps-carpeta svg{fill:none;stroke:currentColor;stroke-width:1.6}
html[data-tema="claro"] .ps-carpeta em{color:var(--pss)}
html[data-tema="claro"] .ps-carpeta:hover{background:#c9c6c2}
html[data-tema="claro"] .ps-carpeta.activa{background:var(--psl)}
html[data-tema="claro"] .ps-carpeta.activa svg{fill:rgba(28,25,21,0.18)}
html[data-tema="claro"] .ps-rejilla .ps-capa{border:2px solid transparent;border-radius:4px}
html[data-tema="claro"] .ps-rejilla .ps-capa img{border:none}
html[data-tema="claro"] .ps-rejilla .ps-capa.activa{border-color:#1c1915}
html[data-tema="claro"] #trabajos .titulo-seccion p{color:var(--suave)}
html[data-tema="claro"] #trabajos .titulo-seccion p b{color:#1c1915}
html[data-tema="claro"] .galeria-cab p{color:var(--suave)}
html[data-tema="claro"] .volver{border-radius:999px;border:1px solid var(--borde);background:rgba(28,25,21,0.04);color:#1c1915}
html[data-tema="claro"] .volver:hover{background:rgba(28,25,21,0.1)}
html[data-tema="claro"] .carpeta{background:none;border:none;color:inherit}
html[data-tema="claro"] .car-img{border-radius:14px;border:1px solid rgba(28,25,21,0.1);background:#e8e6e2}
html[data-tema="claro"] .carpeta span:last-child{color:var(--suave)}
html[data-tema="claro"] .mini{border:1px solid rgba(28,25,21,0.08);border-radius:12px;background:#e8e6e2}
html[data-tema="claro"] .mini:hover{border-color:rgba(28,25,21,0.35);box-shadow:0 16px 40px rgba(0,0,0,0.3)}
html[data-tema="claro"] .car-img{border-radius:10px}
html[data-tema="claro"] .desc-form input{color:var(--texto);background:rgba(28,25,21,0.05);border:1px solid var(--borde);border-radius:999px;outline:none}
html[data-tema="claro"] .desc-form input:focus{border-color:rgba(28,25,21,0.7);background:rgba(28,25,21,0.08)}
html[data-tema="claro"] .desc-form .boton{border-radius:999px}
html[data-tema="claro"] .desc-msg{color:var(--suave)}
html[data-tema="claro"] .desc-tarjeta{background:rgba(28,25,21,0.04);border:1px solid rgba(28,25,21,0.1);border-radius:14px}
html[data-tema="claro"] .desc-tarjeta img{background:#e8e6e2}
html[data-tema="claro"] .desc-tarjeta div span{color:var(--suave)}
html[data-tema="claro"] .desc-tarjeta .boton{border-radius:999px}
html[data-tema="claro"] .mp-marca{color:#3d3a36}
html[data-tema="claro"] .mp-botones a{border-radius:999px;color:#302d29;border:1px solid rgba(28,25,21,0.14);background:rgba(28,25,21,0.04)}
html[data-tema="claro"] .mp-botones a::before{background:linear-gradient(100deg,transparent,rgba(28,25,21,0.28),transparent)}
html[data-tema="claro"] .mp-botones a:hover{background:#1c1915;color:#f7f5f1;border-color:#1c1915;box-shadow:0 10px 30px rgba(28,25,21,0.144)}
html[data-tema="claro"] .pm-izq .soltar-mini{border:2px dashed rgba(28,25,21,0.22);border-radius:18px;background:rgba(28,25,21,0.03)}
html[data-tema="claro"] .pm-izq .soltar-mini:hover,html[data-tema="claro"] .pm-izq .soltar-mini.encima{border-color:#1c1915;background:rgba(28,25,21,0.07);box-shadow:0 18px 50px rgba(28,25,21,0.064)}
html[data-tema="claro"] .pm-icono{border-radius:50%;background:#1c1915;color:#f7f5f1}
html[data-tema="claro"] .pm-izq small{color:var(--suave)}
html[data-tema="claro"] .pm-switch{color:var(--suave)}
html[data-tema="claro"] .pm-switch span{border-radius:999px;background:rgba(28,25,21,0.18)}
html[data-tema="claro"] .pm-switch span::after{border-radius:50%;background:#1c1915}
html[data-tema="claro"] .pm-switch input:checked+span{background:#1c1915}
html[data-tema="claro"] .pm-switch input:checked+span::after{background:#f7f5f1}
html[data-tema="claro"] #barajarMini{color:#1c1915;background:rgba(28,25,21,0.06);border:1px solid var(--borde);border-radius:999px}
html[data-tema="claro"] #barajarMini:hover{background:rgba(28,25,21,0.14)}
html[data-tema="claro"] .pm-tabs button{color:#393632;background:rgba(28,25,21,0.04);border:1px solid rgba(28,25,21,0.14);border-radius:999px}
html[data-tema="claro"] .pm-tabs button:hover{background:rgba(28,25,21,0.12)}
html[data-tema="claro"] .pm-tabs button.activo{background:#1c1915;color:#f7f5f1;border-color:#1c1915}
html[data-tema="claro"] .pista img:hover{box-shadow:0 14px 40px rgba(0,0,0,0.35)}
html[data-tema="claro"] nav{background:none;border:none;box-shadow:none}
html[data-tema="claro"] nav .marca{color:#3d3a36}
html[data-tema="claro"] nav ul a{border-radius:999px;color:#302d29;border:1px solid rgba(28,25,21,0.14);background:rgba(28,25,21,0.04)}
html[data-tema="claro"] nav ul a::before{background:linear-gradient(100deg,transparent,rgba(28,25,21,0.28),transparent)}
html[data-tema="claro"] nav ul a:hover,html[data-tema="claro"] nav ul a.activo{background:#1c1915;color:#f7f5f1;border-color:#1c1915}
html[data-tema="claro"] nav ul a:hover{box-shadow:0 10px 30px rgba(28,25,21,0.144)}
html[data-tema="claro"] nav ul a.activo{border-bottom:1px solid #1c1915}
html[data-tema="claro"] .desc-tarjeta{background:linear-gradient(180deg,rgba(28,25,21,0.06),rgba(28,25,21,0.02));border:1px solid rgba(28,25,21,0.12);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,0.275)}
html[data-tema="claro"] .desc-tarjeta:hover{border-color:rgba(28,25,21,0.35);box-shadow:0 30px 80px rgba(28,25,21,0.064)}
html[data-tema="claro"] .desc-img{border-radius:12px}
html[data-tema="claro"] .desc-img em{color:#f7f5f1;background:#1c1915;border-radius:999px}
html[data-tema="claro"] .desc-pie span{color:var(--suave)}
html[data-tema="claro"] .desc-tarjeta .desc-acc .boton{border-radius:999px}
html[data-tema="claro"] .desc-tarjeta .desc-acc .boton:not(.primario){color:#1c1915;background:rgba(28,25,21,0.1);border-color:rgba(28,25,21,0.35)}
html[data-tema="claro"] .desc-tarjeta .desc-acc .boton:not(.primario):hover{background:rgba(28,25,21,0.22)}
html[data-tema="claro"] .desc-tarjeta .desc-acc .boton.primario{color:#f7f5f1}
@media(max-width:700px){html[data-tema="claro"] .datos div,html[data-tema="claro"] .portada .datos div{border-left:none!important}}
html[data-tema="claro"] .car-img::after{background:radial-gradient(260px circle at var(--gx,50%) var(--gy,50%),rgba(28,25,21,0.28),transparent 60%)}
html[data-tema="claro"] .carpeta:hover .car-img{border-color:rgba(28,25,21,0.4);box-shadow:0 24px 60px rgba(0,0,0,0.35)}
html[data-tema="claro"] .portada .boton.primario{background:#e5322d;border-color:#e5322d;color:#1c1915;box-shadow:0 10px 36px rgba(229,50,45,.35)}
html[data-tema="claro"] .portada .boton.primario:hover{background:#f0413c;border-color:#f0413c;box-shadow:0 14px 48px rgba(229,50,45,.55)}
html[data-tema="claro"] .car-img{border-radius:14px}
html[data-tema="claro"] .barra-editar{border:1px dashed rgba(28,25,21,0.4);border-radius:14px;background:rgba(28,25,21,0.05);color:#393632}
html[data-tema="claro"] .barra-editar button{color:#1c1915;background:rgba(28,25,21,0.1);border:1px solid rgba(28,25,21,0.3);border-radius:999px}
html[data-tema="claro"] .barra-editar button:hover{background:#1c1915;color:#f7f5f1}
html[data-tema="claro"] .editando .destino{outline:2px solid #1c1915;outline-offset:4px;border-radius:12px}
html[data-tema="claro"] .cn-zona{border:2px dashed rgba(28,25,21,0.22);border-radius:16px;background:rgba(28,25,21,0.03)}
html[data-tema="claro"] .cn-zona:hover,html[data-tema="claro"] .cn-zona.encima{border-color:#1c1915;background:rgba(28,25,21,0.07)}
html[data-tema="claro"] .cn-zona small{color:var(--suave)}
html[data-tema="claro"] .cn-avisos li{border-radius:10px;border:1px solid rgba(28,25,21,0.12);background:rgba(28,25,21,0.04)}
html[data-tema="claro"] .cn-avisos .bien{color:#b8f0c8}
html[data-tema="claro"] .cn-avisos .mal{color:#ffd29a}
html[data-tema="claro"] .cn-nota{color:var(--suave)}
html[data-tema="claro"] .portada .consejo{color:var(--suave)}
html[data-tema="claro"] .portada .consejo b{border-radius:999px;color:#1c1915;background:rgba(28,25,21,0.12)}
html[data-tema="claro"] .boton{border-radius:999px;border:1px solid rgba(28,25,21,0.18);background:rgba(28,25,21,0.05);color:#1c1915}
html[data-tema="claro"] .boton:hover{background:rgba(28,25,21,0.12);border-color:rgba(28,25,21,0.4)}
html[data-tema="claro"] .boton.primario{background:#1c1915;color:#f7f5f1;border-color:#1c1915}
html[data-tema="claro"] .boton.primario:hover{background:#292622;box-shadow:0 12px 36px rgba(28,25,21,0.16)}
html[data-tema="claro"] .logo-a{color:currentColor}
html[data-tema="claro"] .cinta{-webkit-mask-image:linear-gradient(90deg,transparent,#f7f5f1 9%,#f7f5f1 91%,transparent);mask-image:linear-gradient(90deg,transparent,#f7f5f1 9%,#f7f5f1 91%,transparent)}
html[data-tema="claro"] .ct-tarjeta{border-radius:22px;border:1px solid rgba(28,25,21,0.12);background:linear-gradient(180deg,rgba(28,25,21,0.06),rgba(28,25,21,0.02));box-shadow:0 24px 60px rgba(0,0,0,0.25)}
html[data-tema="claro"] .ct-tarjeta:hover{border-color:rgba(28,25,21,0.4);box-shadow:0 30px 80px rgba(28,25,21,0.064)}
html[data-tema="claro"] .ct-icono{border-radius:50%;background:#1c1915;color:#f7f5f1}
html[data-tema="claro"] .ct-tarjeta span:not(.ct-icono){color:var(--suave)}
html[data-tema="claro"] .ct-tarjeta em{border-radius:999px;background:#1c1915;color:#f7f5f1}
html[data-tema="claro"] .ig-area{color:var(--texto);background:rgba(28,25,21,0.05);border:1px solid var(--borde);border-radius:12px;outline:none}
html[data-tema="claro"] .ig-area:focus{border-color:rgba(28,25,21,0.7)}
html[data-tema="claro"] .ig-nota{color:var(--suave)}
html[data-tema="claro"] .ig-th{border-radius:8px;border:1px solid rgba(28,25,21,0.2)}
html[data-tema="claro"] .ig-th button{border-radius:50%;border:none;background:rgba(247,245,241,0.75);color:#1c1915}
html[data-tema="claro"] .ig-th:hover{border-color:#1c1915}
html[data-tema="claro"]{background:#f7f5f1}
html[data-tema="claro"] body{background-color:#f7f5f1;background-image:radial-gradient(ellipse 90% 60% at 50% 0%,#d9d7d3 0%,rgba(35,35,35,0) 70%),linear-gradient(180deg,#ebe9e5 0%,#f7f5f1 55%,#eeece8 100%);background-attachment:fixed;background-repeat:no-repeat;background-size:100% 100%}
html[data-tema="claro"] .ig-limpiar{color:#1c1915;background:rgba(28,25,21,0.08);border:1px solid rgba(28,25,21,0.25);border-radius:999px}
html[data-tema="claro"] .ig-limpiar:hover{background:#1c1915;color:#f7f5f1}
html[data-tema="claro"] nav.compacto{background:rgba(247,245,241,0.86);box-shadow:0 8px 30px rgba(0,0,0,0.25);border-bottom:1px solid rgba(28,25,21,0.06)}
html[data-tema="claro"] .sig{border-radius:22px;border:1px solid rgba(28,25,21,0.12);background:linear-gradient(180deg,rgba(28,25,21,0.06),rgba(28,25,21,0.02))}
html[data-tema="claro"] .sig p{color:var(--suave)}
html[data-tema="claro"] .sig p b{color:#1c1915}
html[data-tema="claro"] .ver-herr{color:var(--suave)}
html[data-tema="claro"] .ver-herr:hover{color:#1c1915}
html[data-tema="claro"] .herr-card{border-radius:20px;border:1px solid rgba(28,25,21,0.12);background:linear-gradient(180deg,rgba(28,25,21,0.06),rgba(28,25,21,0.02))}
html[data-tema="claro"] .herr-card:hover{border-color:rgba(28,25,21,0.4);box-shadow:0 24px 60px rgba(0,0,0,0.3)}
html[data-tema="claro"] .herr-ico{border-radius:14px;background:#1c1915;color:#f7f5f1}
html[data-tema="claro"] .herr-ico svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-tema="claro"] .herr-card span:not(.herr-ico){color:var(--suave)}
html[data-tema="claro"] .herr-card em{color:#1c1915}
html[data-tema="claro"] .sig-mini{color:var(--suave)}
html[data-tema="claro"] .sig-mini a{color:#1c1915;border-bottom:1px solid rgba(28,25,21,0.4)}
html[data-tema="claro"] .sig-mini a:hover{border-color:#1c1915}
html[data-tema="claro"] nav{background:none!important;box-shadow:none!important;border:none!important}
html[data-tema="claro"] #menuFijo{background:rgba(247,245,241,0.88);border-bottom:1px solid rgba(28,25,21,0.07);box-shadow:0 8px 30px rgba(0,0,0,0.25)}
html[data-tema="claro"] #menuFijo a{color:#302d29;border-radius:999px;border:1px solid rgba(28,25,21,0.14);background:rgba(28,25,21,0.04)}
html[data-tema="claro"] #menuFijo a:hover,html[data-tema="claro"] #menuFijo a.activo{background:#1c1915;color:#f7f5f1;border-color:#1c1915}
html[data-tema="claro"] .pm-icono,html[data-tema="claro"] .cn-zona .pm-icono{border-radius:50%;color:#1c1915;background:linear-gradient(160deg,rgba(28,25,21,0.16),rgba(28,25,21,0.04));border:1px solid rgba(28,25,21,0.28);box-shadow:0 8px 26px rgba(0,0,0,0.225),inset 0 1px 0 rgba(28,25,21,0.2)}
html[data-tema="claro"] .pm-icono svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-tema="claro"] .soltar-mini:hover .pm-icono,html[data-tema="claro"] .cn-zona:hover .pm-icono,html[data-tema="claro"] .encima .pm-icono{background:#1c1915;color:#f7f5f1;border-color:#1c1915}
html[data-tema="claro"] .cap-btns.barra{background:rgba(28,25,21,0.06);border:1px solid rgba(28,25,21,0.16);box-shadow:none}
html[data-tema="claro"] .cap-btns.barra .cap-btn{color:#1c1915}
html[data-tema="claro"] .cap-btns.barra .cap-btn+.cap-btn{border-left:1px solid rgba(28,25,21,0.14);border-radius:0 999px 999px 0}
html[data-tema="claro"] .cap-btns.barra .cap-btn:first-child{border-radius:999px 0 0 999px}
html[data-tema="claro"] .cap-btns.barra .cap-btn:hover{background:#1c1915;color:#f7f5f1}
html[data-tema="claro"]{--rojo:#e5322d;--rojo-claro:#f0413c}
html[data-tema="claro"] body{background-image:radial-gradient(ellipse 55% 38% at 50% -6%,rgba(229,50,45,.10),rgba(229,50,45,0) 70%),radial-gradient(ellipse 90% 60% at 50% 0%,#d9d7d3 0%,rgba(35,35,35,0) 70%),linear-gradient(180deg,#ebe9e5 0%,#f7f5f1 55%,#eeece8 100%)}
html[data-tema="claro"] nav ul a:hover,html[data-tema="claro"] #menuFijo a:hover{background:rgba(229,50,45,.9);border-color:var(--rojo);color:#1c1915}
html[data-tema="claro"] nav ul a.activo,html[data-tema="claro"] #menuFijo a.activo{background:var(--rojo);border-color:var(--rojo);color:#1c1915;box-shadow:0 8px 24px rgba(229,50,45,.3)}
html[data-tema="claro"] .mp-botones a:hover{background:var(--rojo);border-color:var(--rojo);color:#1c1915;box-shadow:0 10px 30px rgba(229,50,45,.35)}
html[data-tema="claro"] .pm-tabs button.activo{background:var(--rojo);border-color:var(--rojo);color:#1c1915}
html[data-tema="claro"] .pm-tabs button:hover:not(.activo){border-color:rgba(229,50,45,.7)}
html[data-tema="claro"] .soltar-mini:hover,html[data-tema="claro"] .soltar-mini.encima,html[data-tema="claro"] .cn-zona:hover,html[data-tema="claro"] .cn-zona.encima{border-color:var(--rojo)}
html[data-tema="claro"] .soltar-mini:hover .pm-icono,html[data-tema="claro"] .cn-zona:hover .pm-icono,html[data-tema="claro"] .encima .pm-icono{background:var(--rojo);color:#1c1915;border-color:var(--rojo)}
html[data-tema="claro"] .pm-switch input:checked+span{background:var(--rojo)}
html[data-tema="claro"] .pm-switch input:checked+span::after{background:#1c1915}
html[data-tema="claro"] .campos-mini input:focus,html[data-tema="claro"] .desc-form input:focus,html[data-tema="claro"] .ig-area:focus{border-color:var(--rojo);box-shadow:0 0 0 3px rgba(229,50,45,.18)}
html[data-tema="claro"] .herr-ico,html[data-tema="claro"] .ct-icono{background:var(--rojo);color:#1c1915}
html[data-tema="claro"] .herr-card em,html[data-tema="claro"] .ct-tarjeta em{color:#1c1915}
html[data-tema="claro"] .ct-tarjeta em{background:var(--rojo)}
html[data-tema="claro"] .sig-mini a{border-color:rgba(229,50,45,.7)}
html[data-tema="claro"] .sig-mini a:hover{color:var(--rojo-claro);border-color:var(--rojo-claro)}
html[data-tema="claro"] .cap-btns.barra .cap-btn:hover{background:var(--rojo);color:#1c1915}
html[data-tema="claro"] .volver:hover{border-color:var(--rojo)}
html[data-tema="claro"] .mini:hover,html[data-tema="claro"] .herr-card:hover,html[data-tema="claro"] .ct-tarjeta:hover,html[data-tema="claro"] .desc-tarjeta:hover{border-color:rgba(229,50,45,.55)}
html[data-tema="claro"] ::selection{background:rgba(229,50,45,.45);color:#1c1915}
html[data-tema="claro"] input[type=range]{accent-color:var(--rojo)}
html[data-tema="claro"] .pm-nicho>span{color:var(--suave)}
html[data-tema="claro"] .pm-sel-btn{color:#1c1915;background:rgba(28,25,21,0.06);border:1px solid rgba(28,25,21,0.2);border-radius:999px}
html[data-tema="claro"] .pm-sel-btn:hover,html[data-tema="claro"] .pm-sel-btn.abierto{border-color:#e5322d;background:rgba(229,50,45,.12)}
html[data-tema="claro"] .pm-caret{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor}
html[data-tema="claro"] .pm-menu{border-radius:16px;background:#e4e2de;border:1px solid rgba(28,25,21,0.16);box-shadow:0 24px 60px rgba(0,0,0,0.35)}
html[data-tema="claro"] .pm-op{color:#302d29;background:none;border:none;border-radius:10px}
html[data-tema="claro"] .pm-op em{color:#807e7a}
html[data-tema="claro"] .pm-op:hover{background:rgba(28,25,21,0.09)}
html[data-tema="claro"] .pm-op.activo{background:#e5322d;color:#1c1915}
html[data-tema="claro"] .pm-op.activo em{color:rgba(28,25,21,0.8)}
html[data-tema="claro"] .pm-menu{scrollbar-color:#b7b5b1 transparent}
html[data-tema="claro"] .pm-menu::-webkit-scrollbar-thumb{background:#b7b5b1;border-radius:8px}
html[data-tema="claro"] .pm-menu::-webkit-scrollbar-track{background:transparent}
html[data-tema="claro"] .pm-menu .pm-op{background:transparent;border:0;border-radius:10px;box-shadow:none;color:#302d29}
html[data-tema="claro"] .pm-menu .pm-op:hover{background:rgba(28,25,21,0.09);border:0}
html[data-tema="claro"] .pm-menu .pm-op.activo{background:#e5322d;color:#1c1915}
html[data-tema="claro"] .pm-menu .pm-op span{color:inherit}
html[data-tema="claro"] .pm-menu .pm-op em{color:#7e7b77}
html[data-tema="claro"] .pm-menu .pm-op.activo em{color:rgba(28,25,21,0.85)}
html[data-tema="claro"]{background:#eeece8}
html[data-tema="claro"] body{background-color:#eeece8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.3' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:240px 240px;background-attachment:scroll;background-repeat:repeat}
html[data-tema="claro"] .herr-ico{border-radius:12px}
html[data-tema="claro"] .car-img{border-radius:12px;border:none;box-shadow:0 1px 0 rgba(28,25,21,0.048),0 10px 28px rgba(0,0,0,0.175)}
html[data-tema="claro"] .carpeta:hover .car-img{border:none;box-shadow:0 16px 40px rgba(0,0,0,0.275)}
html[data-tema="claro"] .carpeta span:last-child{color:var(--suave)}
html[data-tema="claro"] .editando .carpeta .ed-titulo{border:1px solid rgba(28,25,21,0.3);border-radius:999px;color:#1c1915}
html[data-tema="claro"] .editando .carpeta .ed-titulo:hover{background:#1c1915;color:#f7f5f1}
html[data-tema="claro"] .mini .est{border-radius:50%;background:rgba(247,245,241,0.65);color:#1c1915}
html[data-tema="claro"] .mini .est:hover{background:#1c1915;color:#f7f5f1}
html[data-tema="claro"] .mini .est.on{background:#e5322d;color:#1c1915}
html[data-tema="claro"] .estado-editar{color:#9be39b}
html[data-tema="claro"] .portada .boton.primario{box-shadow:0 0 0 1px rgba(229,50,45,.35),0 0 26px rgba(229,50,45,.38),0 0 70px rgba(229,50,45,.18)}
html[data-tema="claro"] .portada .boton.primario:hover{box-shadow:0 0 0 1px rgba(240,65,60,.5),0 0 34px rgba(229,50,45,.55),0 0 90px rgba(229,50,45,.28)}
html[data-tema="claro"] .ab-slot{border:1.5px dashed rgba(28,25,21,0.28);border-radius:14px;background:rgba(28,25,21,0.03)}
html[data-tema="claro"] .ab-slot:hover,html[data-tema="claro"] .ab-slot.sobre{border-color:#e5322d;background:rgba(229,50,45,.06)}
html[data-tema="claro"] .ab-txt{color:var(--suave)}
html[data-tema="claro"] .ab-letra{border-radius:8px;background:#e5322d;color:#1c1915}
html[data-tema="claro"] .ab-quitar{border:none;border-radius:50%;background:rgba(247,245,241,0.65);color:#1c1915}
html[data-tema="claro"] .ab-quitar:hover{background:#1c1915;color:#f7f5f1}
html[data-tema="claro"] .ab-ayuda{color:var(--suave)}
html[data-tema="claro"] .ab-vista{border-radius:14px}
html[data-tema="claro"] .ab-card{background:none;border:none;color:inherit}
html[data-tema="claro"] button.ab-card:hover .ab-img{outline:2px solid #e5322d}
html[data-tema="claro"] .ab-img{border-radius:12px;background:#e0deda}
html[data-tema="claro"] .ab-vacia{color:#82807c}
html[data-tema="claro"] .ab-dur{border-radius:4px;background:rgba(247,245,241,0.8);color:#1c1915}
html[data-tema="claro"] .ab-etq{border-radius:7px;background:rgba(247,245,241,0.7);color:#1c1915}
html[data-tema="claro"] .ab-etq.gana{background:#e5322d}
html[data-tema="claro"] .ab-card.elegida .ab-img{outline:3px solid #e5322d}
html[data-tema="claro"] .ab-meta{color:#282521}
html[data-tema="claro"] .ab-meta span{color:#65625e}
html[data-tema="claro"] .ab[data-vista=borrosa] .ab-img img{filter:blur(7px)}
html[data-tema="claro"] .ab[data-vista=bn] .ab-img img{filter:grayscale(1)}
html[data-tema="claro"] .ab-res{color:var(--suave)}
html[data-tema="claro"] .ab-res b{color:#1c1915}
html[data-tema="claro"] .min-vacia{color:#807e7a}
html[data-tema="claro"] .min-vacia i{border-radius:50%;border:1.5px solid currentColor;background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8a8a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V5m0 0L7.500 9.500M12 5l4.500 4.500'/%3E%3C/svg%3E")}

html[data-tema="claro"]{color-scheme:light}
html[data-tema="claro"],html[data-tema="claro"] body{background-color:#f7f5f1}
html[data-tema="claro"] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.3' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .12 0 0 0 0 .1 0 0 0 0 .08 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}  /* GRANO_CLARO */
html[data-tema="claro"] ::selection{background:rgba(229,50,45,.35);color:#1c1915}
/* Botón para cambiar de tema */
#botonTema{position:fixed;top:14px;right:14px;z-index:70;width:42px;height:42px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(20,20,20,.72);backdrop-filter:blur(10px);color:#fff;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.4);transition:transform .3s,background .3s,color .3s}
#botonTema:hover{transform:rotate(18deg) scale(1.06);background:#e5322d;border-color:#e5322d}
#botonTema svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#botonTema .luna{display:none}
html[data-tema="claro"] #botonTema{background:rgba(255,255,255,.8);border-color:rgba(28,25,21,.2);color:#1c1915;box-shadow:0 8px 24px rgba(28,25,21,.15)}
html[data-tema="claro"] #botonTema:hover{background:#e5322d;border-color:#e5322d;color:#fff}
html[data-tema="claro"] #botonTema .sol{display:none}
html[data-tema="claro"] #botonTema .luna{display:block}
html[data-tema="claro"] .carpeta .car-img,html[data-tema="claro"] .mini{box-shadow:0 10px 30px rgba(28,25,21,.18)}
@media(max-width:700px){#botonTema{top:10px;right:10px;width:38px;height:38px}}