/* Shared review presentation. Loaded after archival compatibility CSS. Keep original review DOM and scripts: filters, stories, sharing, disclosures. */ body.ek-integrated .ek-review-card.review { --ek-font-body:Inter,Arial,sans-serif; --ek-font-heading:Questrial,Arial,sans-serif; --ek-coral:#e29578; box-sizing:border-box; position:relative; isolation:isolate; overflow:hidden; width:100%; max-width:860px; min-width:0; min-height:0; grid-column:1/-1; margin:32px auto; padding:36px 40px!important; scroll-margin-top:110px; border:1px solid rgba(244,240,231,.14)!important; border-radius:28px!important; background:#1d2a24!important; color:#f4f0e7; box-shadow:none!important; transform:none; -webkit-backdrop-filter:none; backdrop-filter:none; } /* ATO-476.5 · Sober local surface for every inline review. The psychedelic pattern is gone: a calm graphite-green gradient, no image, no extra request and no new cost. */ body.ek-integrated .ek-review-card.review::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background: radial-gradient(120% 85% at 84% -12%, rgba(244,240,231,.07), transparent 60%), linear-gradient(158deg,#26352c 0%,#1e2a24 52%,#18211d 100%); filter:none; opacity:1; mix-blend-mode:normal; } body.ek-integrated .ek-review-card.review>* {position:relative;z-index:1} body.ek-integrated .ek-review-card.review .review-top { display:flex;align-items:center;justify-content:space-between;gap:20px; font:800 var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body);letter-spacing:normal;text-transform:uppercase;color:#dfe3d8; } body.ek-integrated .ek-review-card.review .review-top>span:first-child {display:inline-flex;align-items:center;gap:9px} body.ek-integrated .ek-review-card.review .review-top>span:first-child::before {content:"";width:22px;height:2px;background:var(--ek-coral);flex:none} body.ek-integrated .ek-review-card.review .stars {color:var(--ek-coral);font-size:0.9375rem;letter-spacing:var(--ek-ls-meta);white-space:normal} body.ek-integrated .ek-review-card.review blockquote { max-width:none; margin:34px 0 36px; padding:0;border:0; color:#f4f0e7;font:var(--ek-fw-heading) var(--ek-fs-h2)/var(--ek-lh-heading) var(--ek-font-display)!important; letter-spacing:normal;text-wrap:pretty; } body.ek-integrated .ek-review-card.review .review-author {display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:0 0 28px;font-size:var(--ek-fs-meta);color:#b3bcae} body.ek-integrated .review-author, body.ek-integrated .review-author>*, body.ek-integrated .review-author span{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere} body.ek-integrated .ek-review-card.review .review-author strong {font-weight:var(--ek-fw-body);color:#f4f0e7} body.ek-integrated .ek-review-card.review .review-author-profession {display:block;margin-top:4px;font-size:var(--ek-fs-meta);color:#b3bcae} body.ek-integrated .ek-review-card.review :is(.review-more,.ek-exp-more) {margin:18px 0 0;padding:0;border-top:1px solid #ffffff2e} body.ek-integrated .ek-review-card.review :is(.review-more,.ek-exp-more)>summary { display:flex;align-items:center;justify-content:space-between;gap:16px; min-height:48px;margin:0;padding:20px 0 0;border:0;list-style:none;cursor:pointer; color:#f4f0e7;font:var(--ek-fw-body) calc(var(--ek-fs-ui) - .0625rem)/var(--ek-lh-compact) var(--ek-font-body);letter-spacing:normal;text-transform:none; } body.ek-integrated .ek-review-card.review summary::-webkit-details-marker {display:none} body.ek-integrated .ek-review-card.review .review-more summary::after {display:none} body.ek-integrated .ek-review-card.review summary i {font-style:normal;font-size:var(--ek-fs-ui);} body.ek-integrated .ek-review-card.review summary:focus-visible {outline:2px solid var(--ek-coral);outline-offset:5px} body.ek-integrated .ek-review-card.review :is(.review-expanded,.ek-exp-body) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:24px 0 0;padding:24px 0 0;border-top:1px solid #ffffff24;color:#d3d8cc} body.ek-integrated .ek-review-card.review :is(.review-expanded,.ek-exp-body) p {color:#d3d8cc!important;line-height:var(--ek-lh-body);font-size:var(--ek-fs-body)!important;margin:0 0 12px} body.ek-integrated .ek-review-card.review :is(.review-kicker,.ek-exp-label) {font:var(--ek-fw-body) var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body)!important;letter-spacing:var(--ek-ls-meta);text-transform:uppercase;color:#aab3a4!important;margin-bottom:10px} body.ek-integrated .ek-review-card.review :is(.owner-response,.ek-exp-reply) {margin:0;padding:0 0 0 24px;border:0;border-left:1px solid #ffffff26;border-radius:0;background:none} body.ek-integrated .ek-review-card.review .ek-exp-full {margin:0} body.ek-integrated .ek-review-card.review :is(.review-expanded>a,.ek-exp-link) {grid-column:1/-1;width:fit-content;max-width:100%;margin:0;color:#d6dacd;font-size:var(--ek-fs-meta);text-decoration:underline;text-underline-offset:4px;border:0;overflow-wrap:anywhere} body.ek-integrated .ek-review-card.review .ek-review-actions {display:flex;justify-content:flex-end;margin:-2px 0 0} body.ek-integrated .ek-review-card.review .ek-review-share {display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:3px 0;border:0;border-bottom:1px solid #ffffff33;background:transparent;color:#d6dacd;font:var(--ek-fw-action) var(--ek-fs-ui)/var(--ek-lh-compact) var(--ek-font-body);cursor:pointer} body.ek-integrated .ek-review-card.review .ek-review-share:hover {color:#fff;border-color:var(--ek-coral)} body.ek-integrated .ek-review-card.review .ek-review-share:focus-visible {outline:2px solid var(--ek-coral);outline-offset:4px} body.ek-integrated .home-experience .ek-reviews-track {justify-items:center} @media(max-width:640px) { body.ek-integrated .ek-review-card.review {padding:28px 24px!important;border-radius:24px!important;margin-block:24px} body.ek-integrated .ek-review-card.review blockquote {font-size:var(--ek-fs-h2)!important;line-height:var(--ek-lh-body)!important;margin:28px 0} body.ek-integrated .ek-review-card.review .review-top {gap:12px;font-size:var(--ek-fs-meta);letter-spacing:normal;} body.ek-integrated .ek-review-card.review .review-top>span:first-child::before {width:16px} body.ek-integrated .ek-review-card.review .stars {font-size:0.8125rem;} body.ek-integrated .ek-review-card.review .review-author {align-items:flex-start;flex-direction:column;gap:12px;padding-bottom:16px} body.ek-integrated .ek-review-card.review :is(.review-expanded,.ek-exp-body) {grid-template-columns:1fr;gap:20px} body.ek-integrated .ek-review-card.review :is(.owner-response,.ek-exp-reply) {padding:20px 0 0;border-left:0;border-top:1px solid #ffffff26} } /* Preserve carousel and filter visibility. */ body.ek-integrated .ek-review-card.review[hidden],body.ek-integrated .ek-review-card.review.ek-review-hidden {display:none!important} /* ====================================================================== ATO-474 · «En sus palabras»: la banda oscura desaparece ---------------------------------------------------------------------- La reseña usaba un borde claro sobre una superficie muy oscura dentro de una banda clara, y esa línea brillante junto al disparador «Leer reseña y respuesta» se leía como una sombra anómala. Ahora el borde acompaña a la superficie y el bloque respira respecto a la navegación sticky. El carrusel, los textos y la interacción no cambian. ====================================================================== */ body.ek-integrated .home-experience .ek-review-card.review{border:1px solid rgba(244,240,231,.10)!important} body.ek-integrated .home-experience .ek-review-card.review::before{background: radial-gradient(120% 85% at 84% -12%, rgba(244,240,231,.05), transparent 60%), linear-gradient(158deg,#26352c 0%,#1e2a24 52%,#18211d 100%)} body.ek-integrated .home-experience .ek-review-card.review :is(.review-more,.ek-exp-more){border-top:1px solid rgba(244,240,231,.18)} body.ek-integrated .home-experience .ek-review-card.review :is(.review-more,.ek-exp-more)>summary{color:#e7e9e0} /* El bloque no se solapa con la barra de navegación: se le deja aire. */ body.ek-integrated .home-experience{padding-bottom:clamp(18px,2.4vw,32px)} body.ek-integrated .home-experience .ek-review-card.review{scroll-margin-top:132px} /* ====================================================================== ATO-360 · Segunda ronda visual final R1 «En sus palabras»: la banda pálida y el degradado turbio desaparecen. La tarjeta de reseña es grafito de borde nítido, sin resplandor ni gradiente exterior, bajo la cabecera y sobre crema. El carrusel, el compartir y el copy aprobado no cambian. R5 /resenas/: cabecera editorial amplia con más aire superior, título protagonista y «Compartir» más abajo con su propia jerarquía. R13 Sin huerdas naranja sobre superficies oscuras. ====================================================================== */ body.ek-integrated .home-experience{ --ek-surface:var(--ek-paper); background:transparent; border-radius:0; padding:clamp(46px,5.5vw,84px) 0 clamp(52px,6vw,96px); margin-block:clamp(18px,2.6vw,40px); border-bottom:0; } body.ek-integrated .home-experience .ek-review-card.review{ background:#1d2a24!important; border:1px solid rgba(244,240,231,.13)!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } body.ek-integrated .home-experience .ek-review-card.review::before{content:none!important;background:none!important} body.ek-integrated .home-experience .ek-review-card.review :is(.review-more,.ek-exp-more){border-top-color:rgba(244,240,231,.14)} body.ek-integrated .home-experience .ek-review-card.review .ek-review-share:hover{color:#fff;border-color:#f4f0e7} body.ek-integrated .home-experience .ek-review-card.review :is(.review-more,.ek-exp-more)>summary:focus-visible, body.ek-integrated .home-experience .ek-review-card.review .ek-review-share:focus-visible{outline-color:#f4f0e7} @media(max-width:640px){ body.ek-integrated .home-experience{padding:clamp(38px,9vw,60px) 0 clamp(44px,11vw,72px);margin-inline:0} } /* R5 · La cabecera de /resenas/ respira arriba y el título manda. */ body.ek-reviews-page main.ek-catalogue-page{ --ek-catalogue-title:clamp(54px,7vw,92px); --ek-catalogue-top:clamp(50px,7vw,108px); --ek-catalogue-bottom:clamp(38px,4.5vw,64px); } body.ek-reviews-page .ek-catalogue-hero>h1{max-width:15ch;margin:clamp(18px,2.2vw,30px) 0} body.ek-reviews-page .ek-catalogue-hero>.ek-page-actions{margin-top:clamp(28px,3.2vw,46px)} body.ek-reviews-page .ek-catalogue-hero>.ek-page-actions .share-trigger{color:var(--ek-ink)} /* Final review 28/10/2026 · Home testimonials carousel. The archive's home.css is not loaded by the integrated shell; controls live with the review component. */ body.ek-integrated .home-experience .ek-reviews{ width:min(860px,100%);margin-inline:auto;min-width:0; } body.ek-integrated .home-experience .ek-reviews-track{ display:grid;grid-template-columns:minmax(0,1fr);align-items:start;min-width:0;touch-action:pan-y pinch-zoom; } body.ek-integrated .home-experience .ek-reviews-track>.ek-review-card.review{ grid-area:1/1;width:100%;margin:0 auto; } body.ek-integrated .home-experience .ek-reviews-nav{ display:grid;grid-template-columns:minmax(105px,1fr) auto minmax(105px,1fr); align-items:center;gap:clamp(10px,2vw,24px); width:100%;margin:20px auto 0;padding:15px 0 0; border-top:1px solid var(--ek-line); } body.ek-integrated .home-experience .ek-reviews-nav[hidden]{display:none!important} body.ek-integrated .home-experience :is(.ek-reviews-previous,.ek-reviews-next){ appearance:none;display:inline-flex;align-items:center;justify-content:center; min-height:44px;max-width:170px;padding:10px 16px; border:1px solid #303b3240;border-radius:999px; background:#e8e9e1;color:var(--ek-ink);font:var(--ek-fw-action) var(--ek-fs-ui)/1.3 var(--ek-font-body); cursor:pointer;white-space:nowrap; } body.ek-integrated .home-experience .ek-reviews-previous{justify-self:start} body.ek-integrated .home-experience .ek-reviews-next{justify-self:end} body.ek-integrated .home-experience :is(.ek-reviews-previous,.ek-reviews-next):hover{ background:#d7dfd4;border-color:#303b3270; } body.ek-integrated .home-experience .ek-reviews-nav-center{ display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0; } body.ek-integrated .home-experience .ek-reviews-progress{ color:var(--ek-ink);font:var(--ek-fw-action) var(--ek-fs-ui)/1.3 var(--ek-font-body); font-variant-numeric:tabular-nums; } body.ek-integrated .home-experience .ek-reviews-dots{ display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap; } body.ek-integrated .home-experience .ek-reviews-dot{ appearance:none;display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;min-width:24px;min-height:24px;padding:0; border:0;border-radius:50%;background:transparent;cursor:pointer; } body.ek-integrated .home-experience .ek-reviews-dot::before{ content:"";width:9px;height:9px;border-radius:50%;background:#a2ada0; transition:transform .15s ease,background-color .15s ease; } body.ek-integrated .home-experience .ek-reviews-dot[aria-current="true"]::before{ background:#9c4a39;transform:scale(1.45); } body.ek-integrated .home-experience .ek-reviews-nav :is(button):focus-visible{ outline:2px solid var(--ek-ink);outline-offset:3px; } body.ek-integrated .home-experience .review-more[open] .review-expanded{ max-height:min(55vh,440px);overflow-y:auto;overscroll-behavior:contain; padding-right:clamp(8px,1vw,14px);scrollbar-width:thin; } body.ek-integrated .home-experience .review-expanded:focus-visible{ outline:2px solid #f4f0e7;outline-offset:-2px; } body.ek-integrated .home-experience>.home-text-link{ display:block;width:max-content;max-width:100%;margin:22px auto 0;text-align:center; } @media(max-width:700px){ body.ek-integrated .home-experience .ek-reviews-nav{ grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px; } body.ek-integrated .home-experience .ek-reviews-nav-center{grid-column:1/-1;grid-row:1} body.ek-integrated .home-experience .ek-reviews-previous{grid-column:1;grid-row:2} body.ek-integrated .home-experience .ek-reviews-next{grid-column:2;grid-row:2} body.ek-integrated .home-experience :is(.ek-reviews-previous,.ek-reviews-next){width:100%;max-width:none} } @media(max-width:650px){ body.ek-integrated .ek-reviews-nav>.ek-reviews-previous, body.ek-integrated .ek-reviews-nav>.ek-reviews-next{display:none} body.ek-integrated .home-experience .ek-reviews-nav{grid-template-columns:1fr} } /* Shared conversation hierarchy for all inline reviews: the original testimonial leads; the owner reply is nested, quieter and visually connected. Preserve the source, disclosure and sharing behavior. */ body.ek-integrated .ek-review-card.review{ --ek-review-thread-full-size:1rem; --ek-review-thread-reply-size:.9375rem; --ek-review-thread-label-size:.6875rem; } body.ek-integrated .ek-review-card.review .review-expanded{ display:flex;flex-direction:column;align-items:stretch;gap:16px; } body.ek-integrated .ek-review-card.review .review-expanded>div:first-child{ min-width:0;max-width:66ch; } body.ek-integrated .ek-review-card.review .review-expanded .review-kicker{ font:500 var(--ek-review-thread-label-size)/1.35 var(--ek-font-body)!important; letter-spacing:.03em!important;text-transform:none!important; color:#bec9bb!important;margin:0 0 8px!important; } body.ek-integrated .ek-review-card.review .review-expanded>div:first-child>p:not(.review-kicker){ font-size:var(--ek-review-thread-full-size)!important;line-height:1.6!important; color:#edf0e8!important;margin:0; } body.ek-integrated .ek-review-card.review .review-expanded>.owner-response{ position:relative;box-sizing:border-box;align-self:flex-start;min-width:0; width:calc(100% - clamp(14px,3vw,30px));max-width:66ch; margin:0 0 0 clamp(14px,3vw,30px); padding:18px 20px; border:1px solid rgba(244,240,231,.10);border-radius:16px; background:rgba(244,240,231,.055); } body.ek-integrated .ek-review-card.review .review-expanded>.owner-response::before{ content:"";position:absolute;left:-18px;top:22px;width:11px;height:13px; border-left:1px solid rgba(244,240,231,.45); border-bottom:1px solid rgba(244,240,231,.45);border-bottom-left-radius:6px; } body.ek-integrated .ek-review-card.review .review-expanded>.owner-response>p:not(.review-kicker){ font-size:var(--ek-review-thread-reply-size)!important;line-height:1.6!important; color:#cbd6c9!important;margin:0; } body.ek-integrated .ek-review-card.review .review-expanded>a{ align-self:flex-start;margin-top:2px; } @media(max-width:640px){ body.ek-integrated .ek-review-card.review{ --ek-review-thread-full-size:.9375rem; --ek-review-thread-reply-size:.875rem; } body.ek-integrated .ek-review-card.review .review-expanded{gap:14px} body.ek-integrated .ek-review-card.review .review-expanded>.owner-response{ width:calc(100% - 12px);margin-left:12px;padding:16px; } body.ek-integrated .ek-review-card.review .review-expanded>.owner-response::before{ left:-13px;top:20px;width:7px;height:12px; } } /* /resenas/ uses the archived catalogue anatomy, not the inline