/* EnlazaTec · Branding y diseño · 28/10/2026
   CSS independiente o para integrar al final de custom.css.
   Selectores limitados a esta página. */
.et-branding-page { --bd-paper:#faf8f5; --bd-surface:#fff; --bd-ink:#202020; --bd-muted:#625d59; --bd-line:#ddd7d0; --bd-accent:#ad2952; --bd-pink:#eb7598; background:var(--bd-paper); }
.et-branding-page.dark { --bd-paper:#171717; --bd-surface:#202020; --bd-ink:#f5f2ee; --bd-muted:#bcb6b0; --bd-line:#3b3734; --bd-accent:#f091ae; }
.et-branding-page .header__area-2 { background:#111 !important; }
@media (min-width:1200px) {
    .et-branding-page .header__nav-2 .main-menu { display:flex; align-items:center; justify-content:flex-end; gap:clamp(18px,2.2vw,36px); }
    .et-branding-page .header__nav-2 .main-menu > li { margin:0; flex-shrink:0; }
    .et-branding-page .header__nav-2 .main-menu > li > a { font-size:16px; }
}
.et-branding-page .bd-main { color:var(--bd-ink); background:var(--bd-paper); }
.et-branding-page .bd-container { max-width:1320px; padding-left:30px; padding-right:30px; }
.et-branding-page .bd-main p { color:var(--bd-muted); font-size:18px; line-height:1.7; }
.et-branding-page .bd-main h1, .et-branding-page .bd-main h2, .et-branding-page .bd-main h3 { color:var(--bd-ink); font-weight:500; word-break:normal; overflow-wrap:normal; hyphens:none; }
.et-branding-page .bd-main h1 { font-size:clamp(50px,6.5vw,94px); line-height:1.01; letter-spacing:-.045em; }
.et-branding-page .bd-main h2 { font-size:clamp(34px,3.8vw,58px); line-height:1.1; letter-spacing:-.035em; }
.et-branding-page .bd-main h3 { font-size:26px; line-height:1.2; letter-spacing:-.02em; }
.et-branding-page .bd-main h1 br, .et-branding-page .bd-main h2 br, .et-branding-page .bd-main h3 br { display:initial; }
.et-branding-page .bd-main em { font-style:normal; color:var(--bd-accent); }
.et-branding-page .bd-main .bd-eyebrow { font-size:12px; font-weight:500; letter-spacing:.14em; line-height:1.5; text-transform:uppercase; color:var(--bd-accent); margin-bottom:24px; }
.et-branding-page .bd-eyebrow::before { content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; vertical-align:2px; margin-right:10px; }
.et-branding-page .bd-section { padding:105px 0; }
.et-branding-page .bd-button { display:inline-flex; align-items:center; justify-content:center; gap:25px; padding:18px 25px; border-radius:40px; background:var(--bd-pink); color:#171717; font-size:16px; font-weight:500; transition:background .2s,transform .2s; }
.et-branding-page .bd-button:hover { background:#f39ab5; color:#171717; transform:translateY(-2px); }
.et-branding-page .bd-text-link { display:inline-flex; align-items:center; gap:20px; padding-bottom:9px; border-bottom:1px solid var(--bd-ink); color:var(--bd-ink); font-size:16px; }
.et-branding-page .bd-text-link:hover { color:var(--bd-accent); border-color:var(--bd-accent); }
.et-branding-page .bd-hero { padding-top:130px; }
.et-branding-page .bd-breadcrumb ol { display:flex; flex-wrap:wrap; gap:9px; list-style:none; margin:0 0 45px; padding:0; }
.et-branding-page .bd-breadcrumb li, .et-branding-page .bd-breadcrumb a { font-size:13px; color:var(--bd-muted); }
.et-branding-page .bd-breadcrumb li + li::before { content:'/'; margin-right:9px; opacity:.6; }
.et-branding-page .bd-breadcrumb a:hover { color:var(--bd-accent); }
.et-branding-page .bd-hero-heading { text-align:center; max-width:1000px; margin:0 auto 55px; }
.et-branding-page .bd-hero-heading > p:not(.bd-eyebrow) { max-width:620px; margin:27px auto 0; font-size:20px; }
.et-branding-page .bd-hero-actions { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:30px; margin-top:30px; }
.et-branding-page .bd-hero-actions .bd-text-link { font-size:15px; }
.et-branding-page .bd-hero-board { display:grid; grid-template-columns:2.2fr 1fr; gap:22px; }
.et-branding-page .bd-hero-board figure { margin:0; position:relative; overflow:hidden; border-radius:18px; background:#e8d5c7; }
.et-branding-page .bd-hero-board figure img { width:100%; height:100%; object-fit:cover; min-height:440px; }
.et-branding-page .bd-hero-board figcaption { position:absolute; left:24px; bottom:22px; padding:9px 16px; border-radius:20px; background:#faf8f5ed; color:#432d35; font-size:11px; }
.et-branding-page .bd-style-sheet { display:flex; flex-direction:column; padding:30px; background:#e998b0; color:#482130; border-radius:18px; overflow:hidden; }
.et-branding-page .bd-sheet-label { font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.et-branding-page .bd-type-sample { font-size:clamp(80px,8vw,120px); line-height:1; letter-spacing:-.07em; font-weight:500; margin:26px 0 22px; }
.et-branding-page .bd-main .bd-style-sheet p { font-size:37px; line-height:1.04; letter-spacing:-.025em; color:#482130; margin:0 0 30px; }
.et-branding-page .bd-style-sheet br { display:initial; }
.et-branding-page .bd-style-sheet em { color:#482130; }
.et-branding-page .bd-palette { display:flex; gap:8px; margin-top:auto; }
.et-branding-page .bd-palette span { flex:1; height:32px; border-radius:4px; background:#faf8f5; }
.et-branding-page .bd-palette span:nth-child(2) { background:#eb7598; }
.et-branding-page .bd-palette span:nth-child(3) { background:#62243a; }
.et-branding-page .bd-sheet-footer { font-size:11px; margin-top:15px; }
.et-branding-page .bd-main .bd-caption { font-size:12px; margin-top:17px; }
.et-branding-page .bd-gallery { scroll-margin-top:100px; }
.et-branding-page .bd-gallery-heading { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:85px; margin-bottom:38px; }
.et-branding-page .bd-gallery-tools { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-bottom:25px; border-bottom:1px solid var(--bd-line); margin-bottom:30px; }
.et-branding-page .bd-filters { display:flex; flex-wrap:wrap; gap:9px; }
.et-branding-page .bd-filters[hidden], .et-branding-page .bd-gallery-card[hidden] { display:none !important; }
.et-branding-page .bd-filters button { border:1px solid var(--bd-line); border-radius:30px; padding:10px 19px; background:transparent; color:var(--bd-ink); font:inherit; font-size:14px; line-height:1.4; transition:background .2s,color .2s,border-color .2s; }
.et-branding-page .bd-filters button:hover { border-color:var(--bd-accent); color:var(--bd-accent); }
.et-branding-page .bd-filters button[aria-pressed="true"] { background:var(--bd-ink); color:var(--bd-paper); border-color:var(--bd-ink); }
.et-branding-page .bd-main .bd-gallery-status { font-size:12px; white-space:nowrap; }
.et-branding-page .bd-gallery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:42px 28px; }
.et-branding-page .bd-gallery-card { min-width:0; }
.et-branding-page .bd-gallery-image { position:relative; display:block; overflow:hidden; border-radius:14px; background:#e6d9d5; aspect-ratio:3 / 2; }
.et-branding-page .bd-gallery-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.et-branding-page .bd-gallery-image:hover img { transform:scale(1.025); }
.et-branding-page .bd-expand { position:absolute; right:17px; bottom:17px; display:flex; width:38px; height:38px; border-radius:50%; align-items:center; justify-content:center; background:#faf8f5ed; color:#482130; font-size:15px; transition:background .2s; }
.et-branding-page .bd-gallery-image:hover .bd-expand { background:#eb7598; }
.et-branding-page .bd-gallery-meta { display:flex; justify-content:space-between; align-items:start; gap:20px; padding-top:19px; }
.et-branding-page .bd-category { font-size:11px; color:var(--bd-accent); text-transform:uppercase; letter-spacing:.09em; }
.et-branding-page .bd-gallery-meta h3 { font-size:24px; margin:8px 0; }
.et-branding-page .bd-gallery-meta p { font-size:15px; }
.et-branding-page .bd-concept { font-size:10px; color:var(--bd-muted); border:1px solid var(--bd-line); border-radius:20px; padding:5px 10px; flex-shrink:0; margin-top:3px; }
.et-branding-page .bd-language { background:#202020; --bd-ink:#f5f2ee; --bd-muted:#c2bbb5; --bd-line:#4a4245; --bd-accent:#f091ae; }
.et-branding-page .bd-language-heading { max-width:800px; margin-bottom:45px; }
.et-branding-page .bd-language-heading > p:last-child { margin-top:25px; max-width:650px; }
.et-branding-page .bd-language-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
.et-branding-page .bd-principle-art { height:155px; display:flex; align-items:center; justify-content:center; background:#2c272a; border:1px solid #4b3b42; border-radius:12px; margin-bottom:24px; overflow:hidden; }
.et-branding-page .bd-language-grid h3 { font-size:23px; margin-bottom:12px; }
.et-branding-page .bd-language-grid p { font-size:15px; }
.et-branding-page .bd-symbol span { width:60px; height:85px; border:15px solid #ed99b3; border-bottom:0; border-radius:35px 35px 0 0; }
.et-branding-page .bd-symbol span + span { margin-left:-15px; opacity:.5; }
.et-branding-page .bd-colors span { width:64px; height:64px; border-radius:50%; background:#faf8f5; }
.et-branding-page .bd-colors span + span { margin-left:-18px; background:#eb7598; }
.et-branding-page .bd-colors span:nth-child(3) { background:#71344b; }
.et-branding-page .bd-letters { font-size:65px; color:#ed99b3; letter-spacing:-.04em; }
.et-branding-page .bd-letters span { font-family:Georgia,serif; font-size:46px; color:#ed99b380; padding-left:8px; }
.et-branding-page .bd-layout { display:grid; grid-template-columns:60px 70px; grid-template-rows:30px 45px; align-content:center; gap:9px; }
.et-branding-page .bd-layout span { height:100%; width:100%; background:#71344b; border-radius:4px; }
.et-branding-page .bd-layout span:first-child { background:#ed99b3; }
.et-branding-page .bd-layout span:last-child { background:#faf8f5; }
.et-branding-page .bd-scope-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; }
.et-branding-page .bd-scope h2 + p { margin-top:28px; max-width:510px; }
.et-branding-page .bd-scope .bd-text-link { margin-top:30px; }
.et-branding-page .bd-scope-list article { border-top:1px solid var(--bd-line); padding:27px 0; }
.et-branding-page .bd-scope-list article > span { color:var(--bd-accent); font-size:12px; }
.et-branding-page .bd-scope-list h3 { margin:17px 0 13px; }
.et-branding-page .bd-scope-list p { font-size:16px; }
.et-branding-page .bd-process { padding:75px 0; background:#f0e6e6; }
.et-branding-page.dark .bd-process { background:#292125; }
.et-branding-page .bd-process-heading { margin-bottom:40px; }
.et-branding-page .bd-process-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:45px; margin:0; padding:0; list-style:none; }
.et-branding-page .bd-process-list li { border-top:1px solid var(--bd-line); padding-top:22px; }
.et-branding-page .bd-process-list li > span { font-size:34px; font-weight:300; color:var(--bd-accent); }
.et-branding-page .bd-process-list h3 { font-size:25px; margin:22px 0 13px; }
.et-branding-page .bd-process-list p { font-size:16px; }
.et-branding-page .bd-main .bd-process-note { font-size:13px; margin-top:35px; }
.et-branding-page .bd-faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; }
.et-branding-page .bd-faq h2 + p { margin-top:24px; max-width:360px; }
.et-branding-page .bd-faq .accordion-item { background:transparent; border:0; border-bottom:1px solid var(--bd-line); border-radius:0; }
.et-branding-page .bd-faq .accordion-item:first-child { border-top:1px solid var(--bd-line); }
.et-branding-page .bd-faq .accordion-button { font:inherit; font-size:19px; font-weight:400; line-height:1.4; background:transparent; color:var(--bd-ink); border:0; box-shadow:none; padding:23px 36px 23px 0; }
.et-branding-page .bd-faq .accordion-button::after { position:absolute; right:0; top:27px; }
.et-branding-page .bd-faq .accordion-button:not(.collapsed) { color:var(--bd-accent); }
.et-branding-page .bd-faq .accordion-body { padding:0 25px 24px 0; }
.et-branding-page .bd-faq .accordion-body p { font-size:16px; }
.et-branding-page .bd-cta { background:var(--bd-surface); border-top:1px solid var(--bd-line); }
.et-branding-page .bd-cta > .container { padding-top:90px; padding-bottom:80px; }
.et-branding-page .bd-cta .cta__content { padding-top:0; }
.et-branding-page .bd-cta .cta__sub-title { font-size:12px; line-height:1.5; border-color:var(--bd-line); color:var(--bd-muted); padding:7px 17px; }
.et-branding-page .bd-cta .cta__title { max-width:850px; margin-left:auto; margin-right:auto; font-size:clamp(36px,4.4vw,66px); padding-top:22px; }
.et-branding-page .bd-cta .wc-btn-primary { color:var(--bd-ink); border-color:var(--bd-line); }
.et-branding-page .bd-cta .wc-btn-primary > span { background:var(--bd-pink); }
.et-branding-page .bd-cta .wc-btn-primary:hover { color:#171717; }
.et-branding-page .bd-more { display:inline-flex; align-items:center; gap:18px; font-size:14px; color:var(--bd-muted); margin-top:30px; }
.et-branding-page .bd-more:hover { color:var(--bd-accent); }
.et-branding-page .bd-main a:focus-visible, .et-branding-page .bd-main button:focus-visible, .et-branding-page .bd-lightbox button:focus-visible { outline:2px solid var(--bd-accent); outline-offset:5px; }
.et-branding-page .bd-skip { position:fixed; top:-100px; left:20px; padding:12px 18px; z-index:99999; color:#111; background:#fff; }
.et-branding-page .bd-skip:focus { top:15px; }
.et-branding-page.bd-modal-open { overflow:hidden !important; }
.et-branding-page .bd-lightbox { position:fixed; inset:auto 0; top:50%; transform:translateY(-50%); width:min(1120px,92vw); max-width:none; height:auto; max-height:92vh; margin:0 auto; padding:0; border:1px solid var(--bd-line); border-radius:16px; background:var(--bd-paper); color:var(--bd-ink); box-shadow:0 24px 100px #0005; overflow:auto; }
.et-branding-page .bd-lightbox:not([open]) { display:none; }
.et-branding-page .bd-lightbox::backdrop { background:#111d; }
.et-branding-page .bd-lightbox-bar { display:flex; align-items:center; justify-content:space-between; padding:12px 20px; color:var(--bd-muted); font-size:12px; }
.et-branding-page .bd-lightbox-close { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; border:1px solid var(--bd-line); background:transparent; color:var(--bd-ink); font-size:20px; }
.et-branding-page .bd-lightbox-close:hover { color:#171717; background:var(--bd-pink); }
.et-branding-page .bd-lightbox > img { display:block; width:100%; height:auto; max-height:65vh; object-fit:contain; background:#201b1e; }
.et-branding-page .bd-lightbox-caption { padding:20px 24px; }
.et-branding-page .bd-lightbox-caption h2 { color:var(--bd-ink); font-size:25px; line-height:1.2; font-weight:500; }
.et-branding-page .bd-lightbox-caption p { color:var(--bd-muted); font-size:15px; margin-top:8px; line-height:1.5; }
@media (max-width:1199px) {
    .et-branding-page .bd-gallery-heading, .et-branding-page .bd-scope-grid, .et-branding-page .bd-faq-grid { gap:45px; }
    .et-branding-page .bd-hero-board { grid-template-columns:1.9fr 1fr; }
    .et-branding-page .bd-style-sheet { padding:25px; }
    .et-branding-page .bd-language-grid { gap:20px; }
    .et-branding-page .bd-gallery-tools { flex-direction:column; align-items:start; gap:15px; }
}
@media (max-width:991px) {
    .et-branding-page .bd-container { padding-left:24px; padding-right:24px; }
    .et-branding-page .bd-hero { padding-top:115px; }
    .et-branding-page .bd-hero-heading h1 { font-size:70px; }
    .et-branding-page .bd-hero-board { grid-template-columns:1.6fr 1fr; }
    .et-branding-page .bd-hero-board figure img { min-height:400px; }
    .et-branding-page .bd-main .bd-style-sheet p { font-size:30px; }
    .et-branding-page .bd-type-sample { font-size:80px; }
    .et-branding-page .bd-section { padding:80px 0; }
    .et-branding-page .bd-gallery-heading, .et-branding-page .bd-scope-grid, .et-branding-page .bd-faq-grid { grid-template-columns:1fr; gap:28px; }
    .et-branding-page .bd-gallery-heading > p { max-width:650px; }
    .et-branding-page .bd-gallery-meta { flex-direction:column; gap:10px; }
    .et-branding-page .bd-gallery-meta h3 { font-size:22px; }
    .et-branding-page .bd-language-grid { grid-template-columns:1fr 1fr; gap:35px; }
    .et-branding-page .bd-process-list { gap:25px; }
    .et-branding-page .bd-faq h2 + p { max-width:650px; }
}
@media (max-width:767px) {
    .et-branding-page .bd-container { padding-left:20px; padding-right:20px; }
    .et-branding-page .bd-hero { padding-top:110px; }
    .et-branding-page .bd-breadcrumb ol { margin-bottom:34px; }
    .et-branding-page .bd-hero-heading { margin-bottom:35px; }
    .et-branding-page .bd-hero-heading h1 { font-size:clamp(42px,10vw,64px); }
    .et-branding-page .bd-main h2 { font-size:clamp(32px,7.6vw,44px); }
    .et-branding-page .bd-main h3 { font-size:25px; }
    .et-branding-page .bd-main p { font-size:17px; }
    .et-branding-page .bd-main .bd-eyebrow { font-size:11px; margin-bottom:20px; }
    .et-branding-page .bd-hero-heading > p:not(.bd-eyebrow) { font-size:18px; }
    .et-branding-page .bd-hero-actions { gap:22px; }
    .et-branding-page .bd-button { font-size:15px; padding:16px 21px; gap:20px; }
    .et-branding-page .bd-hero-board { grid-template-columns:1fr; gap:16px; }
    .et-branding-page .bd-hero-board figure img { min-height:0; height:auto; aspect-ratio:3 / 2; }
    .et-branding-page .bd-hero-board figcaption { left:12px; bottom:12px; font-size:9px; padding:7px 12px; }
    .et-branding-page .bd-style-sheet { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:20px; padding:25px; }
    .et-branding-page .bd-sheet-label, .et-branding-page .bd-sheet-footer, .et-branding-page .bd-palette { grid-column:1 / -1; }
    .et-branding-page .bd-type-sample { font-size:clamp(56px,16vw,82px); margin:0; align-self:center; }
    .et-branding-page .bd-main .bd-style-sheet p { font-size:clamp(21px,6vw,27px); margin:0; align-self:center; }
    .et-branding-page .bd-sheet-footer { margin:0; }
    .et-branding-page .bd-section { padding:60px 0; }
    .et-branding-page .bd-gallery-heading { margin-bottom:25px; }
    .et-branding-page .bd-filters { gap:8px; }
    .et-branding-page .bd-filters button { padding:9px 15px; font-size:13px; }
    .et-branding-page .bd-gallery-grid { grid-template-columns:1fr; gap:32px; }
    .et-branding-page .bd-gallery-meta { flex-direction:row; gap:14px; }
    .et-branding-page .bd-gallery-meta h3 { font-size:22px; }
    .et-branding-page .bd-gallery-meta p { font-size:14px; }
    .et-branding-page .bd-concept { padding:4px 8px; font-size:9px; }
    .et-branding-page .bd-language-grid { grid-template-columns:1fr; gap:30px; }
    .et-branding-page .bd-principle-art { height:155px; margin-bottom:20px; }
    .et-branding-page .bd-language-grid p { font-size:16px; }
    .et-branding-page .bd-scope-list h3 { font-size:25px; }
    .et-branding-page .bd-scope-list p { font-size:16px; }
    .et-branding-page .bd-process { padding:55px 0; }
    .et-branding-page .bd-process-list { grid-template-columns:1fr; gap:26px; }
    .et-branding-page .bd-process-list h3 { margin-top:15px; }
    .et-branding-page .bd-process-list p { font-size:16px; }
    .et-branding-page .bd-faq .accordion-button { font-size:18px; }
    .et-branding-page .bd-cta > .container { padding-top:60px; padding-bottom:55px; }
    .et-branding-page .bd-cta .cta__sub-title { font-size:11px; }
    .et-branding-page .bd-cta .cta__title { font-size:38px; }
    .et-branding-page .bd-more { font-size:13px; text-align:left; }
    .et-branding-page .bd-lightbox { width:94vw; max-height:94vh; border-radius:12px; }
    .et-branding-page .bd-lightbox-bar { padding:10px 14px; }
    .et-branding-page .bd-lightbox-caption { padding:18px; }
    .et-branding-page .bd-lightbox-caption h2 { font-size:21px; }
    .et-branding-page .bd-lightbox-caption p { font-size:14px; }
}
@media (prefers-reduced-motion:reduce) {
    .et-branding-page .bd-main *, .et-branding-page .bd-main *::before, .et-branding-page .bd-main *::after { animation:none !important; transition:none !important; }
}