
.mu-logo{border-radius:50%;flex-shrink:0}.mu-submenu{position:relative;font-size:11px}.mu-submenu summary{cursor:pointer;list-style:none;border:1px solid #d3dfdd;border-radius:24px;padding:10px 14px;min-height:44px;font-weight:600}.mu-submenu summary:after{content:' ▾'}.mu-submenu>div{position:absolute;top:100%;right:0;z-index:30;min-width:245px;background:#fff;padding:12px;box-shadow:0 12px 35px #123b5c25;border-radius:15px;display:grid;gap:8px}.site-header nav a{min-height:44px;display:flex;align-items:center}.mu-training-link{background:#f0ddb9!important;color:#123b5c!important;border-color:#dec498!important}.footer nav{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px}.footer .mu-submenu>div{bottom:100%;top:auto}.mu-cyber-brand{background:linear-gradient(135deg,#123b5ce8,#087e7ac9),url('/assets/portada-plc.png') center/cover;color:#fff}.mu-cyber-brand .area-content>p,.mu-cyber-brand .topic p,.mu-cyber-brand .availability{color:#eef7f4}.mu-cyber-brand .badge{color:#fff}.usbetech-word{display:inline-block;margin:15px 0 8px;padding:8px 14px;border:1px solid #d9c497;border-radius:8px;font-weight:700;letter-spacing:.12em;color:#f0ddb9}.mu-cyber-brand .topic{border-color:#ffffff35}.mu-cyber-brand .button{background:#f0ddb9;color:#123b5c}.site-header{flex-wrap:wrap}.site-header nav{flex-wrap:wrap}.blog-hero{padding:60px 0 40px;max-width:850px}.blog-hero h1{font-size:clamp(34px,6vw,62px);line-height:1.12;color:#123b5c}.blog-lead{font-size:19px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:50px}.blog-card{background:#fff;border:1px solid #d4dfdf;border-radius:22px;overflow:hidden}.blog-card-body{padding:26px}.blog-card h2{font-size:23px;line-height:1.3}.blog-card a{text-decoration:none}.blog-image{display:block;width:100%;height:220px;object-fit:cover}.blog-feature{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;background:#edf4f0}.blog-feature .blog-image{height:100%;min-height:300px}.blog-feature h2{font-size:34px}.blog-art{min-height:220px;background:linear-gradient(140deg,#123b5c,#087e7a);display:grid;place-items:center;color:#f0ddb9;font-size:40px}.blog-feature .blog-art{min-height:300px}.blog-article{max-width:790px;margin:45px auto 70px}.blog-article h1{font-size:clamp(32px,6vw,52px);line-height:1.2}.blog-body{font-size:17px;line-height:1.9;overflow-wrap:anywhere}.blog-body h2{font-size:27px;margin-top:34px}.blog-body a{color:#087e7a;text-decoration:underline}.blog-date{color:#586d7b;font-size:12px}.blog-empty{border:1px solid #d4dfdf;border-radius:22px;padding:32px;background:#edf4f0;margin-bottom:55px}.blog-editor #body{min-height:300px}.editor-tools{display:flex;flex-wrap:wrap;gap:8px}.editor-tools button{padding:8px 12px}.blog-admin-row{padding:20px;border:1px solid #d4dfdf;border-radius:14px;margin:16px 0}.blog-preview-banner{padding:20px;background:#f0ddb9;border-radius:14px}.blog-admin-nav{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.mu-assistance-nav{max-width:1200px!important}.mu-assistance-nav .brand strong{font-size:12px;letter-spacing:.05em}.mu-assistance-nav .brand small{font-size:8px}.mu-assistance-nav .mu-logo{width:47px;height:47px;box-shadow:none}.mu-assistance-footer .footer{width:100%;padding:30px 24px 90px}.mu-assistance-footer .brand img{width:47px;height:47px}.mu-assistance-footer .brand strong{font-size:12px;letter-spacing:.05em}.mu-assistance-footer .socials{display:flex;gap:20px;flex-wrap:wrap}.mu-assistance-footer .socials a{display:flex;align-items:center;gap:7px}.mu-assistance-footer .footer-line{border-top:1px solid #d4dfdf;margin:20px 0}.blog-public .mu-home-float{position:fixed;bottom:20px;left:20px;background:#fff;color:#123b5c;border:1px solid #d4dfdf;border-radius:24px;padding:10px 16px;text-decoration:none;z-index:40}
@media(max-width:760px){.mu-submenu>div{position:static;min-width:0;margin-top:8px;box-shadow:none;border:1px solid #d4dfdf}.mu-submenu{width:100%}.site-header nav>a{width:100%;border-radius:12px}.mu-submenu summary{border-radius:12px}.site-header nav{align-items:stretch}.footer .mu-submenu{width:auto;flex:1;min-width:180px}.blog-grid{grid-template-columns:1fr}.blog-feature{display:block}.blog-feature h2{font-size:27px}.blog-hero{padding-top:36px}.blog-article{width:calc(100% - 36px)}.mu-assistance-nav{width:calc(100% - 32px)!important}.mu-assistance-nav .brand{margin-bottom:0}.blog-body{font-size:16px}}

.footer nav>a{padding:10px 14px;min-height:44px;display:flex;align-items:center;border-radius:24px;border:1px solid #d3dfdd}.mu-assistance-nav .menu-toggle{width:auto;margin-top:0;box-shadow:none}.mu-assistance-nav{padding-bottom:20px}.blog-card-body{position:relative}.blog-feature .blog-image{max-height:400px}.blog-article>.blog-image{height:auto;max-height:520px;object-fit:contain;background:#edf4f0;border-radius:18px}@media(max-width:760px){.blog-feature .blog-image{height:230px;min-height:0;max-height:none}.blog-feature .blog-art{min-height:200px}.blog-card-body{padding:24px}.mu-assistance-nav .menu-toggle{margin-left:auto}}


/* Actualización conjunta: tarjetas compactas y cabeceras integradas. */
.mu-admin-link{background:#e5e8ea!important;color:#455360!important;border-color:#d3d8dc!important;border-radius:999px!important}
.area-grid{grid-auto-rows:1fr;gap:22px}.area-grid>.area-card{min-height:420px!important;height:auto;min-width:0;padding:24px;display:flex;flex-direction:column}
.area-grid .area-top{min-height:62px;margin-bottom:14px}.area-grid .area-content{margin-top:0;display:flex;flex-direction:column;flex:1}.area-grid .area-content h3{font-size:26px;margin:0 0 12px}.area-grid .area-content>p{font-size:13px;line-height:1.75;margin-bottom:14px}
.area-grid .topic{margin:0}.area-grid .topic summary{min-height:46px;font-size:12px;line-height:1.5;padding-block:11px}.area-grid .topic p{font-size:12px;line-height:1.7;padding-bottom:10px;margin-bottom:0}
.area-grid .area-content>.button{margin-top:auto;padding:12px 18px;max-width:none;font-size:12px}.area-grid .tech .area-content>.button{margin-top:18px}
.usbetech-logo{width:66px;height:62px;object-fit:contain;flex-shrink:0;border-radius:12px}.mu-cyber-brand{background:linear-gradient(135deg,#123b5cee,#087e7ad9),url('/assets/portada-plc.png') center/cover}
.area-grid .books-background .area-top{margin-bottom:0}.area-grid .books-background .area-content{flex:0;margin-top:auto}.area-grid .books-background:before{background-position:center 32%;background-size:cover}.area-grid .books-background .area-content>p{color:#fff;max-width:410px}.area-grid .books-background:after{background:linear-gradient(180deg,#09202e20 0%,#09202e35 35%,#09202ee8 75%,#09202ef5 100%)}
.area-grid .books-background .area-content>.button{margin-top:5px}.area-grid .resources .area-content>p{margin-bottom:14px}
.blog-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #cbded4;border-radius:28px;max-width:none;min-height:310px;padding:42px;margin:36px 0 38px;background:#edf5f0}
.blog-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--blog-photo) center right/cover no-repeat}
.blog-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#edf5f0 0%,#edf5f0f5 35%,#edf5f0ba 62%,#edf5f022 100%)}
.blog-hero h1{font-size:clamp(32px,4vw,48px);max-width:640px;margin:15px 0;letter-spacing:-.045em}.blog-hero .blog-lead{font-size:17px;line-height:1.7;max-width:600px;margin:0}.blog-hero>.eyebrow{max-width:580px}
.blog-hero-tech{--blog-photo:url('/assets/portada-plc.png')}.blog-hero-tiro{--blog-photo:url('/assets/formacion-fondo.png')}.blog-hero h1 span{display:block;color:#087e7a;font-weight:500}
.books-page-hero{padding:45px 0 25px;max-width:850px}.books-page-hero h1{font-size:clamp(34px,5vw,56px)}.books-page-hero h1 span{color:#087e7a;font-weight:500;display:block}.books-page-hero p{max-width:700px;font-size:16px}
.book-page-card{display:grid;grid-template-columns:220px 1fr;gap:40px;background:#fff;border:1px solid #d4dfdf;border-radius:24px;padding:34px;margin-bottom:25px;align-items:start}.book-page-cover{width:100%;height:auto;max-height:335px;object-fit:contain;filter:drop-shadow(0 12px 12px #123b5c18)}.book-page-card h2{font-size:30px;letter-spacing:-.035em;line-height:1.25}.book-subtitle{font-weight:500;color:#087e7a}.book-page-card p{font-size:14px;line-height:1.8}.book-page-card details{border-top:1px solid #d4dfdf;margin-top:24px;padding-top:14px}.book-page-card summary{cursor:pointer;display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:#123b5c;gap:15px}.book-page-card summary:after{content:'+';font-size:22px;color:#087e7a}.book-page-card details[open] summary:after{content:'−'}.book-facts{font-size:12px;color:#586d7b}.book-authors{margin:30px 0 55px;padding:28px;background:#edf5f0;border-radius:20px}.admin-login{max-width:520px;margin:45px auto 65px;background:#fff;padding:35px;border:1px solid #d4dfdf;border-radius:24px}.admin-login h1{font-size:34px;line-height:1.2}.admin-login label{font-weight:600}.admin-login .button{justify-content:center}.admin-login .password-wrap{display:flex;gap:8px}.admin-login .password-wrap input{min-width:0;flex:1}
@media(max-width:760px){.area-grid{grid-auto-rows:1fr;gap:18px}.area-grid>.area-card{min-height:410px!important;padding:22px}.area-grid .area-content h3{font-size:25px}.area-grid .area-top{margin-bottom:12px}.area-grid .books-background:before{background-size:cover;background-position:center 30%}.blog-hero{padding:27px 23px 150px;min-height:380px;margin:25px 0 30px;border-radius:22px}.blog-hero:before{background-position:center bottom;background-size:auto 100%}.blog-hero:after{background:linear-gradient(180deg,#edf5f0 0%,#edf5f0f5 40%,#edf5f0bb 65%,#edf5f022 100%)}.blog-hero h1{font-size:33px;max-width:100%}.blog-hero .blog-lead{font-size:15px}.book-page-card{grid-template-columns:1fr;gap:25px;padding:25px 22px}.book-page-cover{width:150px;max-height:225px;margin:auto}.book-page-card h2{font-size:27px}.books-page-hero{padding-top:30px}.admin-login{padding:25px 20px;margin-top:28px}.site-header nav .mu-admin-link{width:auto;justify-content:center;align-self:flex-start;min-width:90px}}

/* Libros: dos tarjetas compactas, información completa al ampliar. */
.books-catalog{padding-bottom:32px}.books-intro{padding:42px 0 27px}.books-intro h1{font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.04em;margin:13px 0 14px}.books-intro h1 span{display:block;color:#087e7a;font-weight:500}.books-intro>p:last-child{font-size:14px;color:#586d7b}
.books-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.book-tile{border:1px solid #d7e2df;background:#fff;border-radius:24px;overflow:hidden;min-width:0;box-shadow:0 8px 28px #123b5c05}.book-tile-heading{display:grid;grid-template-columns:108px 1fr;align-items:center;gap:24px;padding:27px;min-height:220px;background:linear-gradient(130deg,#edf5f080,#fff)}.book-small-cover{display:block;width:108px;height:160px;object-fit:contain;filter:drop-shadow(0 7px 6px #123b5c18)}.book-year{font-size:8px;font-weight:600;color:#627889;letter-spacing:.08em}.book-tile h2{font-size:23px;line-height:1.2;letter-spacing:-.025em;margin:10px 0 12px;color:#123b5c}.book-byline{font-size:11px;line-height:1.7;margin:0;color:#586d7b}
.book-complete{border-top:1px solid #d7e2df}.book-complete>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:58px;padding:16px 27px;font-weight:600;font-size:12px;color:#087e7a;list-style:none}.book-complete>summary span{font-size:22px;line-height:1;transition:transform .15s}.book-complete[open]>summary span{transform:rotate(45deg)}.book-complete>summary:hover{background:#edf5f080}.book-expanded{padding:24px 27px;border-top:1px solid #edf1ef;overflow-wrap:anywhere}.book-expanded p{font-size:13px;line-height:1.9;margin-bottom:16px}.book-expanded h3{font-size:22px;line-height:1.3;letter-spacing:-.025em}.book-expanded .book-section-label{font-size:8px;letter-spacing:.15em;font-weight:600;color:#087e7a;margin-bottom:10px}.book-expanded .book-official-subtitle{font-size:14px;color:#087e7a;font-weight:500}
.book-official{background:#edf5f0;border-radius:15px;padding:20px;margin:25px 0}.book-official h3{font-size:18px}.book-official dl{margin:0;font-size:12px}.book-official dl>div{display:grid;grid-template-columns:105px 1fr;gap:12px;border-top:1px solid #d7e2df;padding:10px 0}.book-official dt{font-weight:600}.book-official dd{margin:0}.book-people>h3{font-size:20px;margin-top:30px}.book-person{border-top:1px solid #d7e2df;padding:22px 0 6px}.book-person-heading{display:flex;align-items:center;gap:15px;margin-bottom:14px}.book-person-heading img{width:64px;height:64px;object-fit:contain;border-radius:50%;background:#fff;flex-shrink:0}.book-person-heading h4{font-size:16px;line-height:1.3;margin:5px 0 0;color:#123b5c}.book-person-heading small{font-size:9px;color:#087e7a;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.books-contact{text-align:center;margin:25px 0 40px;font-size:12px;color:#586d7b}.books-contact a{color:#087e7a;font-weight:600;text-underline-offset:4px}
@media(max-width:760px){.books-intro{padding:30px 0 20px}.books-intro h1{font-size:33px}.books-two-grid{grid-template-columns:1fr;gap:18px}.book-tile-heading{grid-template-columns:85px 1fr;gap:18px;padding:22px;min-height:183px}.book-small-cover{width:85px;height:128px}.book-tile h2{font-size:21px}.book-complete>summary{padding:15px 22px}.book-expanded{padding:22px}.book-official{padding:17px}.book-official dl>div{grid-template-columns:90px 1fr}.book-expanded p{font-size:14px}.book-year{font-size:7px}}

/* Fotografías propias de cada blog, integradas en cabecera rectangular. */
.blog-hero-tech{--blog-photo:url('/assets/blog-tecnologia-hero.webp')}.blog-hero-tiro{--blog-photo:url('/assets/blog-tiro-hero.webp')}
.blog-hero{min-height:300px;padding:38px 40px}.blog-hero:after{background:linear-gradient(90deg,#edf5f0fa 0%,#edf5f0ea 36%,#edf5f0aa 52%,#edf5f000 72%)}.blog-hero h1{font-size:clamp(30px,3.3vw,43px);max-width:590px}.blog-hero .blog-lead{max-width:540px;font-size:15px}
.mu-blog-tech-link{background:#e7f2ee!important;color:#087e7a!important;border-color:#b7d8cd!important}.mu-blog-tiro-link{background:#faf1df!important;color:#123b5c!important;border-color:#e1c995!important}
@media(max-width:760px){.blog-hero{padding:26px 22px 180px;min-height:420px}.blog-hero h1{font-size:31px;max-width:100%}.blog-hero .blog-lead{font-size:14px;max-width:100%}.blog-hero:before{background-position:72% bottom;background-size:auto 100%}.blog-hero:after{background:linear-gradient(180deg,#edf5f0 0%,#edf5f0f5 38%,#edf5f0ce 54%,#edf5f000 76%)}.site-header nav .mu-blog-tech-link,.site-header nav .mu-blog-tiro-link{min-width:0}}

/* Entrada clara a las dos áreas privadas. */
.mu-admin-link{background:#536372!important;color:#fff!important;border-color:#536372!important;box-shadow:0 3px 9px #123b5c12}.site-header nav .mu-admin-link:hover,.footer nav .mu-admin-link:hover{background:#123b5c!important;color:#fff!important}
.admin-dashboard{max-width:1050px;padding-bottom:35px}.admin-welcome{padding:45px 0 25px}.admin-welcome h1{font-size:clamp(34px,4.5vw,52px);letter-spacing:-.045em;line-height:1.15;margin:16px 0}.admin-welcome>p:last-child{font-size:15px;color:#586d7b}.admin-destinations{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-destination{display:flex;flex-direction:column;padding:30px;background:#edf5f0;border:1px solid #cbded4;border-radius:24px;text-decoration:none;transition:background .2s}.admin-destination:last-child{background:#faf2e4;border-color:#e2d1b2}.admin-destination:hover{background:#dfeee8}.admin-destination:last-child:hover{background:#f3e6cd}.admin-section-tag{font-size:9px;color:#087e7a;font-weight:600;letter-spacing:.12em}.admin-destination h2{font-size:27px;line-height:1.22;letter-spacing:-.035em;margin:24px 0 16px;color:#123b5c}.admin-destination p{font-size:13px;color:#586d7b;line-height:1.7;margin-bottom:25px}.admin-open{display:flex;align-items:center;justify-content:space-between;background:#123b5c;color:#fff;border-radius:30px;padding:13px 17px;font-size:12px;font-weight:600;margin-top:auto}.admin-open>span{font-size:17px}.admin-logout{margin:25px 0 30px}.admin-logout button{border:0;cursor:pointer;background:#536372}
@media(max-width:760px){.admin-welcome{padding-top:30px}.admin-welcome h1{font-size:35px}.admin-destinations{grid-template-columns:1fr;gap:18px}.admin-destination{padding:25px}.admin-destination h2{font-size:26px;margin-top:20px}.admin-open{min-height:46px}}

/* Correcciones de formulario y navegación */
.admin-login h1{font-size:clamp(28px,4vw,40px);line-height:1.2}
.admin-login .form-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:26px}
.admin-login .form-stack label{font-weight:600;margin-top:8px}
.admin-login .form-stack input{display:block;width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid #c3d3d5;border-radius:12px;font:inherit;color:#123b5c;background:#fff;box-sizing:border-box}
.admin-login .form-stack input:focus{outline:2px solid #087e7a;outline-offset:2px}
.admin-login .form-stack .button{margin-top:10px;border:0;cursor:pointer}
.blog-public .mu-home-float{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#123b5c;color:#fff!important;border:0;min-height:48px;padding:14px 18px;box-shadow:0 6px 20px #123b5c24;z-index:100;font:600 12px/1.2 Montserrat,Arial,sans-serif}
.blog-public .mu-home-float svg{display:block;width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mu-blog-tiro-link{background:#f0ddb9!important;color:#123b5c!important;border-color:#dec498!important}
@media(max-width:760px){.admin-login{padding:26px!important;width:100%;box-sizing:border-box}.blog-public .mu-home-float{left:12px;bottom:14px;padding:12px 14px}}
