.serrs-service{display:grid;gap:var(--ser-service-gap,24px);width:100%;container-type:inline-size}.serrs-service>.serr{margin:0}.serr{--ser-accent:#119ceb;--ser-bg:#fff;--ser-text:#172033;--ser-radius:18px;color:var(--ser-text);box-sizing:border-box;position:relative;scroll-margin-top:90px}.serr *{box-sizing:border-box}.serr-surface,.serr-ruta{background:var(--ser-bg);border:1px solid color-mix(in srgb,var(--ser-text) 9%,transparent);border-radius:var(--ser-radius);padding:clamp(22px,3vw,34px);box-shadow:0 12px 34px rgba(18,32,51,.06)}.serr-ficha,.serr-escenarios,.serr-relacionados{padding:clamp(10px,1.8vw,18px) 0}.serr-section-head{max-width:820px;margin:0 0 24px}.serr-ficha>.serr-section-head,.serr-escenarios>.serr-section-head,.serr-relacionados>.serr-section-head{text-align:center;margin-left:auto;margin-right:auto}.serr-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ser-accent);margin-bottom:7px}.serr-heading{margin:0 0 9px;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.13;color:var(--ser-text);font-weight:760;letter-spacing:-.02em}.serr-intro{opacity:.82;max-width:72ch;line-height:1.65}.serr-ficha>.serr-section-head .serr-intro,.serr-escenarios>.serr-section-head .serr-intro,.serr-relacionados>.serr-section-head .serr-intro{margin-left:auto;margin-right:auto}.serr-intro p{margin:.4em 0 1em}.serr-intro p:last-child{margin-bottom:0}.serr-intro ul,.serr-intro ol,.serr-rich-output ul,.serr-rich-output ol{margin:.6em 0;padding-left:1.25em}.serr-intro h4,.serr-rich-output h4{margin:.7em 0 .35em}.serr-rich-output p{margin:.35em 0}.serr-rich-output p:last-child{margin-bottom:0} .serr-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.serr-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.serr-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important} /* Ficha rápida: tarjetas limpias, no cajas azules macizas */ .serr-ficha-grid{display:grid;gap:14px}.serr-ficha-item{min-width:0;padding:20px 18px;border-radius:calc(var(--ser-radius)*.8);background:var(--ser-bg);border:1px solid color-mix(in srgb,var(--ser-accent) 15%,#dce7f2);box-shadow:0 8px 24px rgba(18,32,51,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.serr-ficha-item:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(18,32,51,.085);border-color:color-mix(in srgb,var(--ser-accent) 30%,#dce7f2)}.serr-ficha-item.is-highlighted{border-color:color-mix(in srgb,var(--ser-accent) 45%,#dce7f2);background:linear-gradient(145deg,color-mix(in srgb,var(--ser-accent) 5%,var(--ser-bg)),var(--ser-bg))}.serr-ficha-item span{display:block;color:var(--ser-accent);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px}.serr-ficha-item strong{display:block;font-size:1.03rem;line-height:1.25;margin-bottom:7px}.serr-card-note{font-size:.88rem;line-height:1.5;opacity:.76} /* Imagen/icono reutilizable */ .serr-card-media--icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--ser-accent) 10%,#fff);margin-bottom:15px;overflow:hidden}.serr-card-media--icon img{display:block;width:38px;height:38px;object-fit:contain}.serr-card-media--photo{aspect-ratio:16/9;overflow:hidden;background:#eef3f7}.serr-card-media--photo img{display:block;width:100%;height:100%;object-fit:cover}.serr-card-copy{min-width:0} /* Ruta: horizontal y con ritmo en escritorio */ .serr-ruta-list{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0}.serr-ruta-list li{position:relative;min-width:0;padding:0 18px 4px 0}.serr-ruta-list li:not(:last-child):after{content:"";position:absolute;top:21px;left:42px;right:0;height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--ser-accent) 45%,transparent),color-mix(in srgb,var(--ser-accent) 15%,transparent));z-index:0}.serr-step-num{position:relative;z-index:2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ser-accent);color:#fff;font-weight:800;box-shadow:0 0 0 7px color-mix(in srgb,var(--ser-accent) 9%,var(--ser-bg));margin-bottom:15px}.serr-ruta-list .serr-card-media--icon{margin:0 0 12px;width:48px;height:48px}.serr-step-copy strong{display:block;font-size:.98rem;line-height:1.3}.serr-ruta-list .serr-rich-output{margin:.45em 0 0;opacity:.76;font-size:.88rem;line-height:1.5} /* Escenarios: auto puede ser lista editorial o tarjetas con iconos */ .serr-scenario-grid{display:grid;gap:14px}.serr-layout-cards .serr-scenario,.serr-layout-editorial .serr-scenario{min-width:0;padding:20px;border-radius:calc(var(--ser-radius)*.78);background:var(--ser-bg);border:1px solid color-mix(in srgb,var(--ser-accent) 15%,#dce7f2);box-shadow:0 8px 24px rgba(18,32,51,.055)}.serr-layout-cards .serr-scenario .serr-subheading,.serr-layout-editorial .serr-scenario .serr-subheading{margin:0 0 7px;color:var(--ser-accent);font-size:1rem;line-height:1.25}.serr-layout-cards .serr-scenario .serr-rich-output,.serr-layout-editorial .serr-scenario .serr-rich-output{font-size:.86rem;line-height:1.5;opacity:.76}.serr-layout-cards .serr-scenario.is-highlighted,.serr-layout-editorial .serr-scenario.is-highlighted{background:linear-gradient(135deg,color-mix(in srgb,var(--ser-accent) 10%,#fff),var(--ser-bg));border-color:color-mix(in srgb,var(--ser-accent) 38%,#dce7f2)}.serr-cols-2>.is-highlighted{grid-column:span 2}.serr-cols-3>.is-highlighted{grid-column:span 3}.serr-cols-4>.is-highlighted{grid-column:span 4}.serr-layout-list .serr-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:32px;row-gap:0;border-top:1px solid color-mix(in srgb,var(--ser-text) 10%,transparent)}.serr-layout-list .serr-scenario{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;padding:16px 4px;border-bottom:1px solid color-mix(in srgb,var(--ser-text) 10%,transparent)}.serr-layout-list .serr-scenario:before{content:"✓";width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--ser-accent) 10%,#fff);color:var(--ser-accent);font-weight:900;margin-top:1px}.serr-layout-list .serr-scenario.has-media:before{display:none}.serr-layout-list .serr-scenario.has-media{grid-template-columns:54px minmax(0,1fr)}.serr-layout-list .serr-card-media--icon{margin:0;width:46px;height:46px}.serr-layout-list .serr-card-media--icon img{width:32px;height:32px}.serr-layout-list .serr-scenario .serr-subheading{margin:0 0 4px;font-size:.96rem;color:var(--ser-text)}.serr-layout-list .serr-scenario .serr-rich-output{font-size:.84rem;line-height:1.45;opacity:.72} /* Tarjetas relacionadas / FAQ editorial con imagen */ .serr-related-grid{display:grid;gap:16px}.serr-related-card{min-width:0;overflow:hidden;border-radius:calc(var(--ser-radius)*.82);background:var(--ser-bg);border:1px solid color-mix(in srgb,var(--ser-text) 9%,transparent);box-shadow:0 9px 28px rgba(18,32,51,.06);display:flex;flex-direction:column}.serr-related-card.is-highlighted{border-color:color-mix(in srgb,var(--ser-accent) 35%,#dce7f2)}.serr-related-body{padding:18px 18px 19px;display:flex;flex-direction:column;flex:1}.serr-related-card .serr-subheading{margin:0 0 8px;font-size:1rem;line-height:1.27;color:var(--ser-text)}.serr-related-card .serr-rich-output{font-size:.84rem;line-height:1.5;opacity:.75;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.serr-card-link{display:inline-flex;align-items:center;gap:5px;margin-top:auto;padding-top:14px;font-weight:750;color:var(--ser-accent);text-decoration:none;font-size:.86rem}.serr-related-card:not(.has-media) .serr-related-body{padding-top:20px} /* FAQ acordeón */ .serr-faq-list{margin-top:12px}.serr-faq-item{border-top:1px solid color-mix(in srgb,var(--ser-text) 11%,transparent)}.serr-faq-item:last-child{border-bottom:1px solid color-mix(in srgb,var(--ser-text) 11%,transparent)}.serr-faq-item summary{cursor:pointer;font-weight:720;padding:16px 3px;display:flex;align-items:center;gap:10px;list-style:none}.serr-faq-item summary::-webkit-details-marker{display:none}.serr-faq-item summary:after{content:"+";margin-left:auto;color:var(--ser-accent);font-size:1.25rem}.serr-faq-item[open] summary:after{content:"−"}.serr-faq-item summary .serr-card-media--icon{margin:0;width:38px;height:38px;border-radius:10px;flex:0 0 auto}.serr-faq-item summary .serr-card-media--icon img{width:28px;height:28px}.serr-faq-item>div{padding:0 3px 16px;opacity:.82;line-height:1.6} /* Anatomía / síntomas / comparador */ .serr-anatomia-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:24px;margin-top:20px;align-items:start}.serr-anatomia-image{position:relative;overflow:hidden;border-radius:calc(var(--ser-radius)*.75);background:#f3f5f7}.serr-anatomia-image img{display:block;width:100%;height:auto}.serr-hotspot{position:absolute;transform:translate(-50%,-50%);border:0;background:var(--ser-accent);color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;box-shadow:0 0 0 6px color-mix(in srgb,var(--ser-accent) 22%,transparent)}.serr-hotspot span{font-weight:800}.serr-hotspot-panel{padding:16px;border-radius:calc(var(--ser-radius)*.65);background:color-mix(in srgb,var(--ser-accent) 7%,var(--ser-bg));margin-bottom:10px}.serr-anatomia-hint{font-size:.85rem;opacity:.65}.serr-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:18px}.serr-chip-wrap{min-width:0}.serr-chip-wrap .serr-card-media--icon{margin-bottom:8px}.serr-chip{width:100%;appearance:none;border:1px solid color-mix(in srgb,var(--ser-accent) 25%,transparent);background:color-mix(in srgb,var(--ser-accent) 6%,var(--ser-bg));color:var(--ser-text);padding:11px 14px;border-radius:12px;font-weight:680;cursor:pointer;text-align:left}.serr-chip.is-active{background:var(--ser-accent);color:#fff}.serr-chip-panel{grid-column:1/-1;width:100%;padding:14px 16px;border-left:3px solid var(--ser-accent);background:color-mix(in srgb,var(--ser-accent) 5%,var(--ser-bg));border-radius:8px;margin-top:6px}.serr-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.serr-compare-grid>div{padding:20px;border-radius:calc(var(--ser-radius)*.65);background:color-mix(in srgb,var(--ser-accent) 5%,var(--ser-bg))}.serr-compare-grid .serr-subheading{margin:0 0 12px;font-size:.95rem}.serr-compare-grid ul{margin:0;padding-left:1.1em}.serr-compare-grid li{margin:.55em 0} /* CTA: banda de cierre, no otra tarjeta genérica */ .serr-cta-contextual{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;background:radial-gradient(circle at 92% 15%,color-mix(in srgb,var(--ser-accent) 15%,transparent),transparent 36%),linear-gradient(135deg,color-mix(in srgb,var(--ser-accent) 7%,#fff),var(--ser-bg));border-color:color-mix(in srgb,var(--ser-accent) 20%,transparent);box-shadow:0 12px 34px rgba(18,32,51,.055)}.serr-cta-contextual .serr-section-head{margin:0;max-width:720px}.serr-cta-contextual .serr-heading{font-size:clamp(1.25rem,2vw,1.7rem)}.serr-cta-actions{display:flex;flex-wrap:wrap;gap:9px;margin:0}.serr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:11px;border:1px solid color-mix(in srgb,var(--ser-accent) 28%,transparent);color:var(--ser-text);background:#fff;text-decoration:none;font-weight:750;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}.serr-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(18,32,51,.08)}.serr-btn-primary{background:var(--ser-accent);border-color:var(--ser-accent);color:#fff} .serr-floating-cta{--ser-accent:#119ceb;--ser-bg:#fff;--ser-text:#172033;--ser-radius:16px;position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(140%);z-index:99990;width:min(720px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:var(--ser-bg);color:var(--ser-text);border-radius:var(--ser-radius);box-shadow:0 14px 45px rgba(0,0,0,.2);transition:transform .3s ease}.serr-floating-cta.is-visible{transform:translateX(-50%) translateY(0)}.serr-floating-cta>span{font-weight:700}.serr-floating-cta>div{display:flex;gap:8px}.serr-indice{padding:10px 14px;position:sticky;top:10px;z-index:30}.serr-indice .serr-section-head{display:none}.serr-index-links{display:flex;gap:6px;overflow:auto;scrollbar-width:thin}.serr-index-links a{flex:0 0 auto;color:var(--ser-text);text-decoration:none;font-size:.86rem;font-weight:650;padding:8px 11px;border-radius:999px}.serr-index-links a:hover,.serr-index-links a.is-active{background:color-mix(in srgb,var(--ser-accent) 12%,var(--ser-bg));color:var(--ser-accent)} .serr-hotspot:focus-visible,.serr-chip:focus-visible,.serr-btn:focus-visible,.serr-index-links a:focus-visible,.serr-faq-item summary:focus-visible{outline:3px solid color-mix(in srgb,var(--ser-accent) 70%,#fff);outline-offset:3px}.serr-hotspot[aria-expanded="true"]{box-shadow:0 0 0 8px color-mix(in srgb,var(--ser-accent) 28%,transparent)} @media(max-width:980px){.serr-ruta-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.serr-ruta-list li:nth-child(2n):after{display:none}.serr-cta-contextual{grid-template-columns:1fr}.serr-layout-list .serr-scenario-grid{grid-template-columns:1fr!important}} @media(max-width:820px) and (min-width:721px){.serr-cols-3,.serr-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.serr-cols-3>.is-highlighted,.serr-cols-4>.is-highlighted{grid-column:span 2}} @media(max-width:720px){.serr-surface,.serr-ruta{padding:20px}.serr-anatomia-layout,.serr-compare-grid{grid-template-columns:1fr}.serr-cols-2,.serr-cols-3,.serr-cols-4{grid-template-columns:1fr!important}.serr-cols-2>.is-highlighted,.serr-cols-3>.is-highlighted,.serr-cols-4>.is-highlighted{grid-column:span 1}.serr-ruta-list{grid-template-columns:1fr}.serr-ruta-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;padding:0 0 20px}.serr-ruta-list li:not(:last-child):after{display:block;left:21px;right:auto;top:44px;bottom:0;width:2px;height:auto}.serr-ruta-list .serr-card-media--icon{display:none}.serr-step-num{grid-column:1;grid-row:1;margin:0}.serr-step-copy{grid-column:2;grid-row:1}.serr-layout-list .serr-scenario-grid{grid-template-columns:1fr!important}.serr-floating-cta{align-items:stretch;flex-direction:column}.serr-floating-cta>div{display:grid;grid-template-columns:1fr 1fr}.serr-indice{top:0;border-radius:0}.serr-cta-actions{width:100%}.serr-cta-actions .serr-btn{flex:1 1 160px}} @media(max-width:480px){.serr-heading{font-size:1.35rem}.serr-ficha-item,.serr-layout-cards .serr-scenario,.serr-layout-editorial .serr-scenario{padding:17px}.serr-related-body{padding:16px}} @media(prefers-reduced-motion:reduce){.serr-floating-cta,.serr-ficha-item,.serr-btn{transition:none}} /* ===== SER Refuerzos 2.4.0 — sistema visual FisioMF ===== */ .serrs-service{--ser-section-soft:#f6faff;--ser-border:#dce8f5;--ser-navy:#08265c;gap:clamp(28px,var(--ser-service-gap,34px),64px)} .serr{isolation:isolate} .serr[data-tone="soft"]{padding:clamp(28px,4vw,52px);border-radius:calc(var(--ser-radius)*1.1);background:radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--ser-accent) 10%,transparent),transparent 34%),linear-gradient(135deg,#fbfdff,var(--ser-section-soft));border:1px solid color-mix(in srgb,var(--ser-accent) 10%,var(--ser-border))} .serr[data-tone="surface"]{padding:clamp(26px,3.5vw,44px);border-radius:calc(var(--ser-radius)*1.05);background:var(--ser-bg);border:1px solid color-mix(in srgb,var(--ser-text) 8%,transparent);box-shadow:0 15px 42px rgba(18,50,88,.07)} .serr[data-heading-align="left"]>.serr-section-head,.serr[data-heading-align="left"] .serr-editorial-copy>.serr-section-head{text-align:left;margin-left:0;margin-right:0} .serr[data-heading-align="center"]>.serr-section-head{text-align:center;margin-left:auto;margin-right:auto} .serr[data-heading-align="center"]>.serr-section-head .serr-intro{margin-left:auto;margin-right:auto} .serr-heading{font-size:clamp(1.55rem,2.8vw,2.25rem);font-weight:780;letter-spacing:-.028em;color:var(--ser-navy,var(--ser-text))} .serr-eyebrow{font-size:.68rem;letter-spacing:.16em;color:var(--ser-accent)} .serr-intro{font-size:.97rem;line-height:1.72;color:color-mix(in srgb,var(--ser-text) 82%,#fff)} /* Iconografía: compatible con PNG/SVG azules transparentes */ .serr[data-media-style="plain"] .serr-card-media--icon{background:transparent;border-radius:0;width:66px;height:66px;margin-bottom:13px;overflow:visible} .serr[data-media-style="plain"] .serr-card-media--icon img{width:58px;height:58px;object-fit:contain} .serr[data-media-style="soft"] .serr-card-media--icon{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,color-mix(in srgb,var(--ser-accent) 10%,#fff));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ser-accent) 10%,transparent)} .serr[data-media-style="soft"] .serr-card-media--icon img{width:43px;height:43px} /* Tarjetas fotográficas: para beneficios, vida diaria y contenidos relacionados */ .serr-layout-photos .serr-ficha-grid,.serr-layout-photos .serr-scenario-grid{gap:18px} .serr-layout-photos .serr-ficha-item,.serr-layout-photos .serr-scenario{padding:0;overflow:hidden;background:#fff;border:1px solid var(--ser-border);box-shadow:0 10px 30px rgba(18,50,88,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .serr-layout-photos .serr-ficha-item:hover,.serr-layout-photos .serr-scenario:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(18,50,88,.11);border-color:color-mix(in srgb,var(--ser-accent) 25%,var(--ser-border))} .serr-layout-photos .serr-card-media--photo{aspect-ratio:16/9;margin:0;overflow:hidden;background:#eef4fa} .serr-layout-photos .serr-card-media--photo img{transition:transform .35s ease} .serr-layout-photos .serr-ficha-item:hover .serr-card-media--photo img,.serr-layout-photos .serr-scenario:hover .serr-card-media--photo img{transform:scale(1.028)} .serr-layout-photos .serr-card-copy,.serr-layout-photos .serr-scenario-copy{padding:18px 19px 20px} .serr-layout-photos .serr-ficha-item span{margin-bottom:6px} .serr-layout-photos .serr-ficha-item strong,.serr-layout-photos .serr-scenario .serr-subheading{font-size:1.08rem;color:var(--ser-navy,var(--ser-text));margin:0 0 7px} .serr-layout-photos .serr-card-note,.serr-layout-photos .serr-scenario .serr-rich-output{font-size:.9rem;line-height:1.55;opacity:.78} /* Tarjetas con iconos, más cercanas a la plantilla de la home */ .serr-layout-cards .serr-ficha-item,.serr-layout-cards .serr-scenario{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;background:linear-gradient(180deg,#fff 0%,#fdfefe 100%)} .serr-layout-cards .serr-ficha-item:hover,.serr-layout-cards .serr-scenario:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(18,50,88,.09)} .serr-layout-cards .serr-card-media--icon{transition:transform .22s ease,background .22s ease} .serr-layout-cards article:hover .serr-card-media--icon{transform:translateY(-2px);background:color-mix(in srgb,var(--ser-accent) 14%,#fff)} /* Editorial + multimedia: texto, vídeo/foto y proceso en una sola sección */ .serr-editorial-block{padding:clamp(12px,1vw,18px) 0} .serr-editorial-block[data-tone="soft"],.serr-editorial-block[data-tone="surface"]{padding:clamp(30px,4vw,54px)} .serr-editorial-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(34px,5vw,72px);align-items:center} .serr-editorial-block.is-media-left .serr-editorial-copy{order:2}.serr-editorial-block.is-media-left .serr-editorial-stack{order:1} .serr-editorial-copy .serr-section-head{margin:0;max-width:690px} .serr-editorial-copy .serr-heading{font-size:clamp(1.75rem,3.1vw,2.5rem)} .serr-editorial-stack{position:relative;min-height:330px;padding-bottom:62px} .serr-editorial-video,.serr-editorial-media{position:relative;margin:0;border-radius:calc(var(--ser-radius)*.9);overflow:hidden;background:#eaf2f9;box-shadow:0 18px 46px rgba(18,50,88,.14);border:1px solid rgba(255,255,255,.8)} .serr-editorial-video video,.serr-editorial-media img{display:block;width:100%;height:100%;object-fit:cover} .serr-editorial-video{aspect-ratio:16/9;width:88%;margin-left:auto;z-index:2} .serr-editorial-video video{background:#0f1720} .serr-editorial-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;padding-left:4px;color:#fff;background:rgba(8,38,92,.76);backdrop-filter:blur(5px);pointer-events:none;box-shadow:0 8px 28px rgba(0,0,0,.18)} .serr-editorial-video video:focus+.serr-editorial-play,.serr-editorial-video:hover .serr-editorial-play{opacity:.25} .serr-editorial-media--primary{aspect-ratio:4/3;width:88%;margin-left:auto} .serr-editorial-media--secondary{position:absolute;z-index:3;right:0;bottom:0;width:46%;aspect-ratio:4/3;border:5px solid #fff;box-shadow:0 14px 38px rgba(18,50,88,.15)} .serr-editorial-block.is-media-left .serr-editorial-video,.serr-editorial-block.is-media-left .serr-editorial-media--primary{margin-left:0;margin-right:auto} .serr-editorial-block.is-media-left .serr-editorial-media--secondary{right:auto;left:0} .serr-editorial-process{margin-top:clamp(32px,5vw,56px);padding-top:26px;border-top:1px solid color-mix(in srgb,var(--ser-text) 9%,transparent)} .serr-editorial-process-title{font-size:1.22rem;font-weight:780;color:var(--ser-navy,var(--ser-text));margin-bottom:4px} .serr-ruta-list--embedded{margin-top:22px} .serr-ruta-list--embedded .serr-step-num{font-size:.8rem} .serr-ruta-list--embedded .serr-step-copy strong{color:var(--ser-navy,var(--ser-text))} /* Ruta principal más visual */ .serr-ruta:not([data-tone="surface"]){border:0;box-shadow:none;background:transparent;padding-left:0;padding-right:0} .serr-ruta-list li{transition:transform .2s ease}.serr-ruta-list li:hover{transform:translateY(-2px)} .serr-ruta-list li:hover .serr-step-num{box-shadow:0 0 0 9px color-mix(in srgb,var(--ser-accent) 12%,transparent)} /* Indicaciones editoriales: icono visual + lista, no “manual farmacéutico” */ .serr-layout-list .serr-scenario-grid{border-top:0} .serr-layout-list .serr-scenario{padding:13px 4px;border-bottom:1px solid color-mix(in srgb,var(--ser-text) 9%,transparent)} .serr-layout-list .serr-scenario:before{width:26px;height:26px;font-size:.78rem} .serr-layout-list .serr-scenario .serr-subheading{font-weight:720;color:var(--ser-navy,var(--ser-text))} /* Cuándo consultar: cards de icono con jerarquía y una destacada horizontal */ .serr-escenarios.serr-layout-cards .serr-scenario{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:190px} .serr-escenarios.serr-layout-cards .serr-scenario .serr-card-media--icon{margin-left:auto;margin-right:auto} .serr-escenarios.serr-layout-cards .serr-scenario .serr-subheading{color:var(--ser-navy,var(--ser-text));font-size:1rem} .serr-escenarios.serr-layout-cards .serr-scenario.is-highlighted{min-height:auto;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;text-align:left;gap:18px;padding:18px 24px;background:linear-gradient(135deg,color-mix(in srgb,var(--ser-accent) 8%,#fff),#f9fcff)} .serr-escenarios.serr-layout-cards .serr-scenario.is-highlighted .serr-card-media--icon{margin:0} /* FAQ/relacionados con foto: imagen más visible y texto menos denso */ .serr-related-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .serr-related-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(18,50,88,.10);border-color:color-mix(in srgb,var(--ser-accent) 22%,var(--ser-border))} .serr-related-card .serr-card-media--photo img{transition:transform .35s ease}.serr-related-card:hover .serr-card-media--photo img{transform:scale(1.025)} .serr-related-body{padding:18px 19px 20px}.serr-related-card .serr-subheading{font-size:1.02rem;color:var(--ser-navy,var(--ser-text))} .serr-related-card .serr-rich-output{-webkit-line-clamp:4} /* CTA más “home”: luz sutil, nada estridente */ .serr-cta-contextual{overflow:hidden;background:radial-gradient(circle at 92% 18%,color-mix(in srgb,var(--ser-accent) 18%,transparent),transparent 34%),linear-gradient(135deg,#f8fbff 0%,#edf6ff 100%);border:1px solid #dce9f7;box-shadow:0 12px 34px rgba(20,62,110,.07)} .serr-cta-contextual:before{content:"";position:absolute;inset:auto -50px -85px auto;width:210px;height:210px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ser-accent) 15%,transparent);pointer-events:none} @media(max-width:980px){ .serr-editorial-grid{grid-template-columns:1fr;gap:28px}.serr-editorial-block.is-media-left .serr-editorial-copy,.serr-editorial-block.is-media-left .serr-editorial-stack{order:initial}.serr-editorial-stack{min-height:0;padding-bottom:50px;max-width:720px}.serr-editorial-video,.serr-editorial-media--primary{width:92%;margin-left:0}.serr-editorial-media--secondary{width:42%} } @media(max-width:720px){ .serr[data-tone="soft"],.serr[data-tone="surface"]{padding:24px 18px}.serr-editorial-stack{padding-bottom:34px}.serr-editorial-video,.serr-editorial-media--primary{width:100%}.serr-editorial-media--secondary{position:relative;width:72%;margin:-20px 0 0 auto;right:auto;bottom:auto}.serr-editorial-block.is-media-left .serr-editorial-media--secondary{margin:-20px auto 0 0;left:auto}.serr-escenarios.serr-layout-cards .serr-scenario.is-highlighted{display:flex;text-align:center} } @media(prefers-reduced-motion:reduce){.serr-layout-photos .serr-card-media--photo img,.serr-related-card .serr-card-media--photo img,.serr-layout-cards .serr-card-media--icon,.serr-ruta-list li{transition:none!important;transform:none!important}} .serr-list-visual-layout{display:grid;grid-template-columns:minmax(170px,.34fr) minmax(0,1fr);gap:clamp(28px,4vw,54px);align-items:center}.serr-list-support{display:grid;place-items:center}.serr-list-support-orb{width:min(230px,100%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 36% 30%,#fff 0%,color-mix(in srgb,var(--ser-accent) 9%,#fff) 72%,color-mix(in srgb,var(--ser-accent) 13%,#fff) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ser-accent) 8%,transparent)}.serr-list-support-orb img{width:72%;height:72%;object-fit:contain;filter:saturate(1.02)} @media(max-width:720px){.serr-list-visual-layout{grid-template-columns:1fr}.serr-list-support-orb{width:150px}.serr-list-support{justify-content:start}} .serr-editorial-video.is-playing .serr-editorial-play{opacity:0;transform:translate(-50%,-50%) scale(.88)}.serr-editorial-play{transition:opacity .2s ease,transform .2s ease} /* ===== 2.5.0: FisioMF visual polish ===== */ .serr{--ser-navy:#08265c;--ser-muted:#5d6d80;--ser-border:#dce8f5} .serr-section-head{margin-bottom:clamp(22px,2.6vw,32px)} .serr-heading{font-size:clamp(1.72rem,2.9vw,2.35rem);line-height:1.08;color:var(--ser-navy);font-weight:780;letter-spacing:-.035em} .serr[data-heading-size="compact"] .serr-heading{font-size:clamp(1.35rem,2.1vw,1.8rem)} .serr[data-heading-size="large"] .serr-heading{font-size:clamp(2rem,3.7vw,2.85rem)} .serr-heading-accent{color:var(--ser-accent)} .serr-intro{color:var(--ser-muted);opacity:1;font-size:.98rem;line-height:1.68} .serr-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:9px;color:var(--ser-accent);font-size:.76rem;font-weight:760;letter-spacing:.065em;text-transform:uppercase} .serr-eyebrow--line:after{content:"";width:28px;height:2px;border-radius:2px;background:color-mix(in srgb,var(--ser-accent) 55%,transparent)} .serr-eyebrow--plain{letter-spacing:.045em;text-transform:none;font-size:.8rem} .serr-eyebrow--pill{padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--ser-accent) 9%,#fff);border:1px solid color-mix(in srgb,var(--ser-accent) 16%,transparent);letter-spacing:.04em} .serr-ficha>.serr-section-head,.serr-escenarios>.serr-section-head,.serr-relacionados>.serr-section-head{max-width:900px} .serr-ficha-item span{font-size:.72rem;letter-spacing:.045em;font-weight:760} .serr-ficha-item strong{font-size:1.08rem;color:var(--ser-navy)} .serr-card-note{color:var(--ser-muted);opacity:1} .serr-card-media--icon{width:62px;height:62px;border-radius:18px;background:radial-gradient(circle at 35% 30%,#fff 0%,color-mix(in srgb,var(--ser-accent) 8%,#fff) 72%,color-mix(in srgb,var(--ser-accent) 12%,#fff) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ser-accent) 8%,transparent)} .serr-card-media--icon img{width:44px;height:44px} .serr[data-media-style="plain"] .serr-card-media--icon{background:transparent;box-shadow:none;border-radius:0;width:66px;height:66px} .serr[data-media-style="plain"] .serr-card-media--icon img{width:60px;height:60px} .serr[data-media-style="photo"] .serr-card-media--icon{width:100%;height:auto;aspect-ratio:16/9;border-radius:calc(var(--ser-radius)*.7);overflow:hidden;background:#eef4fa} .serr[data-media-style="photo"] .serr-card-media--icon img{width:100%;height:100%;object-fit:cover} .serr-layout-cards .serr-ficha-item,.serr-layout-cards .serr-scenario{border-color:var(--ser-border);box-shadow:0 10px 28px rgba(20,62,110,.065)} .serr-layout-cards .serr-scenario .serr-subheading{font-size:1.05rem;color:var(--ser-navy)} .serr-layout-cards .serr-scenario .serr-rich-output{color:var(--ser-muted);opacity:1} .serr-layout-list .serr-scenario .serr-subheading{font-size:1rem} .serr-layout-list .serr-scenario .serr-rich-output{color:var(--ser-muted);opacity:1} .serr-layout-list .serr-scenario{border-color:#e4edf6} .serr-ruta-list{margin-top:30px} .serr-step-num{background:linear-gradient(145deg,var(--ser-accent),color-mix(in srgb,var(--ser-accent) 78%,#0753c8));box-shadow:0 0 0 8px color-mix(in srgb,var(--ser-accent) 8%,#fff)} .serr-step-copy strong{color:var(--ser-navy);font-size:1.01rem} .serr-ruta-list .serr-rich-output{color:var(--ser-muted);opacity:1} .serr-editorial-process-title{font-size:1.35rem;letter-spacing:-.02em} .serr-editorial-block[data-tone="plain"]{padding-top:20px;padding-bottom:26px} .serr-editorial-video,.serr-editorial-media{border-color:#e2edf7;box-shadow:0 18px 46px rgba(20,62,110,.12)} .serr-related-card{border-color:var(--ser-border);box-shadow:0 10px 30px rgba(20,62,110,.065)} .serr-related-card .serr-subheading{color:var(--ser-navy);font-size:1.07rem} .serr-related-card .serr-rich-output{color:var(--ser-muted);opacity:1} .serr-card-link{font-weight:760} .serr[data-tone="soft"]{background:linear-gradient(180deg,#f8fbff 0%,#f3f8fd 100%);border-radius:calc(var(--ser-radius)*1.05)} .serr[data-tone="surface"]{background:#fff;border:1px solid var(--ser-border);border-radius:calc(var(--ser-radius)*1.05);box-shadow:0 12px 34px rgba(20,62,110,.06)} .serr-cta-contextual .serr-heading{font-size:clamp(1.4rem,2.5vw,2rem)} .serr-btn{border-radius:12px}.serr-btn-primary{box-shadow:0 8px 18px color-mix(in srgb,var(--ser-accent) 22%,transparent)} @media(max-width:720px){.serr-heading{font-size:clamp(1.55rem,7vw,2rem)}.serr[data-heading-size="large"] .serr-heading{font-size:clamp(1.8rem,8vw,2.35rem)}} /* ===== 2.7.0: tipografía configurable ===== */ /* Valores por defecto del plugin: texto normal 18px, texto de tarjetas 18px y etiqueta superior 18px. */ .serr{ --ser-font-body:18px; --ser-font-card:18px; --ser-font-eyebrow:18px; font-size:var(--ser-font-body); } /* Texto normal / editorial. */ .serr-intro, .serr-rich-output, .serr-anatomia-hint, .serr-chip-panel, .serr-hotspot-panel, .serr-compare-grid li, .serr-index-links a, .serr-cta-copy .serr-intro{ font-size:var(--ser-font-body)!important; } /* Etiqueta superior de sección. Mantiene su estilo, pero ya no queda microscópica. */ .serr-eyebrow, .serr-eyebrow--plain, .serr-eyebrow--pill{ font-size:var(--ser-font-eyebrow)!important; line-height:1.25; } /* Texto de tarjetas: título, etiqueta interna, descripción y enlace. */ .serr-ficha-item span, .serr-ficha-item strong, .serr-card-note, .serr-scenario .serr-subheading, .serr-scenario .serr-rich-output, .serr-related-card .serr-subheading, .serr-related-card .serr-rich-output, .serr-card-link, .serr-ruta-list .serr-step-copy strong, .serr-ruta-list .serr-rich-output, .serr-faq-item summary span, .serr-faq-item>div, .serr-chip, .serr-compare-grid .serr-subheading{ font-size:var(--ser-font-card)!important; } /* Con 18px las tarjetas necesitan un poco más de aire para conservar el acabado FisioMF. */ .serr-ficha-item, .serr-layout-cards .serr-scenario, .serr-layout-editorial .serr-scenario{line-height:1.48} .serr-card-note, .serr-layout-cards .serr-scenario .serr-rich-output, .serr-layout-editorial .serr-scenario .serr-rich-output, .serr-related-card .serr-rich-output, .serr-ruta-list .serr-rich-output{line-height:1.55} /* CTA flotante no lleva la clase .serr, por eso recibe la misma base tipográfica explícitamente. */ .serr-floating-cta{--ser-font-body:18px;--ser-font-card:18px;--ser-font-eyebrow:18px;font-size:var(--ser-font-body)} .serr-floating-cta>span{font-size:var(--ser-font-body)!important} /* ===== 2.7.2: alineación independiente + medios robustos ===== */ /* Título de sección. */ .serr[data-heading-align="right"]>.serr-section-head, .serr[data-heading-align="right"] .serr-editorial-copy>.serr-section-head{ text-align:right; margin-left:auto; margin-right:0; } .serr[data-heading-align="right"]>.serr-section-head .serr-intro{ margin-left:auto; margin-right:0; } /* Etiqueta / subtítulo superior independiente del H2/H3. */ .serr[data-eyebrow-align="left"] .serr-eyebrow{text-align:left} .serr[data-eyebrow-align="center"] .serr-eyebrow{text-align:center} .serr[data-eyebrow-align="right"] .serr-eyebrow{text-align:right} /* Contenido independiente: entradilla, tarjetas, listas, pasos y CTA. */ .serr[data-content-align="left"] .serr-intro, .serr[data-content-align="left"] .serr-card-copy, .serr[data-content-align="left"] .serr-scenario-copy, .serr[data-content-align="left"] .serr-step-copy, .serr[data-content-align="left"] .serr-related-body, .serr[data-content-align="left"] .serr-faq-item>div, .serr[data-content-align="left"] .serr-hotspot-panel, .serr[data-content-align="left"] .serr-chip-panel, .serr[data-content-align="left"] .serr-compare-grid, .serr[data-content-align="left"] .serr-cta-copy{text-align:left} .serr[data-content-align="center"] .serr-intro, .serr[data-content-align="center"] .serr-card-copy, .serr[data-content-align="center"] .serr-scenario-copy, .serr[data-content-align="center"] .serr-step-copy, .serr[data-content-align="center"] .serr-related-body, .serr[data-content-align="center"] .serr-faq-item>div, .serr[data-content-align="center"] .serr-hotspot-panel, .serr[data-content-align="center"] .serr-chip-panel, .serr[data-content-align="center"] .serr-compare-grid, .serr[data-content-align="center"] .serr-cta-copy{text-align:center} .serr[data-content-align="right"] .serr-intro, .serr[data-content-align="right"] .serr-card-copy, .serr[data-content-align="right"] .serr-scenario-copy, .serr[data-content-align="right"] .serr-step-copy, .serr[data-content-align="right"] .serr-related-body, .serr[data-content-align="right"] .serr-faq-item>div, .serr[data-content-align="right"] .serr-hotspot-panel, .serr[data-content-align="right"] .serr-chip-panel, .serr[data-content-align="right"] .serr-compare-grid, .serr[data-content-align="right"] .serr-cta-copy{text-align:right} /* Cuando el contenido está centrado/derecha, las entradillas conservan un ancho legible. */ .serr[data-content-align="center"] .serr-intro{margin-left:auto!important;margin-right:auto!important} .serr[data-content-align="right"] .serr-intro{margin-left:auto!important;margin-right:0!important} /* Un elemento con solo imagen o texto sigue siendo válido; no necesita título obligatorio. */ .serr-scenario-copy:empty,.serr-card-copy:empty,.serr-related-body:empty{display:none} /* SVG/PNG sin miniaturas intermedias: la URL original se muestra sin recorte. */ .serr-card-media img{max-width:100%} /* ===== 2.8.0: alineación real + sistema visual por tipo ===== */ /* La alineación del título mueve el bloque de cabecera completo, no solo el texto interno. */ .serr[data-heading-align="left"] .serr-section-head{ text-align:left!important;margin-left:0!important;margin-right:auto!important; } .serr[data-heading-align="center"] .serr-section-head{ text-align:center!important;margin-left:auto!important;margin-right:auto!important; } .serr[data-heading-align="right"] .serr-section-head{ text-align:right!important;margin-left:auto!important;margin-right:0!important; } .serr[data-heading-align="left"] .serr-section-head .serr-intro{margin-left:0!important;margin-right:auto!important} .serr[data-heading-align="center"] .serr-section-head .serr-intro{margin-left:auto!important;margin-right:auto!important} .serr[data-heading-align="right"] .serr-section-head .serr-intro{margin-left:auto!important;margin-right:0!important} /* La etiqueta es inline-flex: text-align por sí solo no la desplazaba. Ahora sí. */ .serr[data-eyebrow-align="left"] .serr-eyebrow{ display:flex;width:max-content;max-width:100%;justify-content:flex-start;margin-left:0!important;margin-right:auto!important; } .serr[data-eyebrow-align="center"] .serr-eyebrow{ display:flex;width:max-content;max-width:100%;justify-content:center;margin-left:auto!important;margin-right:auto!important; } .serr[data-eyebrow-align="right"] .serr-eyebrow{ display:flex;width:max-content;max-width:100%;justify-content:flex-end;margin-left:auto!important;margin-right:0!important; } /* El medio acompaña la alineación del contenido cuando se usa icono. */ .serr[data-content-align="left"] .serr-card-media--icon{margin-left:0;margin-right:auto} .serr[data-content-align="center"] .serr-card-media--icon{margin-left:auto;margin-right:auto} .serr[data-content-align="right"] .serr-card-media--icon{margin-left:auto;margin-right:0} /* Tamaño de iconos / imágenes controlable por bloque. */ .serr[data-media-size="small"] .serr-card-media--icon{width:54px!important;height:54px!important;border-radius:16px} .serr[data-media-size="small"] .serr-card-media--icon img{width:38px!important;height:38px!important} .serr[data-media-size="medium"] .serr-card-media--icon{width:74px!important;height:74px!important;border-radius:21px} .serr[data-media-size="medium"] .serr-card-media--icon img{width:54px!important;height:54px!important} .serr[data-media-size="large"] .serr-card-media--icon{width:96px!important;height:96px!important;border-radius:28px} .serr[data-media-size="large"] .serr-card-media--icon img{width:72px!important;height:72px!important} .serr-ficha.serr-layout-cards[data-media-size="auto"] .serr-card-media--icon{width:72px;height:72px;border-radius:21px} .serr-ficha.serr-layout-cards[data-media-size="auto"] .serr-card-media--icon img{width:52px;height:52px} .serr-escenarios.serr-layout-cards[data-media-size="auto"] .serr-card-media--icon{width:88px;height:88px;border-radius:26px} .serr-escenarios.serr-layout-cards[data-media-size="auto"] .serr-card-media--icon img{width:66px;height:66px} .serr[data-media-style="plain"][data-media-size="large"] .serr-card-media--icon, .serr[data-media-style="plain"][data-media-size="medium"] .serr-card-media--icon, .serr[data-media-style="plain"][data-media-size="auto"] .serr-card-media--icon{background:transparent!important;box-shadow:none!important} /* FICHA RÁPIDA: beneficios con una composición propia. No parece la misma tarjeta que Escenarios. */ .serr-ficha.serr-layout-cards[data-card-style="auto"] .serr-ficha-item, .serr-ficha.serr-layout-cards[data-card-style="visual"] .serr-ficha-item{ position:relative;overflow:hidden;padding:25px 23px 23px;border:1px solid #dce8f5; border-radius:calc(var(--ser-radius)*.9);background: radial-gradient(circle at 102% -8%,color-mix(in srgb,var(--ser-accent) 11%,transparent) 0 25%,transparent 26%), linear-gradient(155deg,#fff 0%,#fbfdff 100%); box-shadow:0 11px 30px rgba(20,62,110,.07); } .serr-ficha.serr-layout-cards[data-card-style="auto"] .serr-ficha-item:before, .serr-ficha.serr-layout-cards[data-card-style="visual"] .serr-ficha-item:before{ content:"";position:absolute;left:0;right:0;top:0;height:3px; background:linear-gradient(90deg,var(--ser-accent),color-mix(in srgb,var(--ser-accent) 22%,transparent)); } .serr-ficha.serr-layout-cards[data-card-style="auto"] .serr-card-copy, .serr-ficha.serr-layout-cards[data-card-style="visual"] .serr-card-copy{position:relative;z-index:1} .serr-ficha.serr-layout-cards[data-card-style="auto"] .serr-ficha-item span, .serr-ficha.serr-layout-cards[data-card-style="visual"] .serr-ficha-item span{ color:var(--ser-accent);font-weight:780;letter-spacing:.025em;text-transform:none;margin-bottom:8px; } .serr-ficha.serr-layout-cards[data-card-style="auto"] .serr-ficha-item strong, .serr-ficha.serr-layout-cards[data-card-style="visual"] .serr-ficha-item strong{ color:var(--ser-navy);font-weight:780;letter-spacing:-.02em;margin-bottom:9px; } /* ESCENARIOS EN TARJETAS: icono protagonista + numeración de respaldo. */ .serr-escenarios.serr-layout-cards[data-card-style="auto"] .serr-scenario-grid, .serr-escenarios.serr-layout-cards[data-card-style="visual"] .serr-scenario-grid{counter-reset:serr-scenario} .serr-escenarios.serr-layout-cards[data-card-style="auto"] .serr-scenario, .serr-escenarios.serr-layout-cards[data-card-style="visual"] .serr-scenario{ counter-increment:serr-scenario;position:relative;overflow:hidden;align-items:flex-start;text-align:left; min-height:230px;padding:25px 24px 23px;border:1px solid #d8e6f3;border-radius:calc(var(--ser-radius)*.92); background: radial-gradient(circle at 95% 3%,color-mix(in srgb,var(--ser-accent) 11%,transparent) 0 20%,transparent 21%), linear-gradient(150deg,#fff 0%,#fbfdff 100%); box-shadow:0 12px 32px rgba(20,62,110,.075); } .serr-escenarios.serr-layout-cards[data-card-style="auto"] .serr-scenario:after, .serr-escenarios.serr-layout-cards[data-card-style="visual"] .serr-scenario:after{ content:counter(serr-scenario,decimal-leading-zero);position:absolute;right:17px;top:14px; color:color-mix(in srgb,var(--ser-accent) 26%,transparent);font-size:28px;line-height:1;font-weight:820;letter-spacing:-.05em; } .serr-escenarios.serr-layout-cards[data-card-style="auto"] .serr-scenario .serr-card-media--icon, .serr-escenarios.serr-layout-cards[data-card-style="visual"] .serr-scenario .serr-card-media--icon{ position:relative;z-index:1;margin-bottom:18px;background:radial-gradient(circle at 35% 28%,#fff 0%,color-mix(in srgb,var(--ser-accent) 9%,#fff) 70%,color-mix(in srgb,var(--ser-accent) 14%,#fff) 100%); box-shadow:0 8px 22px rgba(22,128,239,.10),inset 0 0 0 1px color-mix(in srgb,var(--ser-accent) 9%,transparent); } .serr-escenarios.serr-layout-cards[data-card-style="auto"] .serr-scenario-copy, .serr-escenarios.serr-layout-cards[data-card-style="visual"] .serr-scenario-copy{position:relative;z-index:1;width:100%} .serr-escenarios.serr-layout-cards[data-card-style="auto"] .serr-scenario .serr-subheading, .serr-escenarios.serr-layout-cards[data-card-style="visual"] .serr-scenario .serr-subheading{ color:var(--ser-navy);font-weight:790;letter-spacing:-.018em;margin-bottom:8px; } .serr-escenarios.serr-layout-cards[data-card-style="auto"] .serr-scenario.is-highlighted, .serr-escenarios.serr-layout-cards[data-card-style="visual"] .serr-scenario.is-highlighted{ min-height:auto;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;text-align:left;gap:22px; background:radial-gradient(circle at 92% 20%,color-mix(in srgb,var(--ser-accent) 16%,transparent),transparent 32%),linear-gradient(135deg,#f8fbff 0%,#eef7ff 100%); border-color:color-mix(in srgb,var(--ser-accent) 28%,#d8e6f3); } /* Variantes manuales: permiten salir de la cuadrícula sin crear nuevos tipos de bloque. */ .serr[data-card-style="minimal"] .serr-ficha-item, .serr[data-card-style="minimal"] .serr-scenario, .serr[data-card-style="minimal"] .serr-related-card{ background:transparent!important;box-shadow:none!important;border-color:color-mix(in srgb,var(--ser-text) 10%,transparent)!important; } .serr[data-card-style="editorial"].serr-layout-cards .serr-ficha-grid, .serr[data-card-style="editorial"].serr-layout-cards .serr-scenario-grid{ gap:0!important;border-top:1px solid #dce8f5; } .serr[data-card-style="editorial"].serr-layout-cards .serr-ficha-item, .serr[data-card-style="editorial"].serr-layout-cards .serr-scenario{ min-height:0!important;border:0!important;border-bottom:1px solid #dce8f5!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:20px 10px!important; } .serr[data-card-style="accent"] .serr-ficha-item, .serr[data-card-style="accent"] .serr-scenario, .serr[data-card-style="accent"] .serr-related-card{ position:relative;border-left:4px solid var(--ser-accent)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--ser-accent) 5%,#fff),#fff 32%)!important; } /* En escenarios automáticos una imagen no fuerza ya el cambio de toda la sección a tarjetas. En lista, iconos por fila siguen viéndose y la sección conserva un ritmo editorial. */ .serr-escenarios.serr-layout-list[data-card-style="auto"] .serr-scenario-grid{column-gap:38px} .serr-escenarios.serr-layout-list[data-card-style="auto"] .serr-scenario{padding:17px 5px} .serr-escenarios.serr-layout-list[data-card-style="auto"] .serr-card-media--icon{width:58px;height:58px;border-radius:18px} .serr-escenarios.serr-layout-list[data-card-style="auto"] .serr-card-media--icon img{width:42px;height:42px} .serr-escenarios.serr-layout-list[data-card-style="auto"] .serr-scenario.has-media{grid-template-columns:70px minmax(0,1fr)} /* Fotografías: más presencia y radio coherente con la home. */ .serr[data-media-size="large"] .serr-card-media--photo{aspect-ratio:16/10} .serr[data-media-size="medium"] .serr-card-media--photo{aspect-ratio:16/9} .serr[data-media-size="small"] .serr-card-media--photo{aspect-ratio:2/1} .serr-layout-photos .serr-card-media--photo, .serr-related-card .serr-card-media--photo{position:relative} .serr-layout-photos .serr-card-media--photo:after, .serr-related-card .serr-card-media--photo:after{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(180deg,transparent,rgba(8,38,92,.06));pointer-events:none} /* Mantener el medio en la misma bandera que el contenido. */ .serr[data-content-align="center"] .serr-escenarios.serr-layout-cards .serr-scenario, .serr[data-content-align="center"].serr-escenarios.serr-layout-cards .serr-scenario{align-items:center;text-align:center} .serr[data-content-align="right"] .serr-escenarios.serr-layout-cards .serr-scenario, .serr[data-content-align="right"].serr-escenarios.serr-layout-cards .serr-scenario{align-items:flex-end;text-align:right} @media(max-width:720px){ .serr-escenarios.serr-layout-cards[data-card-style="auto"] .serr-scenario, .serr-escenarios.serr-layout-cards[data-card-style="visual"] .serr-scenario{min-height:0;padding:22px 20px} .serr-escenarios.serr-layout-cards[data-card-style="auto"] .serr-scenario.is-highlighted, .serr-escenarios.serr-layout-cards[data-card-style="visual"] .serr-scenario.is-highlighted{display:flex;align-items:flex-start;text-align:left} } /* ===== 2.9.0 — fondos de bloque, títulos consistentes y listas con más diseño ===== */ /* La etiqueta puede convertirse en un verdadero título de sección sin duplicar controles. */ .serr .serr-eyebrow--section-title{ display:block!important;width:auto!important;max-width:820px!important; margin-bottom:18px!important;padding:0!important;border:0!important;background:transparent!important; color:var(--ser-navy,var(--ser-text))!important;font-size:clamp(1.72rem,2.9vw,2.35rem)!important; line-height:1.08!important;font-weight:780!important;letter-spacing:-.035em!important;text-transform:none!important; } .serr[data-eyebrow-align="left"] .serr-eyebrow--section-title{margin-left:0!important;margin-right:auto!important;text-align:left!important} .serr[data-eyebrow-align="center"] .serr-eyebrow--section-title{margin-left:auto!important;margin-right:auto!important;text-align:center!important} .serr[data-eyebrow-align="right"] .serr-eyebrow--section-title{margin-left:auto!important;margin-right:0!important;text-align:right!important} /* Fondo personalizado real del bloque. */ .serr[data-section-custom-bg="1"][data-section-width="contained"]{ background:var(--ser-section-bg)!important;border-radius:calc(var(--ser-radius)*1.05); } .serr[data-section-custom-bg="1"][data-section-width="contained"]:not(.serr-surface){padding-left:clamp(20px,3.5vw,42px);padding-right:clamp(20px,3.5vw,42px)} /* Full bleed: el fondo llega de lado a lado, el contenido conserva su ancho y posición. */ .serr[data-section-width="full"]{z-index:0;background:transparent!important;border-color:transparent!important;box-shadow:none!important;border-radius:0!important} .serr[data-section-width="full"]:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:transparent} .serr[data-section-width="full"][data-tone="soft"]:before{background:linear-gradient(180deg,#f8fbff 0%,#f3f8fd 100%)} .serr[data-section-width="full"][data-tone="surface"]:before{background:#fff;box-shadow:inset 0 1px 0 #edf3f8,inset 0 -1px 0 #edf3f8} .serr[data-section-width="full"][data-section-custom-bg="1"]:before{background:var(--ser-section-bg)!important} .serr[data-section-width="full"][data-section-space="compact"]{padding-top:24px!important;padding-bottom:24px!important} .serr[data-section-width="full"][data-section-space="normal"]{padding-top:42px!important;padding-bottom:42px!important} .serr[data-section-width="full"][data-section-space="airy"]{padding-top:64px!important;padding-bottom:64px!important} .serr[data-section-width="contained"][data-section-custom-bg="1"][data-section-space="compact"]{padding-top:24px!important;padding-bottom:24px!important} .serr[data-section-width="contained"][data-section-custom-bg="1"][data-section-space="normal"]{padding-top:38px!important;padding-bottom:38px!important} .serr[data-section-width="contained"][data-section-custom-bg="1"][data-section-space="airy"]{padding-top:56px!important;padding-bottom:56px!important} /* Ficha rápida FisioMF: limpia y profesional; fuera el gran círculo pálido que competía con el texto. */ .serr-ficha.serr-layout-cards[data-card-style="auto"] .serr-ficha-item, .serr-ficha.serr-layout-cards[data-card-style="visual"] .serr-ficha-item{ background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important; } .serr-ficha.serr-layout-cards[data-card-style="auto"] .serr-ficha-item:after, .serr-ficha.serr-layout-cards[data-card-style="visual"] .serr-ficha-item:after{content:none!important} /* Lista editorial: más presencia sin encerrarlo todo en tarjetas. */ .serr-escenarios.serr-layout-list .serr-scenario-grid{counter-reset:serr-list-item;border-top:0!important;row-gap:8px!important} .serr-escenarios.serr-layout-list .serr-scenario{ counter-increment:serr-list-item;position:relative;min-height:72px;padding:16px 14px 16px 15px!important; border:1px solid transparent!important;border-bottom:1px solid #dce8f5!important;border-radius:12px; transition:background .18s ease,border-color .18s ease,transform .18s ease; } .serr-escenarios.serr-layout-list .serr-scenario:hover{background:#f8fbff;border-color:#e1edf8!important;transform:translateY(-1px)} .serr-escenarios.serr-layout-list .serr-scenario:before{ content:counter(serr-list-item,decimal-leading-zero)!important;width:36px;height:36px;border-radius:12px!important; background:linear-gradient(145deg,#f2f8ff,#e9f4ff)!important;color:var(--ser-accent)!important; font-size:12px;font-weight:850;letter-spacing:-.02em;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ser-accent) 12%,transparent); } .serr-escenarios.serr-layout-list .serr-scenario.has-media:before{display:none!important} .serr-escenarios.serr-layout-list .serr-scenario .serr-subheading{font-size:var(--ser-font-card)!important;color:var(--ser-navy)!important;font-weight:760!important;letter-spacing:-.015em} .serr-escenarios.serr-layout-list .serr-scenario .serr-rich-output{font-size:var(--ser-font-card)!important;color:var(--ser-muted)!important;opacity:1!important} .serr-escenarios.serr-layout-list[data-card-style="editorial"] .serr-scenario{border-left:3px solid color-mix(in srgb,var(--ser-accent) 28%,transparent)!important;border-radius:0 10px 10px 0} .serr-escenarios.serr-layout-list[data-card-style="minimal"] .serr-scenario{padding-left:4px!important;border-radius:0}.serr-escenarios.serr-layout-list[data-card-style="minimal"] .serr-scenario:before{background:transparent!important;box-shadow:none!important;width:28px} .serr-escenarios.serr-layout-list[data-card-style="accent"] .serr-scenario{background:linear-gradient(90deg,color-mix(in srgb,var(--ser-accent) 5%,#fff),#fff 42%);border-left:3px solid var(--ser-accent)!important} /* Imagen de apoyo de listas: más editorial y menos “icono perdido”. */ .serr-list-support-orb{width:min(280px,100%)!important;border-radius:28px!important;aspect-ratio:1!important;background:radial-gradient(circle at 35% 28%,#fff 0%,#f3f8ff 60%,#eaf4ff 100%)!important;box-shadow:0 18px 50px rgba(20,62,110,.08),inset 0 0 0 1px #e1edf8!important} .serr-list-support-orb img{width:78%!important;height:78%!important} @media(max-width:720px){ .serr[data-section-width="full"]:before{width:100vw} .serr .serr-eyebrow--section-title{font-size:clamp(1.55rem,7vw,2rem)!important} } .serr .serr-eyebrow--section-title:after{display:none!important} /* ===== 2.10.0: tipografía exacta y familias configurables ===== */ .serr{ --ser-font-heading:30px; --ser-font-family:inherit; --ser-font-heading-family:var(--ser-font-family); --ser-font-eyebrow-family:var(--ser-font-family); font-family:var(--ser-font-family)!important; } .serr .serr-heading{ font-family:var(--ser-font-heading-family)!important; font-size:var(--ser-font-heading)!important; } .serr .serr-eyebrow, .serr .serr-eyebrow--plain, .serr .serr-eyebrow--pill{ font-family:var(--ser-font-eyebrow-family)!important; } .serr .serr-eyebrow--section-title{ font-family:var(--ser-font-heading-family)!important; font-size:var(--ser-font-heading)!important; } .serr .serr-ficha-item, .serr .serr-scenario, .serr .serr-related-card, .serr .serr-ruta-list, .serr .serr-rich-output, .serr .serr-intro{font-family:var(--ser-font-family)!important} @media(max-width:720px){ .serr .serr-heading,.serr .serr-eyebrow--section-title{font-size:min(var(--ser-font-heading),30px)!important} } /* 2.11.0 · Fondo de bloque con transparencia e imagen/motivo */ .serr[data-section-custom-bg="1"][data-section-width="contained"]{background:var(--ser-section-bg-color,var(--ser-section-bg))!important} .serr[data-section-width="full"][data-section-custom-bg="1"]:before{background:var(--ser-section-bg-color,var(--ser-section-bg))!important} .serr[data-section-has-image="1"]{isolation:isolate} .serr[data-section-has-image="1"]>*{position:relative;z-index:2} .serr[data-section-has-image="1"]:after{content:"";position:absolute;z-index:1;pointer-events:none;background-image:var(--ser-section-image);background-position:center;background-repeat:no-repeat;background-size:cover;opacity:var(--ser-section-image-opacity,.18)} .serr[data-section-has-image="1"][data-section-width="contained"]{overflow:hidden} .serr[data-section-has-image="1"][data-section-width="contained"]:after{inset:0;border-radius:inherit} .serr[data-section-has-image="1"][data-section-width="full"]:before{z-index:0} .serr[data-section-has-image="1"][data-section-width="full"]:after{top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%)} .serr[data-section-image-position="top"]:after{background-position:center top} .serr[data-section-image-position="right"]:after{background-position:right center} .serr[data-section-image-position="bottom"]:after{background-position:center bottom} .serr[data-section-image-position="left"]:after{background-position:left center} .serr[data-section-image-mode="contain"]:after{background-size:contain;background-repeat:no-repeat} .serr[data-section-image-mode="pattern_s"]:after{background-size:120px auto;background-repeat:repeat} .serr[data-section-image-mode="pattern_m"]:after{background-size:220px auto;background-repeat:repeat} .serr[data-section-image-mode="pattern_l"]:after{background-size:360px auto;background-repeat:repeat} /* ===== 2.12.0 · presets guiados de diseño ===== */ /* Los presets cambian la gramática visual, no el contenido. Los estilos clásicos siguen disponibles mediante design_preset=custom/legacy. */ /* FisioMF recomendado: sobrio, claro y distinto por tipo de bloque. */ .serr[data-design-preset="fisio"].serr-ficha .serr-ficha-item{ background:#fff!important;border:1px solid #dce8f5!important;border-radius:16px!important; box-shadow:0 8px 22px rgba(20,62,110,.055)!important } .serr[data-design-preset="fisio"].serr-ficha .serr-ficha-item:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,62,110,.085)!important} .serr[data-design-preset="fisio"].serr-escenarios.serr-layout-list .serr-scenario{background:transparent!important;border-left:0!important} .serr[data-design-preset="fisio"].serr-escenarios.serr-layout-list .serr-scenario:before{border-radius:10px!important} /* Limpio elegante: casi sin cajas. */ .serr[data-design-preset="clean"] .serr-ficha-item, .serr[data-design-preset="clean"] .serr-scenario, .serr[data-design-preset="clean"] .serr-related-card{ background:transparent!important;box-shadow:none!important;border-color:transparent!important;border-radius:0!important } .serr[data-design-preset="clean"] .serr-ficha-item{border-bottom:1px solid #e3edf6!important;padding-left:4px!important;padding-right:4px!important} .serr[data-design-preset="clean"].serr-escenarios.serr-layout-list .serr-scenario{border-radius:0!important;border-bottom:1px solid #e2ebf3!important;background:transparent!important} /* Editorial elegante: numeración, aire y una guía vertical muy tenue. */ .serr[data-design-preset="elegant"].serr-escenarios.serr-layout-list .serr-scenario-grid{position:relative;column-gap:52px!important} .serr[data-design-preset="elegant"].serr-escenarios.serr-layout-list .serr-scenario{ border:0!important;border-bottom:1px solid #e0eaf3!important;border-radius:0!important;background:transparent!important;padding:18px 8px!important } .serr[data-design-preset="elegant"].serr-escenarios.serr-layout-list .serr-scenario:before{ background:transparent!important;box-shadow:none!important;font-size:13px!important;color:color-mix(in srgb,var(--ser-accent) 68%,#5d7182)!important } .serr[data-design-preset="elegant"] .serr-ficha-item, .serr[data-design-preset="elegant"] .serr-related-card{border:0!important;border-top:2px solid color-mix(in srgb,var(--ser-accent) 28%,transparent)!important;box-shadow:none!important;background:#fff!important} /* Tarjetas suaves: fondo tintado sin peso visual excesivo. */ .serr[data-design-preset="soft_cards"] .serr-ficha-item, .serr[data-design-preset="soft_cards"] .serr-scenario, .serr[data-design-preset="soft_cards"] .serr-related-card{ background:linear-gradient(145deg,#fff 0%,color-mix(in srgb,var(--ser-accent) 5%,#fff) 100%)!important; border:1px solid color-mix(in srgb,var(--ser-accent) 16%,#dce8f5)!important;border-radius:18px!important; box-shadow:0 7px 20px rgba(20,62,110,.045)!important } /* Tarjetas elevadas: más presencia, sin efecto "app". */ .serr[data-design-preset="cards_elevated"] .serr-ficha-item, .serr[data-design-preset="cards_elevated"] .serr-scenario, .serr[data-design-preset="cards_elevated"] .serr-related-card{ background:#fff!important;border:0!important;border-radius:20px!important; box-shadow:0 14px 38px rgba(20,62,110,.105)!important } .serr[data-design-preset="cards_elevated"] .serr-ficha-item:hover, .serr[data-design-preset="cards_elevated"] .serr-scenario:hover, .serr[data-design-preset="cards_elevated"] .serr-related-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(20,62,110,.13)!important} /* Iconos protagonistas: SVG limpio y con más aire. */ .serr[data-design-preset="icon_focus"] .serr-card-media--icon{ width:82px!important;height:82px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin-bottom:18px!important } .serr[data-design-preset="icon_focus"] .serr-card-media--icon img{width:74px!important;height:74px!important} .serr[data-design-preset="icon_focus"] .serr-ficha-item, .serr[data-design-preset="icon_focus"] .serr-scenario{padding:24px 22px!important;background:#fff!important;border:1px solid #e0eaf3!important;box-shadow:0 8px 24px rgba(20,62,110,.05)!important} /* Fotográfico editorial: imagen más protagonista y tarjetas sin marco pesado. */ .serr[data-design-preset="photo_editorial"] .serr-card-media--photo{aspect-ratio:4/3!important;border-radius:16px!important;margin-bottom:14px!important} .serr[data-design-preset="photo_editorial"] .serr-ficha-item, .serr[data-design-preset="photo_editorial"] .serr-scenario, .serr[data-design-preset="photo_editorial"] .serr-related-card{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important} .serr[data-design-preset="photo_editorial"] .serr-card-media--photo img{transition:transform .28s ease} .serr[data-design-preset="photo_editorial"] article:hover .serr-card-media--photo img{transform:scale(1.025)} /* Filas clínicas: lectura rápida sin cajas. */ .serr[data-design-preset="clinical_rows"].serr-escenarios.serr-layout-list .serr-scenario{ min-height:86px!important;grid-template-columns:54px minmax(0,1fr)!important;align-items:center!important; border:0!important;border-bottom:1px solid #dfe9f2!important;border-radius:0!important;background:transparent!important;padding:16px 4px!important } .serr[data-design-preset="clinical_rows"].serr-escenarios.serr-layout-list .serr-scenario:before{ width:44px!important;height:44px!important;border-radius:50%!important;background:#eef6ff!important;box-shadow:none!important } .serr[data-design-preset="clinical_rows"].serr-escenarios.serr-layout-list .serr-card-media--icon{width:50px!important;height:50px!important;margin:0!important;background:transparent!important;box-shadow:none!important} .serr[data-design-preset="clinical_rows"].serr-escenarios.serr-layout-list .serr-card-media--icon img{width:46px!important;height:46px!important} /* Banda elegante: acento lateral fino, no tarjeta completa. */ .serr[data-design-preset="accent_band"].serr-escenarios.serr-layout-list .serr-scenario, .serr[data-design-preset="accent_band"] .serr-ficha-item, .serr[data-design-preset="accent_band"] .serr-related-card{ border:0!important;border-left:3px solid color-mix(in srgb,var(--ser-accent) 68%,transparent)!important; border-radius:0 12px 12px 0!important;background:linear-gradient(90deg,color-mix(in srgb,var(--ser-accent) 6%,#fff),#fff 45%)!important; box-shadow:none!important;padding-left:18px!important } /* Minimal: estructura desnuda y precisa. */ .serr[data-design-preset="minimal"] .serr-ficha-item, .serr[data-design-preset="minimal"] .serr-scenario, .serr[data-design-preset="minimal"] .serr-related-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important} .serr[data-design-preset="minimal"].serr-escenarios.serr-layout-list .serr-scenario{border-bottom:1px solid #e4ebf2!important} @media(max-width:720px){ .serr[data-design-preset="elegant"].serr-escenarios.serr-layout-list .serr-scenario-grid{column-gap:0!important} .serr[data-design-preset="icon_focus"] .serr-card-media--icon{width:68px!important;height:68px!important} .serr[data-design-preset="icon_focus"] .serr-card-media--icon img{width:60px!important;height:60px!important} } /* ===== 2.13.0 · nuevos estilos visuales premium ===== */ /* Marco premium: borde fino, más aire y profundidad casi nula. */ .serr[data-design-preset="outline_luxe"] .serr-ficha-item, .serr[data-design-preset="outline_luxe"] .serr-scenario, .serr[data-design-preset="outline_luxe"] .serr-related-card{ position:relative;background:#fff!important;border:1px solid color-mix(in srgb,var(--ser-accent) 24%,#dbe7f0)!important;border-radius:22px!important; box-shadow:0 2px 0 rgba(20,62,110,.02)!important;padding:24px!important;transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease } .serr[data-design-preset="outline_luxe"] .serr-ficha-item:hover, .serr[data-design-preset="outline_luxe"] .serr-scenario:hover, .serr[data-design-preset="outline_luxe"] .serr-related-card:hover{border-color:color-mix(in srgb,var(--ser-accent) 52%,#c9dce9)!important;transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,62,110,.055)!important} .serr[data-design-preset="outline_luxe"] .serr-card-media--icon{background:transparent!important;box-shadow:none!important} /* Numerado premium 2.14: tarjetas amplias; el número es decoración editorial, nunca comprime el texto. */ .serr[data-design-preset="numbered_luxe"] .serr-scenario-grid, .serr[data-design-preset="numbered_luxe"] .serr-ficha-grid, .serr[data-design-preset="numbered_luxe"] .serr-related-grid{counter-reset:serr-luxe;gap:18px!important} .serr[data-design-preset="numbered_luxe"] .serr-scenario, .serr[data-design-preset="numbered_luxe"] .serr-ficha-item, .serr[data-design-preset="numbered_luxe"] .serr-related-card{counter-increment:serr-luxe;position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;min-width:0!important;min-height:168px!important;padding:54px 24px 24px!important;background:linear-gradient(155deg,#fff 0%,color-mix(in srgb,var(--ser-accent) 3.5%,#fff) 100%)!important;border:1px solid color-mix(in srgb,var(--ser-accent) 17%,#dce8f2)!important;border-radius:20px!important;box-shadow:0 9px 28px rgba(20,62,110,.055)!important;overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .serr[data-design-preset="numbered_luxe"] .serr-scenario:before, .serr[data-design-preset="numbered_luxe"] .serr-ficha-item:before, .serr[data-design-preset="numbered_luxe"] .serr-related-card:before{content:counter(serr-luxe,decimal-leading-zero)!important;position:absolute!important;right:18px!important;top:14px!important;left:auto!important;width:auto!important;height:auto!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:34px!important;line-height:1!important;font-weight:780!important;letter-spacing:-.055em;color:color-mix(in srgb,var(--ser-accent) 19%,#d9e5ee)!important;pointer-events:none} .serr[data-design-preset="numbered_luxe"] .serr-scenario:hover, .serr[data-design-preset="numbered_luxe"] .serr-ficha-item:hover, .serr[data-design-preset="numbered_luxe"] .serr-related-card:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--ser-accent) 36%,#cbddea)!important;box-shadow:0 16px 34px rgba(20,62,110,.09)!important} .serr[data-design-preset="numbered_luxe"] .serr-scenario-copy, .serr[data-design-preset="numbered_luxe"] .serr-card-copy, .serr[data-design-preset="numbered_luxe"] .serr-related-body{width:100%!important;min-width:0!important} .serr[data-design-preset="numbered_luxe"] .serr-card-media--icon{width:50px!important;height:50px!important;margin:0 0 14px!important;background:color-mix(in srgb,var(--ser-accent) 7%,#fff)!important;border-radius:14px!important;box-shadow:none!important} .serr[data-design-preset="numbered_luxe"] .serr-card-media--icon img{width:42px!important;height:42px!important} /* Degradado premium: más sofisticado que una caja plana, sin saturación. */ .serr[data-design-preset="gradient_soft"] .serr-ficha-item, .serr[data-design-preset="gradient_soft"] .serr-scenario, .serr[data-design-preset="gradient_soft"] .serr-related-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,color-mix(in srgb,var(--ser-accent) 7%,#fff) 62%,color-mix(in srgb,var(--ser-accent) 12%,#fff) 100%)!important;border:1px solid color-mix(in srgb,var(--ser-accent) 17%,#dbe7f0)!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(20,62,110,.05)!important} .serr[data-design-preset="gradient_soft"] .serr-ficha-item:after, .serr[data-design-preset="gradient_soft"] .serr-scenario:after, .serr[data-design-preset="gradient_soft"] .serr-related-card:after{content:"";position:absolute;right:-36px;top:-40px;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb,var(--ser-accent) 7%,transparent);pointer-events:none} /* Imagen lateral: cards de dos columnas con media protagonista y copy a la derecha. */ .serr[data-design-preset="split_media"] .serr-ficha-item, .serr[data-design-preset="split_media"] .serr-scenario, .serr[data-design-preset="split_media"] .serr-related-card{display:grid!important;grid-template-columns:minmax(120px,38%) minmax(0,1fr)!important;gap:18px!important;align-items:stretch;background:#fff!important;border:1px solid #dfe9f2!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(20,62,110,.05)!important;padding:0!important} .serr[data-design-preset="split_media"] .serr-card-media--photo{width:100%!important;height:100%!important;min-height:170px!important;aspect-ratio:auto!important;margin:0!important;border-radius:0!important} .serr[data-design-preset="split_media"] .serr-card-media--photo img{width:100%!important;height:100%!important;object-fit:cover!important} .serr[data-design-preset="split_media"] .serr-card-copy, .serr[data-design-preset="split_media"] .serr-scenario-copy, .serr[data-design-preset="split_media"] .serr-related-body{padding:22px 20px 22px 0!important;align-self:center} .serr[data-design-preset="split_media"] article:not(.has-media){grid-template-columns:1fr!important;padding:22px!important} .serr[data-design-preset="split_media"] article:not(.has-media) .serr-card-copy, .serr[data-design-preset="split_media"] article:not(.has-media) .serr-scenario-copy, .serr[data-design-preset="split_media"] article:not(.has-media) .serr-related-body{padding:0!important} /* Mosaico editorial 2.14: composición realmente asimétrica y con interacción sutil. */ .serr[data-design-preset="mosaic"] .serr-ficha-grid, .serr[data-design-preset="mosaic"] .serr-scenario-grid, .serr[data-design-preset="mosaic"] .serr-related-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-flow:dense;grid-auto-rows:minmax(118px,auto);gap:16px!important} .serr[data-design-preset="mosaic"] .serr-ficha-item, .serr[data-design-preset="mosaic"] .serr-scenario, .serr[data-design-preset="mosaic"] .serr-related-card{position:relative;grid-column:span 4;min-width:0!important;overflow:hidden!important;background:#fff!important;border:1px solid #dfe9f2!important;border-radius:22px!important;box-shadow:0 9px 26px rgba(20,62,110,.05)!important;padding:24px!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease} .serr[data-design-preset="mosaic"] article:nth-child(1){grid-column:span 7;grid-row:span 2;min-height:260px;background:linear-gradient(145deg,#fff 0%,color-mix(in srgb,var(--ser-accent) 7%,#fff) 100%)!important;padding:32px!important} .serr[data-design-preset="mosaic"] article:nth-child(2),.serr[data-design-preset="mosaic"] article:nth-child(3){grid-column:span 5} .serr[data-design-preset="mosaic"] article:nth-child(4),.serr[data-design-preset="mosaic"] article:nth-child(5),.serr[data-design-preset="mosaic"] article:nth-child(6){grid-column:span 4} .serr[data-design-preset="mosaic"] article:nth-child(7){grid-column:span 12;background:linear-gradient(90deg,#fff,color-mix(in srgb,var(--ser-accent) 5%,#fff),#fff)!important} .serr[data-design-preset="mosaic"] article:after{content:"";position:absolute;right:-42px;bottom:-54px;width:128px;height:128px;border-radius:50%;background:color-mix(in srgb,var(--ser-accent) 5%,transparent);transform:scale(.9);transition:transform .28s ease,background .28s ease;pointer-events:none} .serr[data-design-preset="mosaic"] article:hover{transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--ser-accent) 32%,#cfdfeb)!important;box-shadow:0 18px 38px rgba(20,62,110,.095)!important} .serr[data-design-preset="mosaic"] article:hover:after{transform:scale(1.18);background:color-mix(in srgb,var(--ser-accent) 9%,transparent)} .serr[data-design-preset="mosaic"] article:first-child .serr-card-media--icon{width:92px!important;height:92px!important;background:transparent!important;box-shadow:none!important;margin-bottom:20px!important} .serr[data-design-preset="mosaic"] article:first-child .serr-card-media--icon img{width:82px!important;height:82px!important;transition:transform .28s ease} .serr[data-design-preset="mosaic"] article:hover .serr-card-media--photo img,.serr[data-design-preset="mosaic"] article:hover .serr-card-media--icon img{transform:scale(1.035)} /* Clásica premium: tarjeta tradicional, refinada y segura, con brillo mínimo al hover. */ .serr[data-design-preset="classic_luxe"] .serr-ficha-item, .serr[data-design-preset="classic_luxe"] .serr-scenario, .serr[data-design-preset="classic_luxe"] .serr-related-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fcfdff)!important;border:1px solid #d8e5ef!important;border-radius:18px!important;box-shadow:0 8px 22px rgba(20,62,110,.055)!important;padding:24px!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .serr[data-design-preset="classic_luxe"] article:after{content:"";position:absolute;left:-35%;top:-70%;width:45%;height:220%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:rotate(8deg);opacity:0;pointer-events:none;transition:left .48s ease,opacity .2s ease} .serr[data-design-preset="classic_luxe"] article:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--ser-accent) 34%,#cfdfeb)!important;box-shadow:0 15px 34px rgba(20,62,110,.09)!important} .serr[data-design-preset="classic_luxe"] article:hover:after{left:115%;opacity:.75} .serr[data-design-preset="classic_luxe"] .serr-card-media--icon{background:color-mix(in srgb,var(--ser-accent) 6%,#fff)!important;border:1px solid color-mix(in srgb,var(--ser-accent) 12%,#e4eef5)!important;box-shadow:none!important} /* Icono flotante: el icono sale del marco y crea una silueta más reconocible. */ .serr[data-design-preset="floating_icon"] .serr-ficha-grid, .serr[data-design-preset="floating_icon"] .serr-scenario-grid,.serr[data-design-preset="floating_icon"] .serr-related-grid{padding-top:30px!important;gap:24px!important} .serr[data-design-preset="floating_icon"] .serr-ficha-item, .serr[data-design-preset="floating_icon"] .serr-scenario, .serr[data-design-preset="floating_icon"] .serr-related-card{position:relative;overflow:visible!important;background:#fff!important;border:1px solid #dce8f2!important;border-radius:20px!important;box-shadow:0 9px 26px rgba(20,62,110,.055)!important;padding:54px 22px 24px!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .serr[data-design-preset="floating_icon"] .serr-card-media--icon{position:absolute!important;left:22px!important;top:-30px!important;width:68px!important;height:68px!important;margin:0!important;border-radius:19px!important;background:#fff!important;border:1px solid color-mix(in srgb,var(--ser-accent) 26%,#d8e6f0)!important;box-shadow:0 9px 22px rgba(20,62,110,.11)!important;transition:transform .22s ease,box-shadow .22s ease} .serr[data-design-preset="floating_icon"] .serr-card-media--icon img{width:54px!important;height:54px!important} .serr[data-design-preset="floating_icon"] article:not(.has-media){padding-top:28px!important} .serr[data-design-preset="floating_icon"] article:hover{transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--ser-accent) 35%,#cfdfeb)!important;box-shadow:0 17px 36px rgba(20,62,110,.095)!important} .serr[data-design-preset="floating_icon"] article:hover .serr-card-media--icon{transform:translateY(-4px) rotate(-1deg);box-shadow:0 13px 28px rgba(20,62,110,.15)!important} /* Línea viva: casi editorial; una línea azul crece al hover sin convertir todo en una caja. */ .serr[data-design-preset="live_line"] .serr-ficha-item, .serr[data-design-preset="live_line"] .serr-scenario, .serr[data-design-preset="live_line"] .serr-related-card{position:relative;background:#fff!important;border:0!important;border-bottom:1px solid #dbe7f0!important;border-radius:10px 10px 0 0!important;box-shadow:none!important;padding:24px 20px 26px!important;overflow:hidden!important;transition:background .22s ease,transform .22s ease} .serr[data-design-preset="live_line"] article:after{content:"";position:absolute;left:0;bottom:0;width:34%;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--ser-accent),color-mix(in srgb,var(--ser-accent) 35%,#8ecfff));transition:width .3s ease} .serr[data-design-preset="live_line"] article:hover{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--ser-accent) 3%,#fff))!important;transform:translateY(-2px)!important} .serr[data-design-preset="live_line"] article:hover:after{width:100%} .serr[data-design-preset="live_line"] .serr-card-media--icon{background:transparent!important;box-shadow:none!important;border-radius:0!important} /* Marco dinámico: bordes discretos y esquinas activas, con chispa contenida. */ .serr[data-design-preset="dynamic_frame"] .serr-ficha-item, .serr[data-design-preset="dynamic_frame"] .serr-scenario, .serr[data-design-preset="dynamic_frame"] .serr-related-card{position:relative;background:#fff!important;border:1px solid #dce8f1!important;border-radius:20px!important;box-shadow:0 7px 22px rgba(20,62,110,.045)!important;padding:24px!important;overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .serr[data-design-preset="dynamic_frame"] article:before,.serr[data-design-preset="dynamic_frame"] article:after{content:"";position:absolute;width:34px;height:34px;pointer-events:none;transition:width .25s ease,height .25s ease,border-color .25s ease} .serr[data-design-preset="dynamic_frame"] article:before{left:-1px;top:-1px;border-left:3px solid color-mix(in srgb,var(--ser-accent) 72%,#fff);border-top:3px solid color-mix(in srgb,var(--ser-accent) 72%,#fff);border-radius:20px 0 0 0} .serr[data-design-preset="dynamic_frame"] article:after{right:-1px;bottom:-1px;border-right:3px solid color-mix(in srgb,var(--ser-accent) 40%,#fff);border-bottom:3px solid color-mix(in srgb,var(--ser-accent) 40%,#fff);border-radius:0 0 20px 0} .serr[data-design-preset="dynamic_frame"] article:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--ser-accent) 30%,#cfdfeb)!important;box-shadow:0 16px 34px rgba(20,62,110,.085)!important} .serr[data-design-preset="dynamic_frame"] article:hover:before,.serr[data-design-preset="dynamic_frame"] article:hover:after{width:62px;height:62px} .serr[data-design-preset="dynamic_frame"] .serr-card-media--icon{background:transparent!important;box-shadow:none!important} /* Contraste premium: recurso puntual para una franja de alto contraste. */ .serr[data-design-preset="dark_luxe"] .serr-ficha-item, .serr[data-design-preset="dark_luxe"] .serr-scenario, .serr[data-design-preset="dark_luxe"] .serr-related-card{background:linear-gradient(145deg,#082a49,#0d3b64)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;box-shadow:0 14px 34px rgba(7,34,57,.18)!important;color:#eaf6ff!important} .serr[data-design-preset="dark_luxe"] .serr-ficha-item span, .serr[data-design-preset="dark_luxe"] .serr-ficha-item strong, .serr[data-design-preset="dark_luxe"] .serr-ficha-item h4, .serr[data-design-preset="dark_luxe"] .serr-scenario .serr-subheading, .serr[data-design-preset="dark_luxe"] .serr-related-card .serr-subheading{color:#fff!important} .serr[data-design-preset="dark_luxe"] .serr-rich-output, .serr[data-design-preset="dark_luxe"] .serr-card-note{color:#d6e7f4!important} .serr[data-design-preset="dark_luxe"] .serr-card-media--icon{background:rgba(255,255,255,.08)!important;box-shadow:none!important} @media(max-width:820px){ .serr[data-design-preset="mosaic"] .serr-ficha-grid,.serr[data-design-preset="mosaic"] .serr-scenario-grid,.serr[data-design-preset="mosaic"] .serr-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important} .serr[data-design-preset="mosaic"] article{grid-column:span 1!important;grid-row:auto!important;min-height:0!important} .serr[data-design-preset="mosaic"] article:first-child,.serr[data-design-preset="mosaic"] article:nth-child(7){grid-column:1/-1!important} .serr[data-design-preset="split_media"] .serr-ficha-item,.serr[data-design-preset="split_media"] .serr-scenario,.serr[data-design-preset="split_media"] .serr-related-card{grid-template-columns:1fr!important} .serr[data-design-preset="split_media"] .serr-card-media--photo{min-height:190px!important;max-height:240px!important} .serr[data-design-preset="split_media"] .serr-card-copy,.serr[data-design-preset="split_media"] .serr-scenario-copy,.serr[data-design-preset="split_media"] .serr-related-body{padding:0 20px 22px!important} } @media(max-width:560px){.serr[data-design-preset="mosaic"] .serr-ficha-grid,.serr[data-design-preset="mosaic"] .serr-scenario-grid,.serr[data-design-preset="mosaic"] .serr-related-grid{grid-template-columns:1fr!important}.serr[data-design-preset="mosaic"] article{grid-column:1!important}} /* 2.14 motion safety */ @media(prefers-reduced-motion:reduce){ .serr[data-design-preset="classic_luxe"] article,.serr[data-design-preset="floating_icon"] article,.serr[data-design-preset="floating_icon"] .serr-card-media--icon,.serr[data-design-preset="live_line"] article,.serr[data-design-preset="live_line"] article:after,.serr[data-design-preset="dynamic_frame"] article,.serr[data-design-preset="dynamic_frame"] article:before,.serr[data-design-preset="dynamic_frame"] article:after,.serr[data-design-preset="mosaic"] article,.serr[data-design-preset="mosaic"] article:after,.serr[data-design-preset="mosaic"] img,.serr[data-design-preset="numbered_luxe"] article{transition:none!important;transform:none!important} } /* ===== SER - SERVICIOS 2.14 · refinamiento visual de tarjetas ===== */ /* 1) Si la etiqueta es el único encabezado, se comporta como un título de sección real. */ .serr .serr-eyebrow--section-title{ display:block!important;width:auto!important;max-width:920px!important; margin-bottom:clamp(20px,2.4vw,30px)!important;padding:0!important; color:var(--ser-navy,var(--ser-text))!important;background:transparent!important;border:0!important; font-family:var(--ser-font-heading-family)!important;font-size:var(--ser-font-heading)!important; font-weight:780!important;line-height:1.12!important;letter-spacing:-.035em!important;text-transform:none!important; } .serr[data-eyebrow-align="center"] .serr-eyebrow--section-title{margin-left:auto!important;margin-right:auto!important;text-align:center!important} .serr[data-eyebrow-align="right"] .serr-eyebrow--section-title{margin-left:auto!important;margin-right:0!important;text-align:right!important} .serr[data-eyebrow-align="left"] .serr-eyebrow--section-title{margin-left:0!important;margin-right:auto!important;text-align:left!important} /* 2) Fuera alturas mínimas artificiales: el contenido determina la altura. */ .serr-escenarios.serr-layout-cards[data-design-preset="outline_luxe"] .serr-scenario, .serr-escenarios.serr-layout-cards[data-design-preset="numbered_luxe"] .serr-scenario, .serr-escenarios.serr-layout-cards[data-design-preset="icon_focus"] .serr-scenario, .serr-escenarios.serr-layout-cards[data-design-preset="photo_editorial"] .serr-scenario, .serr-escenarios.serr-layout-cards[data-design-preset="classic_luxe"] .serr-scenario, .serr-escenarios.serr-layout-cards[data-design-preset="floating_icon"] .serr-scenario, .serr-escenarios.serr-layout-cards[data-design-preset="live_line"] .serr-scenario, .serr-escenarios.serr-layout-cards[data-design-preset="dynamic_frame"] .serr-scenario, .serr-escenarios.serr-layout-cards[data-design-preset="soft_cards"] .serr-scenario, .serr-escenarios.serr-layout-cards[data-design-preset="cards_elevated"] .serr-scenario{min-height:0!important;height:auto!important} /* 3) Escala de icono coherente: el control Pequeño / Medio / Grande sí manda. */ .serr[data-design-preset="outline_luxe"][data-media-size="small"] .serr-card-media--icon, .serr[data-design-preset="numbered_luxe"][data-media-size="small"] .serr-card-media--icon, .serr[data-design-preset="classic_luxe"][data-media-size="small"] .serr-card-media--icon, .serr[data-design-preset="live_line"][data-media-size="small"] .serr-card-media--icon, .serr[data-design-preset="dynamic_frame"][data-media-size="small"] .serr-card-media--icon{width:58px!important;height:58px!important} .serr[data-design-preset="outline_luxe"][data-media-size="medium"] .serr-card-media--icon, .serr[data-design-preset="numbered_luxe"][data-media-size="medium"] .serr-card-media--icon, .serr[data-design-preset="classic_luxe"][data-media-size="medium"] .serr-card-media--icon, .serr[data-design-preset="live_line"][data-media-size="medium"] .serr-card-media--icon, .serr[data-design-preset="dynamic_frame"][data-media-size="medium"] .serr-card-media--icon{width:82px!important;height:82px!important} .serr[data-design-preset="outline_luxe"][data-media-size="large"] .serr-card-media--icon, .serr[data-design-preset="numbered_luxe"][data-media-size="large"] .serr-card-media--icon, .serr[data-design-preset="classic_luxe"][data-media-size="large"] .serr-card-media--icon, .serr[data-design-preset="live_line"][data-media-size="large"] .serr-card-media--icon, .serr[data-design-preset="dynamic_frame"][data-media-size="large"] .serr-card-media--icon{width:110px!important;height:110px!important} .serr[data-design-preset="outline_luxe"] .serr-card-media--icon img, .serr[data-design-preset="numbered_luxe"] .serr-card-media--icon img, .serr[data-design-preset="classic_luxe"] .serr-card-media--icon img, .serr[data-design-preset="live_line"] .serr-card-media--icon img, .serr[data-design-preset="dynamic_frame"] .serr-card-media--icon img{width:86%!important;height:86%!important;object-fit:contain!important} /* Iconos protagonistas: deja de ser otra tarjeta más. Es una composición abierta. */ .serr[data-design-preset="icon_focus"] .serr-ficha-grid, .serr[data-design-preset="icon_focus"] .serr-scenario-grid{gap:clamp(24px,3vw,38px)!important} .serr[data-design-preset="icon_focus"] .serr-ficha-item, .serr[data-design-preset="icon_focus"] .serr-scenario{ align-items:center!important;text-align:center!important;padding:18px 16px 22px!important; background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important } .serr[data-design-preset="icon_focus"] .serr-card-copy, .serr[data-design-preset="icon_focus"] .serr-scenario-copy{width:100%!important;text-align:center!important} .serr[data-design-preset="icon_focus"] .serr-card-media--icon{margin:0 auto 18px!important;background:transparent!important;box-shadow:none!important;border:0!important} .serr[data-design-preset="icon_focus"][data-media-size="auto"] .serr-card-media--icon{width:108px!important;height:108px!important} .serr[data-design-preset="icon_focus"][data-media-size="small"] .serr-card-media--icon{width:74px!important;height:74px!important} .serr[data-design-preset="icon_focus"][data-media-size="medium"] .serr-card-media--icon{width:100px!important;height:100px!important} .serr[data-design-preset="icon_focus"][data-media-size="large"] .serr-card-media--icon{width:136px!important;height:136px!important} .serr[data-design-preset="icon_focus"] .serr-card-media--icon img{width:92%!important;height:92%!important;object-fit:contain!important;transition:transform .25s ease,filter .25s ease} .serr[data-design-preset="icon_focus"] article:hover .serr-card-media--icon img{transform:translateY(-4px) scale(1.035);filter:drop-shadow(0 10px 15px rgba(20,82,150,.11))} /* Numerado premium: número como columna editorial, sin huecos artificiales. */ .serr[data-design-preset="numbered_luxe"] .serr-scenario, .serr[data-design-preset="numbered_luxe"] .serr-ficha-item, .serr[data-design-preset="numbered_luxe"] .serr-related-card{ display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;grid-auto-rows:auto!important; column-gap:16px!important;row-gap:10px!important;align-items:start!important;padding:22px 22px 22px 18px!important; min-height:0!important;background:#fff!important;border:1px solid #dce7f0!important;border-radius:18px!important; box-shadow:0 7px 22px rgba(20,62,110,.045)!important } .serr[data-design-preset="numbered_luxe"] .serr-scenario:before, .serr[data-design-preset="numbered_luxe"] .serr-ficha-item:before, .serr[data-design-preset="numbered_luxe"] .serr-related-card:before{ position:static!important;grid-column:1!important;grid-row:1 / span 3!important;align-self:start!important; width:52px!important;height:52px!important;display:grid!important;place-items:center!important; border-radius:15px!important;background:linear-gradient(145deg,#f3f8ff,#e9f4ff)!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ser-accent) 14%,transparent)!important; color:color-mix(in srgb,var(--ser-accent) 74%,#54738c)!important;font-size:18px!important;font-weight:850!important;letter-spacing:-.03em!important } .serr[data-design-preset="numbered_luxe"] .serr-card-media, .serr[data-design-preset="numbered_luxe"] .serr-card-copy, .serr[data-design-preset="numbered_luxe"] .serr-scenario-copy, .serr[data-design-preset="numbered_luxe"] .serr-related-body{grid-column:2!important;min-width:0!important;width:100%!important} .serr[data-design-preset="numbered_luxe"] .serr-card-media--icon{margin:0 0 2px!important;background:transparent!important;border:0!important;box-shadow:none!important} /* Línea viva: con imagen/icono se convierte en una composición horizontal útil. */ .serr[data-design-preset="live_line"] article.has-media{display:grid!important;grid-template-columns:minmax(78px,auto) minmax(0,1fr)!important;align-items:center!important;gap:18px!important} .serr[data-design-preset="live_line"] article.has-media .serr-card-media{grid-column:1!important;grid-row:1!important;margin:0!important} .serr[data-design-preset="live_line"] article.has-media .serr-card-copy, .serr[data-design-preset="live_line"] article.has-media .serr-scenario-copy, .serr[data-design-preset="live_line"] article.has-media .serr-related-body{grid-column:2!important;grid-row:1!important;min-width:0!important} .serr[data-design-preset="live_line"] .serr-card-media--icon{background:transparent!important;box-shadow:none!important;border:0!important} .serr[data-design-preset="live_line"] article{padding-top:20px!important;padding-bottom:22px!important} /* Foto editorial: foto 16:10 + contenido agrupado en un único box sutil. */ .serr[data-design-preset="photo_editorial"] .serr-ficha-item, .serr[data-design-preset="photo_editorial"] .serr-scenario, .serr[data-design-preset="photo_editorial"] .serr-related-card{ display:block!important;overflow:hidden!important;padding:0!important;background:#fff!important; border:1px solid #dce7f0!important;border-radius:20px!important;box-shadow:0 9px 26px rgba(20,62,110,.055)!important; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease } .serr[data-design-preset="photo_editorial"] article:hover{transform:translateY(-3px)!important;box-shadow:0 16px 34px rgba(20,62,110,.09)!important;border-color:color-mix(in srgb,var(--ser-accent) 28%,#cfdfeb)!important} .serr[data-design-preset="photo_editorial"] .serr-card-media--photo{ width:100%!important;aspect-ratio:16/10!important;margin:0!important;border:0!important;border-radius:0!important;background:#f5f7f9!important;overflow:hidden!important } .serr[data-design-preset="photo_editorial"] .serr-card-media--photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important} .serr[data-design-preset="photo_editorial"] .serr-card-copy, .serr[data-design-preset="photo_editorial"] .serr-scenario-copy, .serr[data-design-preset="photo_editorial"] .serr-related-body{padding:16px 19px 20px!important;margin:0!important} .serr[data-design-preset="photo_editorial"] .serr-ficha-item strong, .serr[data-design-preset="photo_editorial"] .serr-scenario .serr-subheading, .serr[data-design-preset="photo_editorial"] .serr-related-card .serr-subheading{margin-top:0!important;margin-bottom:7px!important} /* Mosaico editorial: la imagen no es miniatura; es ambiente de fondo con overlay de lectura. */ .serr[data-design-preset="mosaic"] .serr-ficha-grid, .serr[data-design-preset="mosaic"] .serr-scenario-grid, .serr[data-design-preset="mosaic"] .serr-related-grid{ display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-flow:dense!important; grid-auto-rows:minmax(128px,auto)!important;gap:14px!important } .serr[data-design-preset="mosaic"] article{ position:relative!important;grid-column:span 4!important;grid-row:auto!important;min-height:128px!important; padding:22px!important;overflow:hidden!important;border:1px solid #dce8f2!important;border-radius:20px!important; background:linear-gradient(145deg,#fff,#f8fbfe)!important;box-shadow:0 8px 24px rgba(20,62,110,.045)!important } .serr[data-design-preset="mosaic"] article.is-media-featured{ grid-column:span 8!important;grid-row:span 2!important;min-height:270px!important;padding:28px!important } .serr[data-design-preset="mosaic"] article:nth-child(5n):not(.is-media-featured), .serr[data-design-preset="mosaic"] article:nth-child(5n+1):not(.is-media-featured){grid-column:span 6!important} .serr[data-design-preset="mosaic"] article.has-media .serr-card-media--photo{ position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important; margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;opacity:.26!important;overflow:hidden!important } .serr[data-design-preset="mosaic"] article.has-media .serr-card-media--photo img{ width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:saturate(.82) contrast(.96)!important; transform:scale(1.015);transition:transform .38s ease,filter .38s ease } .serr[data-design-preset="mosaic"] article.has-media:before{ content:"";position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(115deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 48%,color-mix(in srgb,var(--ser-accent) 11%,rgba(255,255,255,.84)) 100%) } .serr[data-design-preset="mosaic"] article .serr-card-copy, .serr[data-design-preset="mosaic"] article .serr-scenario-copy, .serr[data-design-preset="mosaic"] article .serr-related-body{position:relative!important;z-index:2!important;width:100%!important} .serr[data-design-preset="mosaic"] article:after{z-index:2!important;opacity:.65} .serr[data-design-preset="mosaic"] article.has-media:hover .serr-card-media--photo{opacity:.32!important} .serr[data-design-preset="mosaic"] article.has-media:hover .serr-card-media--photo img{transform:scale(1.06);filter:saturate(.92) contrast(1)!important} /* Filas editoriales: mejor presencia base, con el texto como protagonista. */ .serr[data-design-preset="clinical_rows"].serr-escenarios.serr-layout-list .serr-scenario{ min-height:0!important;padding:18px 8px!important;gap:15px!important;transition:transform .18s ease,background .18s ease,border-color .18s ease } .serr[data-design-preset="clinical_rows"].serr-escenarios.serr-layout-list .serr-scenario:hover{transform:translateX(3px)!important;background:#fbfdff!important} .serr[data-design-preset="clinical_rows"].serr-escenarios.serr-layout-list .serr-scenario .serr-subheading{font-weight:790!important;letter-spacing:-.02em!important} /* Subestilo 1: Filas numeradas. */ .serr[data-design-preset="rows_numbered"].serr-escenarios.serr-layout-list .serr-scenario-grid{counter-reset:serr-row-num!important;column-gap:44px!important;row-gap:0!important} .serr[data-design-preset="rows_numbered"].serr-escenarios.serr-layout-list .serr-scenario{ counter-increment:serr-row-num;display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;align-items:center!important;gap:16px!important; min-height:96px!important;padding:18px 6px!important;border:0!important;border-bottom:1px solid #dce7f0!important;border-radius:0!important;background:transparent!important } .serr[data-design-preset="rows_numbered"].serr-escenarios.serr-layout-list .serr-scenario:before{ content:counter(serr-row-num,decimal-leading-zero)!important;width:auto!important;height:auto!important;background:transparent!important;box-shadow:none!important; font-size:34px!important;line-height:1!important;font-weight:820!important;color:color-mix(in srgb,var(--ser-accent) 40%,#c9d8e4)!important;letter-spacing:-.06em!important } .serr[data-design-preset="rows_numbered"].serr-escenarios.serr-layout-list .serr-scenario.has-media:before{display:grid!important} .serr[data-design-preset="rows_numbered"] .serr-card-media--icon{display:none!important} .serr[data-design-preset="rows_numbered"] .serr-scenario .serr-subheading{font-size:calc(var(--ser-font-card) * 1.05)!important;font-weight:800!important;letter-spacing:-.02em!important} .serr[data-design-preset="rows_numbered"] .serr-scenario:hover:before{color:var(--ser-accent)!important} /* Subestilo 2: Filas con guía vertical y punto activo. */ .serr[data-design-preset="rows_rail"].serr-escenarios.serr-layout-list .serr-scenario-grid{position:relative!important;grid-template-columns:1fr 1fr!important;column-gap:38px!important;row-gap:0!important} .serr[data-design-preset="rows_rail"].serr-escenarios.serr-layout-list .serr-scenario{ position:relative!important;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:14px!important;min-height:86px!important; padding:18px 8px!important;border:0!important;border-bottom:1px solid #e1e9f1!important;border-radius:0!important;background:transparent!important } .serr[data-design-preset="rows_rail"].serr-escenarios.serr-layout-list .serr-scenario:before{ content:""!important;width:11px!important;height:11px!important;border-radius:50%!important;margin:7px 0 0 3px!important; background:#fff!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--ser-accent) 50%,#cfe1ef),0 0 0 6px #fff!important;transition:background .18s ease,box-shadow .18s ease!important } .serr[data-design-preset="rows_rail"].serr-escenarios.serr-layout-list .serr-scenario:after{ content:"";position:absolute;left:16px;top:31px;bottom:-18px;width:1px;background:#d9e6f0;pointer-events:none } .serr[data-design-preset="rows_rail"].serr-escenarios.serr-layout-list .serr-scenario:hover:before{background:var(--ser-accent)!important;box-shadow:0 0 0 2px var(--ser-accent),0 0 0 7px color-mix(in srgb,var(--ser-accent) 9%,#fff)!important} .serr[data-design-preset="rows_rail"] .serr-card-media--icon{display:none!important} /* Subestilo 3: Filas divididas, una columna, título + explicación. */ .serr[data-design-preset="rows_split"].serr-escenarios.serr-layout-list .serr-scenario-grid{grid-template-columns:1fr!important;row-gap:0!important} .serr[data-design-preset="rows_split"].serr-escenarios.serr-layout-list .serr-scenario{ display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:16px!important;align-items:start!important; padding:20px 6px!important;border:0!important;border-bottom:1px solid #dce7f0!important;border-radius:0!important;background:transparent!important } .serr[data-design-preset="rows_split"].serr-escenarios.serr-layout-list .serr-scenario:before{width:42px!important;height:42px!important;border-radius:12px!important} .serr[data-design-preset="rows_split"].serr-escenarios.serr-layout-list .serr-scenario-copy{display:grid!important;grid-template-columns:minmax(180px,.42fr) minmax(0,.58fr)!important;gap:28px!important;align-items:start!important;width:100%!important} .serr[data-design-preset="rows_split"] .serr-scenario .serr-subheading{margin:0!important;font-weight:800!important;letter-spacing:-.02em!important} .serr[data-design-preset="rows_split"] .serr-scenario .serr-rich-output{margin:0!important;padding-left:24px!important;border-left:1px solid #dfe8ef!important} .serr[data-design-preset="rows_split"] .serr-card-media--icon{display:none!important} /* Marco premium / dinámica / clásica: los iconos respetan escala y ganan presencia. */ .serr[data-design-preset="outline_luxe"] article.has-media .serr-card-media--icon, .serr[data-design-preset="dynamic_frame"] article.has-media .serr-card-media--icon, .serr[data-design-preset="classic_luxe"] article.has-media .serr-card-media--icon{margin-bottom:16px!important;background:transparent!important;box-shadow:none!important;border:0!important} @media(max-width:820px){ .serr[data-design-preset="mosaic"] .serr-ficha-grid,.serr[data-design-preset="mosaic"] .serr-scenario-grid,.serr[data-design-preset="mosaic"] .serr-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important} .serr[data-design-preset="mosaic"] article,.serr[data-design-preset="mosaic"] article.is-media-featured,.serr[data-design-preset="mosaic"] article:nth-child(n){grid-column:span 1!important;grid-row:auto!important;min-height:0!important} .serr[data-design-preset="mosaic"] article.is-media-featured{grid-column:1/-1!important;min-height:220px!important} .serr[data-design-preset="rows_split"].serr-escenarios.serr-layout-list .serr-scenario-copy{grid-template-columns:1fr!important;gap:7px!important} .serr[data-design-preset="rows_split"] .serr-scenario .serr-rich-output{padding-left:0!important;border-left:0!important} } @media(max-width:560px){ .serr[data-design-preset="mosaic"] .serr-ficha-grid,.serr[data-design-preset="mosaic"] .serr-scenario-grid,.serr[data-design-preset="mosaic"] .serr-related-grid{grid-template-columns:1fr!important} .serr[data-design-preset="rows_rail"].serr-escenarios.serr-layout-list .serr-scenario-grid{grid-template-columns:1fr!important} .serr[data-design-preset="live_line"] article.has-media{grid-template-columns:74px minmax(0,1fr)!important;gap:12px!important} } @media(prefers-reduced-motion:reduce){ .serr[data-design-preset="icon_focus"] img,.serr[data-design-preset="mosaic"] img,.serr[data-design-preset="rows_rail"] .serr-scenario:before,.serr[data-design-preset="clinical_rows"] .serr-scenario{transition:none!important;transform:none!important} } /* 2.14.1 · columnas explícitas: 2/3/4 se respetan en escritorio. Solo se reducen a 2 entre 721-820 px y a 1 por debajo de 720 px. */ /* ===== 2.14.2 · Imagen lateral respeta el tamaño elegido ===== El preset antes fijaba 38% + 170px y anulaba visualmente Pequeño/Mediano/Grande. */ @media(min-width:821px){ .serr[data-design-preset="split_media"][data-media-size="small"] .serr-ficha-item, .serr[data-design-preset="split_media"][data-media-size="small"] .serr-scenario, .serr[data-design-preset="split_media"][data-media-size="small"] .serr-related-card{grid-template-columns:minmax(88px,24%) minmax(0,1fr)!important;gap:16px!important} .serr[data-design-preset="split_media"][data-media-size="small"] .serr-card-media--photo{min-height:108px!important} .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-ficha-item, .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-scenario, .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-related-card{grid-template-columns:minmax(105px,31%) minmax(0,1fr)!important;gap:17px!important} .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-card-media--photo{min-height:138px!important} .serr[data-design-preset="split_media"][data-media-size="large"] .serr-ficha-item, .serr[data-design-preset="split_media"][data-media-size="large"] .serr-scenario, .serr[data-design-preset="split_media"][data-media-size="large"] .serr-related-card{grid-template-columns:minmax(120px,38%) minmax(0,1fr)!important;gap:18px!important} .serr[data-design-preset="split_media"][data-media-size="large"] .serr-card-media--photo{min-height:170px!important} } @media(max-width:820px){ .serr[data-design-preset="split_media"][data-media-size="small"] .serr-card-media--photo{min-height:110px!important;max-height:150px!important} .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-card-media--photo{min-height:145px!important;max-height:190px!important} .serr[data-design-preset="split_media"][data-media-size="large"] .serr-card-media--photo{min-height:190px!important;max-height:240px!important} } /* ===== 2.14.3 · Imagen lateral: escalas visualmente distintas ===== Pequeño y Mediano dejan de estirarse a toda la altura de la tarjeta. */ @media(min-width:821px){ .serr[data-design-preset="split_media"][data-media-size="small"] .serr-ficha-item, .serr[data-design-preset="split_media"][data-media-size="small"] .serr-scenario, .serr[data-design-preset="split_media"][data-media-size="small"] .serr-related-card{grid-template-columns:128px minmax(0,1fr)!important;gap:16px!important;align-items:center!important} .serr[data-design-preset="split_media"][data-media-size="small"] .serr-card-media--photo{width:96px!important;height:96px!important;min-height:0!important;max-height:none!important;margin:16px 0 16px 16px!important;border-radius:14px!important;align-self:center!important} .serr[data-design-preset="split_media"][data-media-size="small"] .serr-card-copy, .serr[data-design-preset="split_media"][data-media-size="small"] .serr-scenario-copy, .serr[data-design-preset="split_media"][data-media-size="small"] .serr-related-body{padding:18px 18px 18px 0!important} .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-ficha-item, .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-scenario, .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-related-card{grid-template-columns:minmax(164px,30%) minmax(0,1fr)!important;gap:17px!important;align-items:center!important} .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-card-media--photo{width:calc(100% - 16px)!important;height:142px!important;min-height:142px!important;max-height:142px!important;margin:16px 0 16px 16px!important;border-radius:15px!important;align-self:center!important} .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-card-copy, .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-scenario-copy, .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-related-body{padding:20px 20px 20px 0!important} .serr[data-design-preset="split_media"][data-media-size="large"] .serr-ficha-item, .serr[data-design-preset="split_media"][data-media-size="large"] .serr-scenario, .serr[data-design-preset="split_media"][data-media-size="large"] .serr-related-card{grid-template-columns:minmax(190px,40%) minmax(0,1fr)!important;gap:18px!important;align-items:stretch!important} .serr[data-design-preset="split_media"][data-media-size="large"] .serr-card-media--photo{width:100%!important;height:100%!important;min-height:190px!important;max-height:none!important;margin:0!important;border-radius:0!important} } @media(min-width:561px) and (max-width:820px){ .serr[data-design-preset="split_media"][data-media-size="small"] .serr-ficha-item, .serr[data-design-preset="split_media"][data-media-size="small"] .serr-scenario, .serr[data-design-preset="split_media"][data-media-size="small"] .serr-related-card{grid-template-columns:112px minmax(0,1fr)!important;gap:14px!important;align-items:center!important} .serr[data-design-preset="split_media"][data-media-size="small"] .serr-card-media--photo{width:84px!important;height:84px!important;min-height:0!important;max-height:none!important;margin:14px 0 14px 14px!important;border-radius:13px!important} .serr[data-design-preset="split_media"][data-media-size="small"] .serr-card-copy, .serr[data-design-preset="split_media"][data-media-size="small"] .serr-scenario-copy, .serr[data-design-preset="split_media"][data-media-size="small"] .serr-related-body{padding:16px 16px 16px 0!important} .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-ficha-item, .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-scenario, .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-related-card{grid-template-columns:150px minmax(0,1fr)!important;gap:15px!important;align-items:center!important} .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-card-media--photo{width:122px!important;height:112px!important;min-height:0!important;max-height:none!important;margin:14px 0 14px 14px!important;border-radius:14px!important} .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-card-copy, .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-scenario-copy, .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-related-body{padding:17px 17px 17px 0!important} } @media(max-width:560px){ .serr[data-design-preset="split_media"] .serr-ficha-item, .serr[data-design-preset="split_media"] .serr-scenario, .serr[data-design-preset="split_media"] .serr-related-card{grid-template-columns:1fr!important;gap:0!important} .serr[data-design-preset="split_media"][data-media-size="small"] .serr-card-media--photo{width:100%!important;height:112px!important;min-height:112px!important;max-height:112px!important;margin:0!important;border-radius:0!important} .serr[data-design-preset="split_media"][data-media-size="medium"] .serr-card-media--photo{width:100%!important;height:156px!important;min-height:156px!important;max-height:156px!important;margin:0!important;border-radius:0!important} .serr[data-design-preset="split_media"][data-media-size="large"] .serr-card-media--photo{width:100%!important;height:210px!important;min-height:210px!important;max-height:210px!important;margin:0!important;border-radius:0!important} .serr[data-design-preset="split_media"] .serr-card-copy, .serr[data-design-preset="split_media"] .serr-scenario-copy, .serr[data-design-preset="split_media"] .serr-related-body{padding:18px 18px 20px!important} } /* SER Servicios 2.15 · Ubicación / Profesional / Prueba social */ .serr-inline-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;color:var(--ser-accent)}.serr-inline-icon svg{width:20px;height:20px;fill:currentColor}.serr-local-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.serr-local-grid.has-map{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:stretch}.serr-local-card{background:var(--ser-bg);border:1px solid color-mix(in srgb,var(--ser-accent) 14%,#dfe5ec);border-radius:var(--ser-radius);padding:24px}.serr-local-place{display:flex;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--ser-text) 10%,transparent)}.serr-local-place span{display:block;font-size:.76em;letter-spacing:.08em;text-transform:uppercase;opacity:.62}.serr-local-place strong{display:block;font-size:1.12em}.serr-local-meta{display:grid;gap:14px;margin-top:18px}.serr-local-meta-row{display:flex;gap:11px;align-items:flex-start}.serr-local-meta-row>div{display:flex;flex-direction:column;gap:2px;min-width:0}.serr-local-meta-row strong{font-size:.84em}.serr-local-meta-row span,.serr-local-meta-row a{color:inherit;text-decoration:none;opacity:.82}.serr-local-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.serr-local-map{min-height:320px;border-radius:var(--ser-radius);overflow:hidden;border:1px solid color-mix(in srgb,var(--ser-accent) 14%,#dfe5ec);background:#eef3f7}.serr-local-map iframe{display:block;width:100%;height:100%;min-height:320px;border:0}.serr-professional-grid{display:grid;grid-template-columns:minmax(220px,.38fr) minmax(0,1fr);gap:28px;align-items:center}.serr-professional-photo{margin:0;border-radius:var(--ser-radius);overflow:hidden;aspect-ratio:4/5;background:#eef3f7}.serr-professional-photo img{width:100%;height:100%;object-fit:cover;display:block}.serr-professional-placeholder{aspect-ratio:4/5;border-radius:var(--ser-radius);display:grid;place-items:center;background:color-mix(in srgb,var(--ser-accent) 9%,#fff)}.serr-professional-placeholder .serr-inline-icon{width:64px;height:64px}.serr-professional-placeholder .serr-inline-icon svg{width:56px;height:56px}.serr-professional-kicker{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.76em;color:var(--ser-accent);font-weight:700}.serr-professional-copy .serr-subheading{font-family:var(--ser-font-heading-family);font-size:clamp(1.35rem,2vw,2rem);margin:.2em 0 .25em;color:var(--ser-text)}.serr-professional-role{font-weight:650}.serr-professional-collegiate{margin-top:4px;font-size:.9em;opacity:.7}.serr-professional-bio{margin-top:16px}.serr-professional-tags{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.serr-professional-tags span{border:1px solid color-mix(in srgb,var(--ser-accent) 18%,#dfe5ec);background:color-mix(in srgb,var(--ser-accent) 5%,#fff);border-radius:999px;padding:6px 10px;font-size:.82em}.serr-review-card{margin:0;padding:clamp(22px,4vw,40px);border-radius:var(--ser-radius);background:linear-gradient(135deg,color-mix(in srgb,var(--ser-accent) 7%,#fff),#fff);border:1px solid color-mix(in srgb,var(--ser-accent) 16%,#dfe5ec);position:relative;overflow:hidden}.serr-review-card:before{content:'“';position:absolute;right:20px;top:-24px;font:700 120px/1 Georgia,serif;color:color-mix(in srgb,var(--ser-accent) 10%,transparent);pointer-events:none}.serr-review-stars{letter-spacing:.08em;color:#d99a00;font-size:1.05em}.serr-review-card blockquote{margin:14px 0 18px;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.55;max-width:850px}.serr-review-card blockquote p{margin:0}.serr-review-card figcaption{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.serr-review-card figcaption span,.serr-review-card figcaption small{opacity:.68}.serr-review-card figcaption a{color:var(--ser-accent);text-decoration:none}@media(max-width:780px){.serr-local-grid.has-map,.serr-professional-grid{grid-template-columns:1fr}.serr-local-map{min-height:260px}.serr-professional-photo,.serr-professional-placeholder{max-width:360px;aspect-ratio:4/3}.serr-local-card{padding:20px}} /* 2.16 · Mapa anatómico: estado activo más claro y tacto suave */ .serr-hotspot{transition:transform .16s ease,box-shadow .16s ease;touch-action:manipulation}.serr-hotspot:hover,.serr-hotspot[aria-expanded="true"]{transform:translate(-50%,-50%) scale(1.08)}.serr-hotspot-panel{min-height:74px}.serr-anatomia-info{align-self:stretch}.serr-anatomia-hint{margin-top:10px} @media(prefers-reduced-motion:reduce){.serr-hotspot{transition:none}} /* === 2.17 · mapa anatómico clínico premium === */ .serr-anatomia{overflow:clip} .serr-anatomia-layout{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:clamp(20px,3.2vw,34px);align-items:stretch} .serr-anatomia-visual,.serr-anatomia-info{border:1px solid color-mix(in srgb,var(--ser-accent) 10%,#dbe6f1);border-radius:calc(var(--ser-radius)*.9);background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);box-shadow:0 14px 36px rgba(18,50,88,.06)} .serr-anatomia-visual{padding:16px 16px 14px;display:grid;gap:14px} .serr-anatomia-info{padding:18px 18px 16px;display:grid;grid-template-rows:auto 1fr auto;gap:12px} .serr-anatomia-visual-head,.serr-anatomia-info-head{display:grid;gap:4px} .serr-anatomia-visual-head span,.serr-anatomia-info-head strong{font-size:1rem;font-weight:770;line-height:1.2;color:var(--ser-navy,var(--ser-text));letter-spacing:-.01em} .serr-anatomia-visual-head small,.serr-anatomia-info-head small{font-size:.84rem;line-height:1.45;color:color-mix(in srgb,var(--ser-text) 74%,#fff)} .serr-anatomia-image{padding:14px;border-radius:calc(var(--ser-radius)*.8);background:radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--ser-accent) 7%,#fff),transparent 26%),linear-gradient(180deg,#f8fbfe,#eef5fb);border:1px solid color-mix(in srgb,var(--ser-accent) 10%,#dce7f2)} .serr-anatomia-image img{display:block;width:100%;height:auto;border-radius:calc(var(--ser-radius)*.55)} .serr-hotspot{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;cursor:pointer;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--ser-accent) 85%,#fff),color-mix(in srgb,var(--ser-accent) 100%,#0a2a55));box-shadow:0 8px 18px rgba(17,156,235,.28),0 0 0 7px color-mix(in srgb,var(--ser-accent) 14%,transparent);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;filter:saturate(1)} .serr-hotspot::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ser-accent) 22%,transparent);opacity:.75} .serr-hotspot span{position:relative;z-index:1;font-weight:800;font-size:.9rem} .serr-hotspot:hover,.serr-hotspot[aria-expanded="true"]{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 10px 22px rgba(17,156,235,.32),0 0 0 10px color-mix(in srgb,var(--ser-accent) 18%,transparent);filter:saturate(1.08)} .serr-anatomia-panels{display:grid;gap:12px;align-content:start} .serr-hotspot-panel{margin:0;padding:16px 16px 14px;border-radius:calc(var(--ser-radius)*.72);background:#fff;border:1px solid color-mix(in srgb,var(--ser-accent) 10%,#dce7f2);box-shadow:0 8px 22px rgba(18,50,88,.05);min-height:96px} .serr-hotspot-panel.is-active{border-color:color-mix(in srgb,var(--ser-accent) 36%,#dce7f2);box-shadow:0 14px 28px rgba(18,50,88,.08)} .serr-hotspot-panel__meta{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--ser-accent) 11%,#fff);color:var(--ser-accent);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px} .serr-hotspot-panel strong{display:block;margin:0 0 7px;font-size:1.03rem;line-height:1.25;color:var(--ser-navy,var(--ser-text))} .serr-hotspot-panel .serr-rich-output{font-size:.92rem;line-height:1.58;color:color-mix(in srgb,var(--ser-text) 84%,#fff)} .serr-anatomia-foot{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--ser-accent) 6%,#fff);border:1px solid color-mix(in srgb,var(--ser-accent) 10%,#dce7f2)} .serr-anatomia-foot__count{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ser-accent);color:#fff;font-weight:800;box-shadow:0 0 0 6px color-mix(in srgb,var(--ser-accent) 10%,transparent)} .serr-anatomia-foot__text{font-size:.87rem;line-height:1.45;color:color-mix(in srgb,var(--ser-text) 78%,#fff)} .serr-anatomia-hint{margin:0;font-size:.83rem;line-height:1.48;color:color-mix(in srgb,var(--ser-text) 68%,#fff)} @media(max-width:720px){.serr-anatomia-layout{grid-template-columns:1fr}.serr-anatomia-visual,.serr-anatomia-info{padding:14px}.serr-anatomia-image{padding:10px}.serr-hotspot{width:34px;height:34px}.serr-hotspot-panel{min-height:0}} @media(prefers-reduced-motion:reduce){.serr-hotspot{transition:none}} /* === 2.18 · anotación anatómica integrada, sin panel "de app" === */ .serr-anatomia{padding:0;background:transparent;border:0;box-shadow:none;overflow:visible} .serr-anatomia>.serr-section-head{max-width:760px;margin-bottom:18px} .serr-anatomia-canvas{max-width:920px;margin:0 auto} .serr-anatomia-image{position:relative;overflow:visible;padding:clamp(14px,2vw,22px);border-radius:calc(var(--ser-radius)*.9);background:linear-gradient(180deg,#f8fbfe 0%,#eef5fb 100%);border:1px solid color-mix(in srgb,var(--ser-accent) 10%,#dbe6f1);box-shadow:0 12px 34px rgba(18,50,88,.055)} .serr-anatomia-image img{display:block;width:100%;height:auto;border-radius:calc(var(--ser-radius)*.6)} .serr-hotspot{width:30px;height:30px;background:#fff;color:var(--ser-accent);border:2px solid var(--ser-accent);box-shadow:0 4px 12px rgba(18,50,88,.13),0 0 0 5px rgba(255,255,255,.82);filter:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease} .serr-hotspot::after{display:none}.serr-hotspot span{font-size:.78rem;font-weight:800} .serr-hotspot:hover,.serr-hotspot[aria-expanded="true"]{transform:translate(-50%,-50%) scale(1.05);background:var(--ser-accent);color:#fff;box-shadow:0 6px 16px rgba(18,50,88,.18),0 0 0 6px color-mix(in srgb,var(--ser-accent) 12%,#fff);filter:none} .serr-anatomia-popover{position:absolute;z-index:12;left:var(--serr-pop-x);top:var(--serr-pop-y);width:min(310px,38vw);padding:16px 38px 15px 16px;border-radius:16px;background:rgba(255,255,255,.98);border:1px solid color-mix(in srgb,var(--ser-accent) 16%,#dce6ef);box-shadow:0 18px 44px rgba(15,42,68,.16);transform:translate(20px,-50%);backdrop-filter:blur(8px)} .serr-anatomia-popover.is-left{transform:translate(calc(-100% - 20px),-50%)} .serr-anatomia-popover.is-top{transform:translate(20px,calc(-100% + 14px))} .serr-anatomia-popover.is-left.is-top{transform:translate(calc(-100% - 20px),calc(-100% + 14px))} .serr-anatomia-popover strong{display:block;margin:0 0 6px;color:var(--ser-navy,var(--ser-text));font-size:1rem;line-height:1.25} .serr-anatomia-popover .serr-rich-output{font-size:.9rem;line-height:1.55;color:color-mix(in srgb,var(--ser-text) 84%,#fff)} .serr-anatomia-popover-close{position:absolute;right:9px;top:8px;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:color-mix(in srgb,var(--ser-text) 55%,#fff);font-size:1.15rem;line-height:1;cursor:pointer} .serr-anatomia-popover-close:hover{background:#f1f5f8;color:var(--ser-text)} .serr-anatomia-keys{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .serr-anatomia-key{appearance:none;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 10px 6px 7px;border:1px solid color-mix(in srgb,var(--ser-text) 10%,#dce6ef);border-radius:999px;background:#fff;color:var(--ser-text);cursor:pointer;box-shadow:none;transition:border-color .15s ease,background .15s ease,color .15s ease} .serr-anatomia-key span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--ser-accent) 9%,#fff);color:var(--ser-accent);font-size:.68rem;font-weight:800} .serr-anatomia-key strong{font-size:.82rem;font-weight:680;line-height:1.2} .serr-anatomia-key:hover,.serr-anatomia-key.is-active{border-color:color-mix(in srgb,var(--ser-accent) 30%,#dce6ef);background:color-mix(in srgb,var(--ser-accent) 5%,#fff)} .serr-anatomia-key.is-active span{background:var(--ser-accent);color:#fff} @media(max-width:720px){.serr-anatomia-image{padding:10px}.serr-anatomia-popover{position:static;width:auto;margin-top:10px;transform:none!important;box-shadow:0 10px 26px rgba(15,42,68,.09)}.serr-anatomia-image>.serr-anatomia-popover[hidden]{display:none}.serr-hotspot{width:28px;height:28px}.serr-anatomia-keys{gap:6px}.serr-anatomia-key{flex:1 1 150px;justify-content:flex-start;border-radius:12px}} @media(prefers-reduced-motion:reduce){.serr-hotspot,.serr-anatomia-key{transition:none}} /* === 2.19 · lámina anatómica editorial configurable === */ .serr-anatomia-canvas{width:min(100%,var(--serr-anatomy-width,500px));max-width:100%;margin-top:18px} .serr-anatomia-canvas.is-align-left{margin-left:0;margin-right:auto} .serr-anatomia-canvas.is-align-center{margin-left:auto;margin-right:auto} .serr-anatomia-canvas.is-align-right{margin-left:auto;margin-right:0} .serr-anatomia-image{position:relative;overflow:visible;padding:clamp(8px,1.4vw,14px);border-radius:calc(var(--ser-radius)*.72);background:linear-gradient(180deg,#fafcff 0%,#f3f8fc 100%);border:1px solid color-mix(in srgb,var(--ser-accent) 8%,#dfe8f0);box-shadow:0 8px 24px rgba(18,50,88,.045)} .serr-anatomia-image img{display:block;width:100%;height:auto;border-radius:calc(var(--ser-radius)*.5)} .serr-hotspot{width:var(--serr-point-size,22px);height:var(--serr-point-size,22px);min-width:16px;min-height:16px;border:1.5px solid color-mix(in srgb,var(--ser-accent) 75%,#08265c);background:rgba(255,255,255,.96);color:color-mix(in srgb,var(--ser-accent) 45%,#08265c);box-shadow:0 2px 8px rgba(8,38,92,.15);font-size:clamp(.62rem,calc(var(--serr-point-size,22px)*.038),.78rem);transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease} .serr-hotspot::after{display:none} .serr-hotspot:hover,.serr-hotspot[aria-expanded="true"]{transform:translate(-50%,-50%) scale(1.06);background:color-mix(in srgb,var(--ser-accent) 45%,#08265c);color:#fff;box-shadow:0 4px 10px rgba(8,38,92,.2),0 0 0 4px color-mix(in srgb,var(--ser-accent) 10%,transparent)} .serr-hotspot span{font-weight:800;line-height:1} .serr-anatomia-detail{margin-top:12px} .serr-anatomia-detail[hidden]{display:none} .serr-anatomia-detail-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding:17px 18px;border:1px solid color-mix(in srgb,var(--ser-accent) 10%,#dfe8f0);border-radius:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--ser-accent) 4%,#fff),#fff 72%);box-shadow:0 6px 18px rgba(18,50,88,.035)} .serr-anatomia-detail-panel[hidden]{display:none} .serr-anatomia-detail-num{min-width:46px;padding-top:1px;font-size:1.55rem;line-height:1;font-weight:650;letter-spacing:-.04em;color:color-mix(in srgb,var(--ser-accent) 42%,#08265c);font-variant-numeric:tabular-nums} .serr-anatomia-detail-copy strong{display:block;margin:0 0 6px;color:var(--ser-navy,var(--ser-text));font-size:1rem;line-height:1.25} .serr-anatomia-detail-copy .serr-rich-output{font-size:.9rem;line-height:1.55;color:color-mix(in srgb,var(--ser-text) 83%,#fff)} .serr-anatomia-popover{width:min(280px,40vw);padding:14px 34px 13px 14px;border-radius:13px;box-shadow:0 12px 32px rgba(15,42,68,.13)} .serr-anatomia-detail-kicker{font-size:.68rem;font-weight:800;letter-spacing:.1em;color:var(--ser-accent);margin-bottom:5px} .serr-anatomia-keys{gap:7px;margin-top:10px} .serr-anatomia-key{min-height:30px;padding:5px 9px 5px 6px;border-radius:999px;box-shadow:none} .serr-anatomia-key span{width:18px;height:18px;font-size:.62rem} .serr-anatomia-key strong{font-size:.78rem} @media(max-width:720px){.serr-anatomia-canvas{width:100%!important}.serr-anatomia-image{padding:8px}.serr-anatomia-detail-panel{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px}.serr-anatomia-detail-num{min-width:38px;font-size:1.25rem}.serr-anatomia-popover{position:static;width:auto;margin-top:10px;transform:none!important}.serr-anatomia-key{flex:1 1 140px;border-radius:10px}} @media(prefers-reduced-motion:reduce){.serr-hotspot{transition:none}} /* === 2.19.2 · coordenadas fieles + entradilla anatómica === */ .serr-anatomia-image-inner{position:relative;width:100%;line-height:0} .serr-anatomia-image-inner>img{display:block;width:100%;height:auto} .serr-anatomia-image-inner>.serr-hotspot{line-height:1} .serr-anatomia-image-inner>.serr-anatomia-popover{line-height:normal} @media(max-width:720px){.serr-anatomia-image-inner>.serr-anatomia-popover{line-height:normal}} /* === 2.19.3 · proyección exacta de puntos sobre el píxel renderizado === */ .serr-anatomia-image-inner{position:relative!important;display:block;width:100%} .serr-anatomia-image-inner>img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important} .serr-anatomia-image-inner>.serr-hotspot{position:absolute!important;margin:0!important} /* === 2.19.4 · puntos relativos al mismo rectángulo que la imagen === */ .serr-anatomia-image-inner{position:relative!important;display:block!important;width:100%!important;line-height:0!important} .serr-anatomia-image-inner>img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;transform:none!important} .serr-anatomia-image-inner>.serr-hotspot{position:absolute!important;margin:0!important;line-height:1!important} /* === 2.20 · layouts editoriales del mapa anatómico === */ .serr-anatomia-layout-split_text_left,.serr-anatomia-layout-split_image_left,.serr-anatomia-layout-compact{width:100%} .serr-anatomia-split{display:grid;grid-template-columns:minmax(260px,.88fr) minmax(320px,1.12fr);gap:var(--serr-anatomy-gap,36px);align-items:center} .serr-anatomia-layout-split_image_left .serr-anatomia-split{grid-template-columns:minmax(320px,1.12fr) minmax(260px,.88fr)} .serr-anatomia.is-valign-top .serr-anatomia-split{align-items:start} .serr-anatomia.is-valign-center .serr-anatomia-split{align-items:center} .serr-anatomia-copy{min-width:0} .serr-anatomia-copy>.serr-section-head{margin:0;max-width:620px} .serr-anatomia-copy .serr-heading{font-size:clamp(1.5rem,2.7vw,2.25rem);line-height:1.12} .serr-anatomia-copy .serr-intro{font-size:1rem;line-height:1.72;max-width:58ch} .serr-anatomia-media{min-width:0} .serr-anatomia-media .serr-anatomia-canvas{margin-top:0} .serr-anatomia-layout-split_text_left .serr-anatomia-media .serr-anatomia-canvas, .serr-anatomia-layout-split_image_left .serr-anatomia-media .serr-anatomia-canvas{width:min(100%,var(--serr-anatomy-width,500px))} .serr-anatomia-layout-split_text_left .serr-anatomia-media .serr-anatomia-canvas{margin-left:auto;margin-right:0} .serr-anatomia-layout-split_image_left .serr-anatomia-media .serr-anatomia-canvas{margin-left:0;margin-right:auto} .serr-anatomia-layout-split_text_left .serr-anatomia-detail, .serr-anatomia-layout-split_image_left .serr-anatomia-detail{margin-top:10px} .serr-anatomia-layout-compact .serr-anatomia-compact{max-width:820px;margin:0 auto;text-align:center} .serr-anatomia-layout-compact .serr-section-head{margin:0 auto 16px;max-width:720px} .serr-anatomia-layout-compact .serr-intro{margin-left:auto;margin-right:auto} .serr-anatomia-layout-compact .serr-anatomia-canvas{margin-left:auto;margin-right:auto;margin-top:0} @media(min-width:841px){ .serr-anatomia-layout-split_text_left .serr-anatomia-copy{padding-left:clamp(0px,1.2vw,12px)} .serr-anatomia-layout-split_image_left .serr-anatomia-copy{padding-right:clamp(0px,1.2vw,12px)} } @media(max-width:840px){ .serr-anatomia-split{grid-template-columns:1fr!important;gap:22px} .serr-anatomia.is-mobile-text_first .serr-anatomia-copy{order:1} .serr-anatomia.is-mobile-text_first .serr-anatomia-media{order:2} .serr-anatomia.is-mobile-image_first .serr-anatomia-media{order:1} .serr-anatomia.is-mobile-image_first .serr-anatomia-copy{order:2} .serr-anatomia-layout-split_text_left .serr-anatomia-media .serr-anatomia-canvas, .serr-anatomia-layout-split_image_left .serr-anatomia-media .serr-anatomia-canvas{margin-left:auto;margin-right:auto} .serr-anatomia-copy>.serr-section-head{max-width:760px} } /* === 2.21 · puntos anatómicos inequívocamente interactivos === */ .serr-anatomia-canvas .serr-hotspot{isolation:isolate;cursor:pointer;will-change:transform,box-shadow} .serr-anatomia-canvas.is-point-ring .serr-hotspot{background:rgba(255,255,255,.98);color:color-mix(in srgb,var(--ser-accent) 48%,#08265c);border:1.5px solid color-mix(in srgb,var(--ser-accent) 72%,#08265c);box-shadow:0 2px 8px rgba(8,38,92,.16),0 0 0 3px rgba(255,255,255,.88)} .serr-anatomia-canvas.is-point-solid .serr-hotspot{background:color-mix(in srgb,var(--ser-accent) 70%,#08265c);color:#fff;border:1.5px solid #fff;box-shadow:0 3px 10px rgba(8,38,92,.22),0 0 0 3px color-mix(in srgb,var(--ser-accent) 14%,transparent)} .serr-anatomia-canvas.is-point-minimal .serr-hotspot{background:#fff;color:color-mix(in srgb,var(--ser-accent) 55%,#08265c);border:1px solid color-mix(in srgb,var(--ser-accent) 45%,#9db7cc);box-shadow:0 2px 7px rgba(8,38,92,.12)} .serr-anatomia-canvas .serr-hotspot::after{content:"";display:block;position:absolute;inset:-6px;border-radius:999px;pointer-events:none;opacity:0} .serr-anatomia-canvas.is-effect-pulse .serr-hotspot{animation:serrPointPulse var(--serr-effect-speed,1800ms) ease-in-out infinite;animation-delay:calc((var(--serr-i,1) - 1)*120ms)} .serr-anatomia-canvas.is-effect-halo .serr-hotspot::after{opacity:1;border:1px solid color-mix(in srgb,var(--ser-accent) 38%,transparent);animation:serrPointHalo var(--serr-effect-speed,1800ms) ease-in-out infinite;animation-delay:calc((var(--serr-i,1) - 1)*140ms)} .serr-anatomia-canvas.is-effect-radar .serr-hotspot::after{opacity:1;border:1.5px solid color-mix(in srgb,var(--ser-accent) 55%,transparent);animation:serrPointRadar var(--serr-effect-speed,1800ms) ease-out infinite;animation-delay:calc((var(--serr-i,1) - 1)*170ms)} .serr-anatomia-canvas.is-effect-glint .serr-hotspot{animation:serrPointGlint var(--serr-effect-speed,1800ms) ease-in-out infinite;animation-delay:calc((var(--serr-i,1) - 1)*150ms)} .serr-anatomia-canvas .serr-hotspot:hover,.serr-anatomia-canvas .serr-hotspot:focus-visible,.serr-anatomia-canvas .serr-hotspot[aria-expanded="true"]{animation-play-state:paused;z-index:8} .serr-anatomia-canvas .serr-hotspot:hover::after,.serr-anatomia-canvas .serr-hotspot:focus-visible::after,.serr-anatomia-canvas .serr-hotspot[aria-expanded="true"]::after{animation-play-state:paused} @keyframes serrPointPulse{0%,72%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 2px 8px rgba(8,38,92,.16),0 0 0 3px rgba(255,255,255,.88)}82%{transform:translate(-50%,-50%) scale(1.13);box-shadow:0 4px 13px rgba(8,38,92,.23),0 0 0 6px color-mix(in srgb,var(--ser-accent) 13%,transparent)}} @keyframes serrPointHalo{0%,100%{transform:scale(.78);opacity:.12}50%{transform:scale(1.18);opacity:.62}} @keyframes serrPointRadar{0%{transform:scale(.7);opacity:.68}72%,100%{transform:scale(1.8);opacity:0}} @keyframes serrPointGlint{0%,70%,100%{filter:brightness(1);box-shadow:0 2px 8px rgba(8,38,92,.16)}80%{filter:brightness(1.35);box-shadow:0 4px 13px rgba(8,38,92,.24),0 0 0 5px color-mix(in srgb,var(--ser-accent) 15%,transparent)}} .serr-anatomia-interaction-help{display:flex;align-items:center;justify-content:center;gap:8px;margin:9px 0 0!important;color:color-mix(in srgb,var(--ser-text) 68%,#fff);font-size:.78rem;line-height:1.35;text-align:center} .serr-anatomia-interaction-dot{width:8px;height:8px;border-radius:50%;background:var(--ser-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--ser-accent) 10%,transparent);flex:0 0 8px} .serr-anatomia-canvas.has-tooltips .serr-hotspot::before{content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(3px);width:max-content;max-width:190px;padding:5px 8px;border-radius:7px;background:#08265c;color:#fff;font-size:.72rem;font-weight:650;line-height:1.25;white-space:normal;box-shadow:0 6px 18px rgba(8,38,92,.18);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s ease;z-index:20} .serr-anatomia-canvas.has-tooltips .serr-hotspot:hover::before,.serr-anatomia-canvas.has-tooltips .serr-hotspot:focus-visible::before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)} @media(prefers-reduced-motion:reduce){.serr-anatomia-canvas .serr-hotspot,.serr-anatomia-canvas .serr-hotspot::after{animation:none!important}.serr-anatomia-interaction-help{opacity:.9}} /* === 2.22 · ubicación configurable === */ .serr-local-title-center>.serr-section-head{text-align:center;margin-left:auto;margin-right:auto} .serr-local-title-center>.serr-section-head .serr-intro{margin-left:auto;margin-right:auto} .serr-local-title-right>.serr-section-head{text-align:right;margin-left:auto;margin-right:0} .serr-local-title-left>.serr-section-head{text-align:left;margin-left:0;margin-right:auto} .serr-local-layout-balanced .serr-local-grid.has-map{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .serr-local-layout-map_wide .serr-local-grid.has-map{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr)} .serr-local-layout-info_wide .serr-local-grid.has-map{grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr)} .serr-local-layout-stacked .serr-local-grid.has-map{grid-template-columns:1fr} .serr-local-style-soft .serr-local-grid{padding:14px;border-radius:calc(var(--ser-radius)*1.08);background:linear-gradient(135deg,color-mix(in srgb,var(--ser-accent) 5%,#fff),#fff);border:1px solid color-mix(in srgb,var(--ser-accent) 10%,#dfe5ec)} .serr-local-style-soft .serr-local-card,.serr-local-style-soft .serr-local-map{box-shadow:0 10px 28px rgba(18,50,88,.055)} .serr-local-style-connected .serr-local-grid.has-map{gap:0;border:1px solid color-mix(in srgb,var(--ser-accent) 14%,#dfe5ec);border-radius:var(--ser-radius);overflow:hidden;background:#fff} .serr-local-style-connected .serr-local-card,.serr-local-style-connected .serr-local-map{border:0;border-radius:0} .serr-local-style-connected .serr-local-card{border-right:1px solid color-mix(in srgb,var(--ser-accent) 12%,#dfe5ec)} .serr-local-layout-stacked.serr-local-style-connected .serr-local-card{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--ser-accent) 12%,#dfe5ec)} .serr-local-map-compact .serr-local-map,.serr-local-map-compact .serr-local-map iframe{min-height:240px} .serr-local-map-normal .serr-local-map,.serr-local-map-normal .serr-local-map iframe{min-height:320px} .serr-local-map-tall .serr-local-map,.serr-local-map-tall .serr-local-map iframe{min-height:420px} .serr-local-density-compact .serr-local-card{padding:18px} .serr-local-density-compact .serr-local-place{padding-bottom:12px}.serr-local-density-compact .serr-local-meta{gap:10px;margin-top:14px}.serr-local-density-compact .serr-local-actions{margin-top:15px} .serr-local-actions-full .serr-local-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.serr-local-actions-full .serr-btn{justify-content:center;width:100%} @media(max-width:780px){.serr-local-layout-balanced .serr-local-grid.has-map,.serr-local-layout-map_wide .serr-local-grid.has-map,.serr-local-layout-info_wide .serr-local-grid.has-map{grid-template-columns:1fr}.serr-local-style-connected .serr-local-card{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--ser-accent) 12%,#dfe5ec)}.serr-local-title-right>.serr-section-head{text-align:left;margin-left:0}} /* === 2.23 · FAQ Explorer dentro de la composición === */ .serr-faq-bridge{padding:0;background:transparent;border:0;box-shadow:none}.serr-faq-bridge>.ser-faq{margin:0} /* === 2.24 · Inserción / Shortcode universal === */ .serr-insercion{width:100%}.serr-insercion-inner{min-width:0}.serr-insercion--content .serr-insercion-inner{max-width:100%}.serr-insercion--full{width:100%}.serr-insercion--align-center .serr-insercion-inner{margin-left:auto;margin-right:auto;text-align:center}.serr-insercion--align-right .serr-insercion-inner{margin-left:auto;text-align:right}.serr-insercion--align-stretch .serr-insercion-inner{width:100%}.serr-insercion--space-none{padding-block:0}.serr-insercion--space-compact{padding-block:8px}.serr-insercion--space-normal{padding-block:16px}.serr-insercion--space-airy{padding-block:28px} /* === 2.25 · pulido final de ritmo, tarjetas y CTA === */ @media(min-width:721px){ .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:stretch} .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-2>.serr-scenario{flex:0 1 calc((100% - 14px)/2);max-width:calc((100% - 14px)/2)} .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3>.serr-scenario{flex:0 1 calc((100% - 28px)/3);max-width:calc((100% - 28px)/3)} .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-4>.serr-scenario{flex:0 1 calc((100% - 42px)/4);max-width:calc((100% - 42px)/4)} } .serr-related-finish-refined .serr-related-grid{align-items:stretch} .serr-related-finish-refined .serr-related-card{height:100%;border-color:color-mix(in srgb,var(--ser-accent) 13%,#dfe7f0);box-shadow:0 7px 22px rgba(18,50,88,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease} .serr-related-finish-refined .serr-related-body{padding:22px 21px 21px} .serr-related-finish-refined .serr-related-card:not(.has-media) .serr-related-body{padding-top:22px} .serr-related-finish-refined .serr-related-card .serr-subheading{font-weight:780;letter-spacing:-.012em;margin-bottom:9px} .serr-related-finish-refined .serr-card-link{margin-top:auto;padding-top:18px} @media(hover:hover){.serr-related-finish-refined .serr-related-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ser-accent) 23%,#dfe7f0);box-shadow:0 12px 29px rgba(18,50,88,.075)}} .serr-cta-contextual.serr-cta-variant-clinical{display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:10px 0!important;border-radius:0!important} .serr-cta-variant-clinical .serr-cta-copy{max-width:800px;margin:0 auto;text-align:center} .serr-cta-variant-clinical .serr-section-head{max-width:800px!important;margin:0 auto!important;text-align:center!important} .serr-cta-variant-clinical .serr-section-head .serr-intro{max-width:74ch;margin-left:auto;margin-right:auto} .serr-cta-variant-clinical .serr-heading{font-size:clamp(1.25rem,2vw,1.6rem)} .serr-cta-variant-clinical .serr-cta-actions{justify-content:center;margin-top:15px} .serr-cta-contextual.serr-cta-variant-final{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:clamp(28px,4vw,38px)!important;text-align:center} .serr-cta-variant-final .serr-cta-copy{width:100%;max-width:820px;margin:0 auto} .serr-cta-variant-final .serr-section-head{max-width:820px!important;margin:0 auto!important;text-align:center!important} .serr-cta-variant-final .serr-section-head .serr-intro{margin-left:auto;margin-right:auto} .serr-cta-variant-final .serr-cta-actions{justify-content:center;margin:0;width:auto} @media(max-width:720px){.serr-cta-variant-final .serr-cta-actions{width:100%;display:grid;grid-template-columns:1fr}.serr-cta-variant-final .serr-cta-actions .serr-btn{width:100%}} /* === 2.25.1 · correcciones de media opcional, última fila y altura fantasma === */ .serrs-service{min-height:0!important;height:auto!important;margin-bottom:0!important;padding-bottom:0!important} .serrs-service>.serr:empty{display:none!important} .serrs-service>.serr:last-child{margin-bottom:0!important} /* Editorial sin multimedia: no se reserva la columna/altura de una imagen inexistente. */ .serr-editorial-block.is-text-only .serr-editorial-grid{grid-template-columns:minmax(0,1fr)!important;gap:0!important} .serr-editorial-block.is-text-only .serr-editorial-copy{width:100%;max-width:900px;margin-left:auto;margin-right:auto} .serr-editorial-block.is-text-only .serr-editorial-stack{display:none!important;min-height:0!important;padding:0!important} /* Equilibrio inteligente: una tarjeta huérfana se convierte en una franja horizontal, en lugar de quedar como una tarjeta pequeña flotando en el centro. */ @media(min-width:721px){ .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-2{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important } .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-2>.serr-scenario{ max-width:none!important;width:auto!important } .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-2>.serr-scenario:last-child:nth-child(odd){ grid-column:1/-1!important;min-height:0!important;padding:18px 22px!important } .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-2>.serr-scenario:last-child:nth-child(odd).has-media{ display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;text-align:left!important } .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-2>.serr-scenario:last-child:nth-child(odd).has-media .serr-card-media--icon{margin:0!important} .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3{ display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important } .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3>.serr-scenario{ grid-column:span 2;max-width:none!important;width:auto!important } .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3:not(.serr-count-7)>.serr-scenario:last-child:nth-child(3n+1){ grid-column:1/-1!important;min-height:0!important;padding:18px 22px!important } .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3:not(.serr-count-7)>.serr-scenario:last-child:nth-child(3n+1).has-media{ display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;text-align:left!important } .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3:not(.serr-count-7)>.serr-scenario:last-child:nth-child(3n+1).has-media .serr-card-media--icon{margin:0!important} .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3>.serr-scenario:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2!important} .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3>.serr-scenario:last-child:nth-child(3n+2){grid-column:4/span 2!important} } @media(max-width:720px){ .serrs-service{min-height:0!important;height:auto!important;margin-bottom:0!important;padding-bottom:0!important} .serrs-service>.serr:last-child{margin-bottom:0!important} } /* === 2.25.2 · cuadrícula 4+3, aclaración clínica limpia y ruta alineada === */ /* 7 escenarios: cuatro tarjetas arriba y tres abajo, todas con el mismo tamaño. No se estira ni se convierte la última en una franja. */ @media(min-width:721px){ .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3.serr-count-7{ display:grid!important; grid-template-columns:repeat(8,minmax(0,1fr))!important; gap:14px!important; align-items:stretch!important; } .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3.serr-count-7>.serr-scenario{ grid-column:span 2!important; width:auto!important; max-width:none!important; min-height:190px!important; padding:20px!important; display:flex!important; flex-direction:column!important; align-items:center!important; text-align:center!important; } .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3.serr-count-7>.serr-scenario:nth-child(5){grid-column:2/span 2!important} .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3.serr-count-7>.serr-scenario:nth-child(6){grid-column:4/span 2!important} .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3.serr-count-7>.serr-scenario:nth-child(7){grid-column:6/span 2!important} .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3.serr-count-7>.serr-scenario.has-media{ grid-template-columns:none!important; gap:0!important; } .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3.serr-count-7>.serr-scenario.has-media .serr-card-media--icon{ margin:0 0 12px!important; } } /* Las aclaraciones clínicas sin botones no son tarjetas/CTA visuales. */ .serr-cta-contextual.serr-cta-variant-clinical, .serr-cta-contextual.serr-cta-variant-clinical[data-tone="soft"], .serr-cta-contextual.serr-cta-variant-clinical[data-tone="surface"], .serr-cta-contextual.serr-cta-variant-clinical[data-section-custom-bg="1"]{ display:block!important; width:100%!important; max-width:none!important; min-height:0!important; margin:0!important; padding:clamp(8px,1.5vw,16px) 0!important; background:transparent!important; background-image:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important; } .serr-cta-contextual.serr-cta-variant-clinical:before, .serr-cta-contextual.serr-cta-variant-clinical:after{display:none!important;content:none!important} .serr-cta-variant-clinical .serr-cta-copy{width:100%!important;max-width:820px!important;margin:0 auto!important;padding:0 16px!important;text-align:center!important} .serr-cta-variant-clinical .serr-section-head{width:100%!important;max-width:820px!important;margin:0 auto!important;text-align:center!important} .serr-cta-variant-clinical .serr-section-head .serr-intro{max-width:72ch!important;margin:0 auto!important;text-align:center!important;line-height:1.65!important} .serr-cta-variant-clinical .serr-heading{margin-bottom:8px!important} /* Ruta de tratamiento: el punto queda exactamente centrado sobre su texto y la línea conecta centro con centro. En móvil se conserva la lectura vertical. */ @media(min-width:981px){ .serr-ruta-list{align-items:start!important} .serr-ruta-list li{ padding:0 12px 4px!important; text-align:center!important; } .serr-ruta-list .serr-step-num{ margin:0 auto 15px!important; } .serr-ruta-list .serr-step-copy{ width:100%!important; max-width:210px!important; margin:0 auto!important; text-align:center!important; } .serr-ruta-list .serr-step-copy strong, .serr-ruta-list .serr-rich-output{text-align:center!important} .serr-ruta-list li:not(:last-child):after{ left:calc(50% + 28px)!important; right:calc(-50% + 28px)!important; top:21px!important; } } /* === 2.26.0 · semántica SEO + guardia 4+3 === */ .serr-heading--text{display:block} .serr-subheading{font-weight:700} @media(min-width:721px){ .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3.serr-count-7>.serr-scenario:last-child:nth-child(7).has-media{ display:flex!important; flex-direction:column!important; grid-template-columns:none!important; gap:0!important; align-items:center!important; text-align:center!important; padding:20px!important; } .serr-escenarios:not(.serr-layout-list) .serr-scenario-grid.serr-balance-last.serr-cols-3.serr-count-7>.serr-scenario:last-child:nth-child(7).has-media .serr-card-media--icon{margin:0 0 12px!important} } /* SER Clínica 2.27 · ubicación clínica premium */ .serr-local-style-clinical .serr-local-grid{ padding:clamp(10px,1.6vw,18px); border:1px solid color-mix(in srgb,var(--ser-accent) 12%,#dfe5ec); border-radius:calc(var(--ser-radius)*1.15); background:linear-gradient(135deg,color-mix(in srgb,var(--ser-accent) 6%,#fff),#fff 56%,color-mix(in srgb,var(--ser-accent) 3%,#fff)); box-shadow:0 16px 42px rgba(18,50,88,.055) } .serr-local-style-clinical .serr-local-card{ border:0; background:rgba(255,255,255,.9); box-shadow:0 10px 30px rgba(18,50,88,.07); padding:clamp(20px,2.5vw,30px) } .serr-local-style-clinical .serr-local-place{ padding:0 0 18px; gap:13px } .serr-local-style-clinical .serr-local-place>.serr-inline-icon{ width:40px;height:40px;flex-basis:40px; border-radius:12px; background:color-mix(in srgb,var(--ser-accent) 9%,#fff); border:1px solid color-mix(in srgb,var(--ser-accent) 16%,#dfe5ec) } .serr-local-style-clinical .serr-local-place>.serr-inline-icon svg{width:20px;height:20px} .serr-local-style-clinical .serr-local-place span{color:var(--ser-accent);opacity:1;font-weight:750} .serr-local-style-clinical .serr-local-place strong{font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.3} .serr-local-style-clinical .serr-local-meta{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:16px } .serr-local-style-clinical .serr-local-meta-row{ min-width:0; padding:12px 13px; border:1px solid color-mix(in srgb,var(--ser-accent) 10%,#e3e8ee); border-radius:13px; background:color-mix(in srgb,var(--ser-accent) 2.5%,#fff) } .serr-local-style-clinical .serr-local-meta-row>.serr-inline-icon{ width:30px;height:30px;flex-basis:30px;border-radius:9px; background:color-mix(in srgb,var(--ser-accent) 8%,#fff) } .serr-local-style-clinical .serr-local-meta-row>.serr-inline-icon svg{width:16px;height:16px} .serr-local-style-clinical .serr-local-meta-row.is-hours, .serr-local-style-clinical .serr-local-meta-row.is-transport, .serr-local-style-clinical .serr-local-meta-row.is-parking{grid-column:1/-1} .serr-local-style-clinical .serr-local-meta-row strong{font-size:.78em;letter-spacing:.015em;text-transform:uppercase;color:color-mix(in srgb,var(--ser-text) 80%,var(--ser-accent))} .serr-local-style-clinical .serr-local-meta-row span, .serr-local-style-clinical .serr-local-meta-row a{opacity:.94;line-height:1.45} .serr-local-style-clinical .serr-local-meta-row.is-phone a{font-weight:800;color:var(--ser-accent)} .serr-local-style-clinical .serr-local-rich p{margin:.1em 0} .serr-local-style-clinical .serr-local-note{ display:flex;align-items:center;gap:8px; margin-top:13px;padding:9px 12px; border-radius:11px; background:color-mix(in srgb,var(--ser-accent) 6%,#fff); font-size:.86em;font-weight:700 } .serr-local-style-clinical .serr-local-note>span{color:var(--ser-accent);font-weight:900} .serr-local-style-clinical .serr-local-actions{margin-top:14px} .serr-local-style-clinical .serr-local-actions .serr-btn{min-height:42px} .serr-local-style-clinical .serr-local-map{ border-color:color-mix(in srgb,var(--ser-accent) 12%,#dfe5ec); box-shadow:0 10px 30px rgba(18,50,88,.065) } @media(max-width:780px){ .serr-local-style-clinical .serr-local-meta{grid-template-columns:1fr} .serr-local-style-clinical .serr-local-meta-row.is-hours, .serr-local-style-clinical .serr-local-meta-row.is-transport, .serr-local-style-clinical .serr-local-meta-row.is-parking{grid-column:auto} }