/* Service cards and a shared, stable detail stage. Native HTML fallback stays readable. */
.service-picker-hint{font-size:.76rem;line-height:1.5;color:#b6d2c6;margin:-8px 0 20px;max-width:36ch}
.service-card[aria-selected=true]:hover{transform:none}
.service-card[aria-selected=true] .service-number::before{content:"●";font-size:.5rem;margin-right:7px;vertical-align:middle}
#servicios{background-image:radial-gradient(ellipse at 100% 70%,#62bda415,transparent 60%)}
.service-browser{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:start}
.service-picker{min-width:0}.service-picker-label{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:#c3d9d1;margin:0 0 18px}.service-picker-label>span{font-size:1.4rem;color:#ffd151}
.service-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.service-card{position:relative;appearance:none;text-align:left;width:100%;min-width:0;min-height:152px;padding:20px;border:1px solid #c2dfce30;border-radius:12px;background:linear-gradient(135deg,#ffffff07,#ffffff02);color:#f0f7f2;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:20px;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.service-card-top{display:flex;justify-content:space-between;align-items:center;width:100%}.service-icon{width:35px;height:35px;color:#b3d3c5;transition:color .25s,transform .25s}.service-icon svg{width:100%;height:100%;display:block}.service-number{font:500 .67rem var(--font);letter-spacing:.14em;color:#a8c7ba}.service-card-title{font-family:var(--display);font-size:1.05rem;font-weight:600;line-height:1.3;max-width:22ch;padding-right:13px}.service-card-arrow{position:absolute;right:16px;bottom:17px;color:#b5d6c6;transition:transform .25s,color .25s}.service-card:hover{transform:translateY(-3px);border-color:#cce5d970;background-color:#ffffff08}.service-card[aria-selected=true]{border-color:#ffd04a;background:linear-gradient(135deg,#ffce4614,#ffd04a05);box-shadow:inset 0 0 26px #ffce4606,0 7px 24px #002d3020}.service-card[aria-selected=true] .service-icon,.service-card[aria-selected=true] .service-number,.service-card[aria-selected=true] .service-card-arrow{color:#ffd04a}.service-card[aria-selected=true] .service-card-arrow{transform:translate(2px,-2px)}.service-card[aria-selected=true] .service-icon{transform:translateY(-2px)}.service-card:focus-visible{outline:2px solid #ffce46;outline-offset:4px}
.service-stage{min-width:0;display:grid;gap:18px}.service-panel{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:32px;border:1px solid #dae5dc;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#dcebddaa,transparent 48%),#f8faf6;color:#153f37;box-shadow:0 20px 50px #002e321c;overflow:hidden;scroll-margin-top:105px;min-width:0}.service-panel-top{display:flex;justify-content:space-between;gap:12px;width:100%;font:500 .6rem var(--font);letter-spacing:.13em;color:#5f7d6e;margin-bottom:26px}.service-panel-symbol{width:72px;height:72px;color:#085959;border:1px solid #bed4c5;border-radius:13px;padding:16px;background:linear-gradient(#08595907 1px,transparent 1px),linear-gradient(90deg,#08595907 1px,transparent 1px),#eff5ed;background-size:12px 12px;margin-bottom:25px;position:relative}.service-panel-symbol::after{content:"";position:absolute;left:100%;top:35px;width:90px;height:1px;background:linear-gradient(90deg,#9ebca7,transparent)}.service-panel-symbol svg{width:100%;height:100%;display:block}.service-panel h3{font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:700;line-height:1.15;letter-spacing:-.035em;max-width:23ch;margin-bottom:17px}.service-description{font-size:.95rem;line-height:1.7;color:#355e50;margin-bottom:18px}.service-audience{font-size:.82rem;line-height:1.65;padding-left:13px;border-left:2px solid #d5ae28;color:#567265;margin-bottom:26px}.service-panel ul{list-style:none;padding:23px 0 0;margin:0 0 30px;display:grid;grid-template-columns:1fr;gap:13px;border-top:1px solid #dce5d9;width:100%}.service-panel li{font-size:.88rem;line-height:1.5;position:relative;padding-left:24px}.service-panel li::before{content:"↗";position:absolute;left:0;top:0;color:#4d8069;font-size:.95rem}.service-panel-footer{margin-top:auto;padding-top:4px;width:100%}.service-panel-footer .btn{font-size:.87rem}.service-panel-footer .btn:hover{box-shadow:0 8px 20px #b8a54420}.service-panel:focus-visible{outline:3px solid #ffd04a;outline-offset:4px}
.service-browser.is-enhanced .service-stage{gap:0;isolation:isolate}.service-browser.is-enhanced .service-panel{grid-area:1/1;visibility:hidden;pointer-events:none}.service-browser.is-enhanced .service-panel.is-active{visibility:visible;pointer-events:auto;z-index:1}
.service-carousel-controls{display:none}.service-browser:not(.is-enhanced){grid-template-columns:1fr}.service-browser:not(.is-enhanced) .service-picker{display:none}
@media(min-width:901px){.service-card:last-child{grid-column:1/-1;min-height:106px;flex-direction:row;align-items:center;padding-right:40px}.service-card:last-child .service-card-top{width:auto;gap:15px}.service-card:last-child .service-card-title{max-width:none}.service-card:last-child .service-card-arrow{bottom:calc(50% - 13px)}}
@media(max-width:1100px) and (min-width:901px){.service-browser{gap:22px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.service-card{padding:17px;min-height:165px}.service-card-title{font-size:.95rem}.service-panel{padding:26px}.service-panel li{font-size:.84rem}}
@media(max-width:900px){.service-browser{grid-template-columns:minmax(0,1fr);gap:24px}.service-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#799e894a transparent;overscroll-behavior-x:contain;gap:12px;padding:5px 5px 12px;scroll-padding-inline:5px}.service-card{flex:0 0 76%;min-height:156px;scroll-snap-align:start;scroll-snap-stop:normal;gap:17px}.service-card:last-child{margin-right:calc(24% - 5px)}.service-card-title{font-size:1.12rem}.service-card:hover{transform:none}.service-picker-label{margin-bottom:10px}.service-browser.is-enhanced .service-carousel-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:10px}.service-carousel-controls button{appearance:none;display:grid;place-items:center;width:38px;height:38px;border:1px solid #d4e6d135;background:#ffffff06;border-radius:50%;color:#ffd04b;cursor:pointer;font:1.1rem var(--font);transition:border-color .2s,background .2s}.service-carousel-controls button:hover{border-color:#ffd04b;background:#ffd04b0a}.service-carousel-controls button:disabled{opacity:.3;cursor:default}.service-position{font:500 .72rem var(--font);letter-spacing:.14em;color:#bfd5c8;min-width:60px;text-align:center}.service-panel{padding:28px;scroll-margin-top:90px}.service-panel h3{font-size:1.8rem}.service-panel-symbol{width:60px;height:60px;padding:12px;margin-bottom:23px}.service-panel-symbol::after{top:29px}.service-panel-top{margin-bottom:23px}}
@media(max-width:480px){.service-card{flex-basis:86%;padding:18px;min-height:150px}.service-card:last-child{margin-right:calc(14% - 5px)}.service-panel{padding:23px 21px;border-radius:12px}.service-panel h3{font-size:1.62rem}.service-description{font-size:.89rem}.service-audience{font-size:.79rem}.service-panel li{font-size:.84rem}.service-panel ul{gap:13px;margin-bottom:25px}.service-panel-footer .btn{width:100%;justify-content:center;font-size:.81rem}.service-panel-top{font-size:.54rem;letter-spacing:.08em}.service-picker-label{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){.service-tabs{scroll-behavior:auto}.service-card,.service-icon,.service-card-arrow{transition:none}}
@media print{.service-browser.is-enhanced{display:block}.service-picker{display:none}.service-browser.is-enhanced .service-stage{display:block}.service-browser.is-enhanced .service-panel{visibility:visible;pointer-events:auto;break-inside:avoid;margin-bottom:20px}}