/* Stílogo · página «Servicios digitales» (9 nov 2026) */
.sdr{--az:#4f9fd3;--az2:#406999;--ti:#465a79;--ve:#73b632;--bt:#1d7ea3;--lab:#b87a74;--tx:#292728;--gr:#6b7684;--li:#dfe7ef;font-family:"Open Sans",sans-serif;color:var(--tx);line-height:1.6;overflow:hidden}
.sdr *{box-sizing:border-box}
.sdr a{color:inherit}
.sdr h2,.sdr h3,.sdr .sd-cf{font-family:Comfortaa,"Open Sans",sans-serif;font-weight:400}
.sdr .sd-w{max-width:1180px;margin:0 auto;padding:0 20px}
.sdr .sd-k{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--az);font-weight:600;margin-bottom:6px}
.sdr .sd-bt{display:inline-block;background:var(--bt);color:#fff;padding:8px 22px;text-decoration:none;font-size:17px;transition:background .2s}
.sdr .sd-bt:hover{background:#155f7b}
.sdr .sd-bt.lab{background:var(--lab)}.sdr .sd-bt.lab:hover{background:#9c605a}
/* Servicios */
.sdr .sd-serv{background:#f8f8f8;padding:70px 0 60px;border-bottom:1px solid #eceff2}
.sdr .sd-serv h2{color:var(--ti);font-size:40px;text-align:center;margin:0 0 8px}
.sdr .sd-serv .sd-sub{color:var(--gr);text-align:center;max-width:760px;margin:0 auto 40px;font-size:17px}
.sdr .sd-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.sdr .sd-card{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);padding:30px 22px 26px;display:flex;flex-direction:column}
.sdr .sd-card h3{color:var(--ti);font-size:22px;line-height:1.25;margin:0 0 6px}
.sdr .sd-card .sd-in{font-size:14px;color:var(--gr)}
.sdr .sd-card .sd-pr{color:var(--ve);font-size:17px;font-weight:600;margin:12px 0 10px}
.sdr .sd-card ul{margin:0 0 14px;padding:0;list-style:none;font-size:14.5px}
.sdr .sd-card li{position:relative;padding:6px 0 6px 20px;border-top:1px solid #eef2f5}
.sdr .sd-card li:before{content:"";position:absolute;left:2px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--ve)}
.sdr .sd-card .sd-mas{font-size:13px;color:var(--gr);margin-bottom:18px;flex:1}
.sdr .sd-card .sd-bt{align-self:flex-start}
.sdr .sd-labband{margin:34px auto 0;max-width:900px;background:rgba(255,255,255,.96);display:flex;align-items:center;gap:26px;padding:20px 28px;box-shadow:0 6px 24px rgba(0,0,0,.12)}
.sdr .sd-labband svg{width:150px;flex:none;color:var(--lab)}
.sdr .sd-labband p{margin:0;font-size:15px;flex:1}
/* Camino */
.sdr .sd-cam{padding:80px 0 40px;background:linear-gradient(#fff,#f5f9fc 30%,#fff)}
.sdr .sd-cab{text-align:center;max-width:820px;margin:0 auto 34px}
.sdr .sd-cab h2{color:var(--ti);font-size:40px;margin:0 0 14px;line-height:1.2}
.sdr .sd-cab h2 b{font-weight:400;color:var(--az)}.sdr .sd-cab h2 i{font-style:normal;color:var(--lab)}
.sdr .sd-cab p{font-size:17px;margin:0}
.sdr .sd-cifras{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:980px;margin:0 auto 60px}
.sdr .sd-cifra{text-align:center;padding:14px 8px;border-top:3px solid var(--az)}
.sdr .sd-cifra .n{font-family:Comfortaa,sans-serif;font-size:40px;color:var(--ti);line-height:1.1}
.sdr .sd-cifra .n sup{font-size:.5em;vertical-align:super;line-height:0}
.sdr .sd-cifra .t{font-size:14px;color:var(--gr)}
.sdr .sd-tl{position:relative;max-width:1100px;margin:0 auto;display:flow-root}
.sdr .sd-esp{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:var(--li);border-radius:2px}
.sdr .sd-esp i{position:absolute;left:0;top:0;width:100%;height:var(--p,0%);background:linear-gradient(var(--az),var(--az2));border-radius:2px}
.sdr .sd-era{position:relative;text-align:center;margin:10px 0 36px;z-index:1}
.sdr .sd-era span{display:inline-block;background:#fff;border:2px solid var(--az);color:var(--ti);font-family:Comfortaa,sans-serif;padding:6px 20px;border-radius:30px;font-size:16px}
.sdr .sd-it{position:relative;display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;margin-bottom:26px}
.sdr .sd-it .sd-pt{grid-column:2;grid-row:1;justify-self:center;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--li);z-index:1;transition:all .4s}
.sdr .sd-it.on .sd-pt{border-color:var(--az);background:var(--az);box-shadow:0 0 0 6px rgba(79,159,211,.18)}
.sdr .sd-it .sd-an{grid-row:1;font-family:Comfortaa,sans-serif;font-size:54px;color:#d6e6f3;line-height:1;transition:color .6s}
.sdr .sd-it.on .sd-an{color:#b9d7ee}
.sdr .sd-it.izq .sd-c{grid-column:1;grid-row:1}.sdr .sd-it.izq .sd-an{grid-column:3;padding-left:10px}
.sdr .sd-it.der .sd-c{grid-column:3;grid-row:1}.sdr .sd-it.der .sd-an{grid-column:1;text-align:right;padding-right:10px}
.sdr .sd-c{display:flex;gap:16px;background:#fff;padding:14px;box-shadow:0 4px 18px rgba(40,70,110,.10);border-radius:6px;position:relative}
.sdr .sd-it.izq .sd-c{flex-direction:row-reverse;text-align:right}
.sdr .sd-c:after{content:"";position:absolute;top:50%;width:22px;height:2px;background:var(--li)}
.sdr .sd-it.izq .sd-c:after{right:-22px}.sdr .sd-it.der .sd-c:after{left:-22px}
.sdr .sd-nav{flex:none;align-self:flex-start;width:150px;border-radius:5px;overflow:hidden;border:1px solid #dbe3ea;background:#fff;display:block}
.sdr .sd-nav:before{content:"";display:block;height:12px;background:radial-gradient(circle at 7px 6px,#e9776a 2px,transparent 2.6px),radial-gradient(circle at 14px 6px,#ecc15a 2px,transparent 2.6px),radial-gradient(circle at 21px 6px,#7cc47f 2px,transparent 2.6px),#eef2f5}
.sdr .sd-nav b{display:block;height:104px;background-color:#f2f5f8;background-size:100% auto;background-position:50% 0;background-repeat:no-repeat;transition:background-position var(--d,4s) ease-in-out}
.sdr .sd-nav:hover b,.sdr .sd-nav:focus b{background-position:50% 100%}
.sdr .sd-tx{flex:1;min-width:0}
.sdr .sd-tx h3{margin:0 0 2px;font-size:19px;color:var(--ti);line-height:1.25}
.sdr .sd-tag{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--az);font-weight:600;margin-bottom:4px}
.sdr .sd-tag.hd{color:#2e8b57}.sdr .sd-tag.med{color:#c0504d}
.sdr .sd-tx p{margin:0 0 6px;font-size:14px;line-height:1.5}
.sdr .sd-lk{font-size:13px}.sdr .sd-lk a{color:var(--bt);text-decoration:none;font-weight:600;margin:0 6px}.sdr .sd-lk a:hover{text-decoration:underline}
/* Hito BVFE */
.sdr .sd-hito{position:relative;z-index:1;max-width:940px;margin:20px auto 50px;background:#fff;border-radius:8px;box-shadow:0 14px 50px rgba(40,70,110,.18);display:flex;overflow:hidden;border-top:5px solid var(--az)}
.sdr .sd-hito .sd-nav{width:300px;border:0;border-radius:0;border-right:1px solid #e4ebf1}
.sdr .sd-hito .sd-nav b{height:100%;min-height:300px}
.sdr .sd-hito .sd-tx{padding:28px 32px}
.sdr .sd-hito .sd-an2{font-family:Comfortaa,sans-serif;color:var(--az);font-size:18px}
.sdr .sd-hito h3{font-size:28px;margin:4px 0 10px}
.sdr .sd-hito p{font-size:15px}
.sdr .sd-sellos{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px}
.sdr .sd-sello{font-size:12.5px;padding:4px 12px;border-radius:20px;background:#eef6fc;color:var(--ti);font-weight:600}
.sdr .sd-sello.pr{background:#fff4d6;color:#8a6200}
/* Nodo Lab */
.sdr .sd-nodo{position:relative;z-index:1;text-align:center;margin:40px auto 0;max-width:640px}
.sdr .sd-nodo .sd-an2{font-family:Comfortaa,sans-serif;color:var(--lab);font-size:22px;margin-bottom:10px}
.sdr .sd-logo{display:inline-block;background:#fff;border:2px solid var(--lab);border-radius:60px;padding:22px 40px;box-shadow:0 0 0 0 rgba(184,122,116,.4);position:relative}
.sdr .sd-logo svg{width:230px;display:block;color:var(--lab)}
.sdr .sd-nodo.on .sd-logo{animation:sdpulso 2.4s ease-out 2}
@keyframes sdpulso{0%{box-shadow:0 0 0 0 rgba(184,122,116,.45)}100%{box-shadow:0 0 0 34px rgba(184,122,116,0)}}
/* Variante «degr»: borde y pulso de azul (Stílogo) a marrón (Lab). Para volver a la original, quitar la clase degr del nodo en sd-sup.html */
.sdr .sd-nodo.degr .sd-logo{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--az2),var(--lab)) border-box}
.sdr .sd-nodo.degr.on .sd-logo{animation:sdpulso2 2.4s ease-out 2}
@keyframes sdpulso2{0%{box-shadow:0 0 0 0 rgba(64,105,153,.45)}100%{box-shadow:0 0 0 34px rgba(184,122,116,0)}}
.sdr .sd-nodo h3{color:var(--ti);font-size:26px;margin:22px 0 8px}
.sdr .sd-nodo p{font-size:15.5px;margin:0 0 18px}
.sdr .sd-fork{display:block;width:100%;height:110px;margin-top:10px}
.sdr .sd-fork path{fill:none;stroke-width:4;stroke-linecap:round}
.sdr .sd-ramas{display:grid;grid-template-columns:1fr 1fr;gap:40px;position:relative}
.sdr .sd-rama{position:relative;padding:22px 0 0 34px}
.sdr .sd-rama:before{content:"";position:absolute;left:8px;top:0;bottom:20px;width:4px;border-radius:2px;background:var(--az)}
.sdr .sd-rama.lab:before{background:repeating-linear-gradient(var(--lab) 0 10px,transparent 10px 16px)}
.sdr .sd-rama h4{font-family:Comfortaa,sans-serif;font-weight:400;font-size:21px;color:var(--ti);margin:0 0 4px}
.sdr .sd-rama.lab h4{color:var(--lab)}
.sdr .sd-rama>p{font-size:14.5px;margin:0 0 16px;color:var(--gr)}
.sdr .sd-hoy{list-style:none;margin:0;padding:0}
.sdr .sd-hoy li{position:relative;background:#fff;box-shadow:0 3px 14px rgba(40,70,110,.09);padding:12px 16px;margin-bottom:12px;border-left:4px solid var(--ve);font-size:15px}
.sdr .sd-hoy li:before,.sdr .sd-mini a:before{content:"";position:absolute;left:-26px;top:50%;width:22px;height:2px;background:var(--az)}
.sdr .sd-hoy li b{color:var(--ti);font-weight:600}
.sdr .sd-mini{display:grid;grid-template-columns:1fr;gap:10px}
.sdr .sd-mini a{position:relative;display:flex;align-items:center;gap:12px;text-decoration:none;background:#fff;padding:7px;border:1px solid #efe4e2;border-radius:5px;filter:grayscale(.85);opacity:.78;transition:filter .3s,opacity .3s,transform .3s}
.sdr .sd-mini a:before{background:#e3c9c5}
.sdr .sd-mini a:hover,.sdr .sd-mini a:focus{filter:none;opacity:1;transform:translateX(4px)}
.sdr .sd-mini i{flex:none;width:78px;height:48px;border-radius:3px;background-size:100% auto;background-position:50% 0;background-color:#f4eeed}
.sdr .sd-mini span{font-size:13.5px;line-height:1.35}.sdr .sd-mini em{display:block;font-style:normal;font-size:12px;color:var(--lab)}
.sdr .sd-rama .sd-mas2{display:inline-block;margin-top:14px;font-size:14.5px;color:var(--lab);font-weight:600;text-decoration:none}
/* Archivo Stíblogo: tira horizontal con miniaturas */
.sdr .sd-arch{background:linear-gradient(#fff,#f6f8fa);padding:56px 0 50px;border-top:1px solid #e8edf2}
.sdr .sd-archcab{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.sdr .sd-arch h2{color:var(--ti);font-size:32px;margin:0 0 6px}
.sdr .sd-archcab p{max-width:720px;font-size:15px;color:var(--gr);margin:0}
.sdr .sd-flechas{display:flex;gap:10px;flex:none}
.sdr .sd-flechas button{width:44px;height:44px;border-radius:50%;border:1px solid #cfdbe6;background:#fff;color:var(--ti);font-size:26px;line-height:1;cursor:pointer;transition:all .2s}
.sdr .sd-flechas button:hover{background:var(--az);border-color:var(--az);color:#fff}
.sdr .sd-chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 6px}
.sdr .sd-chips button{font-family:Comfortaa,sans-serif;font-size:14px;border:1px solid #d6e2ec;background:#fff;color:var(--ti);border-radius:20px;padding:4px 14px;cursor:pointer;transition:all .2s}
.sdr .sd-chips button:hover,.sdr .sd-chips button.on{background:var(--az);border-color:var(--az);color:#fff}
.sdr .sd-tira{position:relative;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;padding:18px max(20px,calc((100% - 1140px)/2)) 26px;scrollbar-width:thin;scrollbar-color:#c9d6e3 transparent;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.sdr .sd-tira:focus{outline:none}
.sdr .sd-pa{flex:none;width:92px;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:3px solid var(--az);padding-left:4px}
.sdr .sd-pa b{font-family:Comfortaa,sans-serif;font-weight:400;font-size:30px;color:var(--ti);writing-mode:vertical-rl;transform:rotate(180deg)}
.sdr .sd-pa small{font-size:11.5px;color:var(--gr);margin-top:8px;text-align:center}
.sdr .sd-po{flex:none;width:250px;scroll-snap-align:start;background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 4px 16px rgba(40,70,110,.10);text-decoration:none;color:var(--tx);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.sdr .sd-po:hover,.sdr .sd-po:focus{transform:translateY(-5px);box-shadow:0 12px 28px rgba(40,70,110,.18)}
.sdr .sd-po i{display:block;height:150px;background:#eef2f5 50% 30%/cover no-repeat;transition:filter .3s}
.sdr .sd-po:not(:hover) i{filter:saturate(.85)}
.sdr .sd-pf{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 0;font-size:12px;color:var(--gr)}
.sdr .sd-pf em{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--az);border-radius:10px;padding:1px 8px}
.sdr .sd-pt2{padding:0;margin:6px 16px 18px;font-size:14.5px;line-height:1.4;color:var(--ti);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.sdr .sd-po.pj{box-shadow:0 4px 16px rgba(40,70,110,.10),inset 0 3px 0 var(--az)}
/* Animación (solo con JS) */
.sdr.js .sd-rv{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.sdr.js .sd-it.izq .sd-c.sd-rv{transform:translateX(-40px)}.sdr.js .sd-it.der .sd-c.sd-rv{transform:translateX(40px)}
.sdr.js .sd-rv.in{opacity:1;transform:none!important}
.sdr.js .sd-fork path{stroke-dasharray:var(--l);stroke-dashoffset:var(--l);transition:stroke-dashoffset 1.6s ease}
.sdr.js .sd-fork.in path{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){.sdr.js .sd-rv,.sdr.js .sd-fork path{transition:none;opacity:1;transform:none;stroke-dashoffset:0}.sdr .sd-nav b{transition:none}.sdr .sd-nodo.on .sd-logo,.sdr .sd-nodo.degr.on .sd-logo{animation:none}}
.sdr .sd-nav b,.sdr .sd-mini i{background-size:cover}
.sdr .sd-nodo{margin-top:0;padding-top:50px}
.sdr .sd-nodo:before{content:"";position:absolute;left:50%;top:0;height:52px;width:4px;margin-left:-2px;background:linear-gradient(var(--az2),var(--lab))}
.sdr .sd-nodo h3{color:var(--lab)}
/* Botón secundario del encabezado (fuera del bloque) */
.box-intro .sd-bt2{display:inline-block;margin-left:14px;color:#fff;border:1px solid rgba(255,255,255,.8);padding:6px 20px;text-decoration:none;font-size:17px}
.box-intro .sd-bt2:hover{background:rgba(255,255,255,.15)}
/* Tramo Stílogo Lab (2021): logo, web de Lab y BDversa, antes de la bifurcación */
.sdr .sd-labtramo{position:relative;max-width:1100px;margin:0 auto}
.sdr .sd-labcards{position:relative}
.sdr .sd-labcards:before{content:"";position:absolute;left:50%;top:-26px;bottom:0;width:4px;margin-left:-2px;background:var(--lab);opacity:.55}
.sdr .sd-labtramo .sd-nodo{padding-bottom:34px}
.sdr .sd-nodo-lbl{display:flex;flex-direction:column;align-items:center;margin-top:16px}
.sdr .sd-nodo-lbl span{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.2em;font-weight:600;color:var(--gr)}
.sdr .sd-nodo-lbl span:before,.sdr .sd-nodo-lbl span:after{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--az2),var(--lab))}
.sdr .sd-labtramo .sd-nodo-lbl h3{margin:4px 0 0;padding:0;background:linear-gradient(90deg,var(--az2),var(--lab));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;font-size:28px}
.sdr .sd-hito.lab{border-top-color:var(--lab);margin-bottom:40px}
.sdr .sd-hito.lab .sd-an2{color:var(--lab)}
.sdr .sd-hito.lab .sd-sello{background:#f7eeec;color:#8c5a55}
.sdr .sd-hito.lab:last-child{margin-bottom:0}
/* Escaparate BDversa (claro; la ilustración y las capturas aportan el contraste) */
.sdr .sd-bdv{--bo:#e4572e;position:relative;z-index:1;max-width:1100px;margin:0 auto;background:#fff;color:var(--tx);border-radius:10px;overflow:hidden;box-shadow:0 14px 50px rgba(40,70,110,.16);border-top:5px solid var(--bo)}
.sdr .sd-bdv-top{display:grid;grid-template-columns:.8fr 1.2fr}
.sdr .sd-bdv-img{display:block;min-height:440px;background:#1b1c19 50% 30%/cover no-repeat}
.sdr .sd-bdv-tx{padding:36px 42px 30px}
.sdr .sd-bdv-k{display:block;color:var(--bo);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.sdr .sd-bdv h3{font-family:Georgia,"Times New Roman",serif;font-size:44px;color:#1b1c19;margin:8px 0 2px;line-height:1.1}
.sdr .sd-bdv-lema{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:20px;color:#5b544b;margin:0 0 14px}
.sdr .sd-bdv-tx p{font-size:15px;line-height:1.6;color:#3f3a35}
.sdr .sd-bdv-tipos{list-style:none;margin:18px 0 0;padding:0}
.sdr .sd-bdv-tipos li{display:flex;align-items:baseline;gap:12px;padding:7px 0;border-top:1px solid #eee7df;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:#2b2622}
.sdr .sd-bdv-tipos li span{color:var(--bo);font-size:13px;min-width:20px}
.sdr .sd-bdv-tipos a{color:#2b2622;text-decoration:none;border-bottom:1px solid #cbbfb2}
.sdr .sd-bdv-tipos a:hover{color:var(--bo);border-color:var(--bo)}
.sdr .sd-bdv-tipos i{font-style:normal;color:var(--bo);font-size:12px}
.sdr .sd-bdv-raices{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;padding:20px 42px 22px;background:#faf7f3;border-top:1px solid #efe8e0;border-bottom:1px solid #efe8e0;font-size:13px}
.sdr .sd-bdv-raices>span{flex-basis:100%;color:#8a8278;text-transform:uppercase;letter-spacing:.1em;font-size:11.5px}
.sdr .sd-rg{display:flex;flex-direction:column;gap:6px}
.sdr .sd-rg>small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--az)}
.sdr .sd-rg.lab>small{color:var(--lab)}
.sdr .sd-rg div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sdr .sd-bdv-raices a{color:var(--ti);text-decoration:none;background:#fff;border:1px solid #c9dcec;border-radius:20px;padding:3px 12px;transition:all .2s}
.sdr .sd-bdv-raices a small{color:var(--az);margin-left:3px}
.sdr .sd-rg.lab a{color:#7d4f4a;border-color:#e3c9c5;background:#fdf6f5}
.sdr .sd-rg.lab a small{color:var(--lab)}
.sdr .sd-rg.lab a.sd-rl{display:inline-flex;align-items:center;gap:6px;background:var(--lab);border-color:var(--lab);color:#fff}
.sdr .sd-rg.lab a.sd-rl svg{width:78px;color:#fff;display:block}
.sdr .sd-rg.lab a.sd-rl small{color:#fff;opacity:.85}
.sdr .sd-bdv-raices a:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.08)}
.sdr .sd-bdv-raices .sd-fl{color:#b5aca1;font-weight:400;padding-bottom:3px}
.sdr .sd-bdv-raices em{font-style:normal;background:var(--bo);color:#fff;border-radius:20px;padding:3px 14px;font-weight:600}
.sdr .sd-bdv-demos{padding:30px 42px 34px}
.sdr .sd-bdv-demos h4{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:24px;color:#1b1c19;margin:0 0 18px}
.sdr .sd-demos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sdr .sd-demo{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;text-decoration:none;color:var(--tx);border:1px solid #ece4da;box-shadow:0 3px 12px rgba(0,0,0,.05);transition:transform .3s,border-color .3s,box-shadow .3s}
.sdr .sd-demo:hover{transform:translateY(-5px);border-color:var(--bo);box-shadow:0 12px 26px rgba(0,0,0,.10)}
.sdr .sd-demo i{display:block;aspect-ratio:4/3;background:#f3efe9 50% 0/cover no-repeat;border-bottom:1px solid #ece4da}
.sdr .sd-demo-k{margin:14px 16px 2px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--bo);font-weight:600}
.sdr .sd-demo strong{margin:0 16px;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:18px;color:#1b1c19;line-height:1.3}
.sdr .sd-demo-d{margin:6px 16px 0;font-size:13.5px;color:#5f5850;line-height:1.5;flex:1}
.sdr .sd-demo-a{margin:12px 16px 16px;font-size:13px;font-weight:600;color:var(--bo)}
.sdr .sd-bdv-pie{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px}
.sdr .sd-bdv-pie small{color:#8a8278;font-size:12.5px}
.sdr .sd-bt.bdv{background:#e4572e;border-radius:30px;padding:9px 26px}.sdr .sd-bt.bdv:hover{background:#c8461f}
/* Móvil y tableta */
@media (max-width:1000px){.sdr .sd-cards{grid-template-columns:1fr 1fr}.sdr .sd-bdv-top{grid-template-columns:1fr}.sdr .sd-bdv-img{min-height:340px}}
@media (max-width:780px){
.sdr .sd-serv h2,.sdr .sd-cab h2{font-size:30px}
.sdr .sd-cards,.sdr .sd-ramas{grid-template-columns:1fr}
.sdr .sd-cifras{grid-template-columns:1fr 1fr}
.sdr .sd-esp{left:18px}
.sdr .sd-it{grid-template-columns:36px 1fr}
.sdr .sd-it .sd-pt{grid-column:1}
.sdr .sd-it.izq .sd-c,.sdr .sd-it.der .sd-c{grid-column:2;flex-direction:row;text-align:left}
.sdr .sd-it .sd-an{display:none}
.sdr .sd-it.izq .sd-c:after,.sdr .sd-it.der .sd-c:after{left:-18px;right:auto;width:18px}
.sdr.js .sd-it.izq .sd-c.sd-rv{transform:translateX(40px)}
.sdr .sd-nav{width:96px}.sdr .sd-nav b{height:80px}
.sdr .sd-hito{flex-direction:column;margin-left:36px}.sdr .sd-hito .sd-nav{width:100%}.sdr .sd-hito .sd-nav b{min-height:200px}
.sdr .sd-labband{flex-direction:column;text-align:center}
.sdr .sd-fork{display:none}
.sdr .sd-hito h3{font-size:22px}.sdr .sd-tx h3{font-size:17px}.sdr .sd-nodo:before{left:0;margin-left:-12px}
.sdr .sd-archcab{display:block}.sdr .sd-flechas{display:none}.sdr .sd-po{width:220px}.sdr .sd-po i{height:130px}.sdr .sd-tira{-webkit-mask-image:none;mask-image:none}
.sdr .sd-bdv{margin-left:30px}.sdr .sd-bdv-top,.sdr .sd-demos{grid-template-columns:1fr}.sdr .sd-bdv-img{min-height:220px}.sdr .sd-bdv-tx,.sdr .sd-bdv-demos{padding:24px 22px}.sdr .sd-bdv-raices{padding:16px 22px}.sdr .sd-bdv h3{font-size:34px}.sdr .sd-bdv-pie{flex-direction:column;align-items:flex-start}
.sdr .sd-labcards:before{left:18px}.sdr .sd-nodo-lbl{align-items:flex-start}.sdr .sd-era{text-align:left;padding-left:30px}.sdr .sd-nodo{margin-left:30px}.sdr .sd-logo svg{width:180px}.sdr .sd-logo{padding:16px 26px}
}

@media (max-width:780px){
.sdr .sd-labtramo:before{content:"";position:absolute;left:18px;top:0;bottom:0;width:4px;margin-left:-2px;border-radius:2px;background:linear-gradient(var(--az2),rgba(184,122,116,.55) 150px)}
.sdr .sd-nodo:before,.sdr .sd-labcards:before{display:none}
.sdr .sd-nodo{margin-left:36px;padding-top:34px;text-align:left}
.sdr .sd-logo{padding:14px 22px}.sdr .sd-logo svg{width:160px}
.sdr .sd-logo:before{content:"";position:absolute;left:-20px;top:50%;width:18px;height:2px;margin-top:-1px;background:linear-gradient(90deg,var(--az2),var(--lab))}
.sdr .sd-nodo-lbl{margin-top:12px}
.sdr .sd-bdv{margin-left:36px}
.sdr .sd-rama{padding-left:36px}.sdr .sd-rama:before{left:16px}
.sdr .sd-hoy li:before,.sdr .sd-mini a:before{left:-18px;width:16px}
}


.box-intro .sd-botones{display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px}
.box-intro .sd-botones .btn,.box-intro .sd-botones .sd-bt2{margin:0}
@media only screen and (max-width:768px){.box-intro .sd-botones{justify-content:center}}
.sdr cite{font-style:italic}
.sdr .sd-premios{list-style:none;margin:12px 0 6px;padding:0}
.sdr .sd-premios li{font-size:14px;line-height:1.45;margin:0 0 9px;color:var(--tx)}
.sdr .sd-premios .sd-sello{display:inline-block;margin:0 6px 0 0;padding:3px 10px;border-radius:999px;font-size:13.6px;font-weight:600;line-height:1.3}
.sdr .sd-sello.pr{background:rgba(108,160,57,.08);color:#395771;border:1px solid #6ca039}
.sdr .sd-sello.nom{background:#eef6fc;color:var(--ti);border:1px solid #c9dcec}


.sdr .sd-hito .sd-nav{align-self:stretch;display:flex;flex-direction:column}
.sdr .sd-hito .sd-nav b{flex:1 1 auto;height:auto}


.sdr .sd-bdv-raices{display:block}
.sdr .sd-bdv-raices>span{display:block;margin:0 0 6px}
.sdr .sd-rf{display:grid;grid-template-columns:185px 1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px dashed #e7ddd2}
.sdr .sd-rf:first-of-type{border-top:0}
.sdr .sd-rt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--az)}
.sdr .sd-rt small{display:block;text-transform:none;letter-spacing:0;font-weight:400;font-size:12px;color:#8a8278;margin-top:2px}
.sdr .sd-rf.lab .sd-rt{color:var(--lab)}.sdr .sd-rf.hoy .sd-rt{color:var(--bo)}
.sdr .sd-rc{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sdr .sd-bdv-raices .sd-rc a.deg{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--az2),var(--lab)) border-box}
.sdr .sd-rf.lab .sd-rc a{color:#7d4f4a;border-color:#e3c9c5;background:#fdf6f5}.sdr .sd-rf.lab .sd-rc a small{color:var(--lab)}
.sdr .sd-bdv-raices .sd-rt a.sd-rl{display:inline-flex;align-items:center;gap:6px;margin-top:6px;background:var(--lab);border-color:var(--lab);color:#fff;text-transform:none;letter-spacing:0;font-weight:400;font-size:13px}
.sdr .sd-rt a.sd-rl svg{width:74px;color:#fff;display:block}.sdr .sd-rt a.sd-rl small{display:inline;margin:0;color:#fff;opacity:.85}
@media (max-width:780px){.sdr .sd-rf{grid-template-columns:1fr;gap:8px}}