@media screen {
    :root {
        --ui-forest: #123d32;
        --ui-deep: #0c2b25;
        --ui-green: #1b7054;
        --ui-lime: #cce88c;
        --ui-ink: #213e35;
        --ui-muted: #66776d;
        --ui-paper: #f5f5ef;
        --ui-line: #dfe5dc;
        --ui-font: "Segoe UI", Arial, sans-serif;
    }
    body.cipla-ui {
        padding-top: 84px;
        background: var(--ui-paper) !important;
        color: var(--ui-ink);
    }
    .cipla-ui .navbar {
        position: fixed;
        top: 0;
        left: 0;
        box-sizing: border-box;
        height: 84px;
        padding: 0 4%;
        width: 100%;
        gap: 32px;
        justify-content: space-between;
        background: #10382f;
        border-bottom: 1px solid #315b4e;
        backdrop-filter: blur(16px);
        box-shadow: none;
        font-family: var(--ui-font);
    }
    .ui-brand {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: 0 0 auto;
        color: #f7fbf5;
        text-decoration: none;
    }
    .cipla-ui .navbar .nav-logo {
        position: static;
        width: 47px;
        height: 52px;
        object-fit: contain;
        box-sizing: border-box;
        padding: 4px;
        border-radius: 10px;
        background: #050806;
    }
    .ui-brand strong { display: block; font-size: 27px; letter-spacing: -.8px; line-height: 1; }
    .ui-brand strong span { margin-left: 3px; vertical-align: top; font-size: 10px; }
    .ui-brand small { display: block; margin-top: 6px; font-size: 8px; font-weight: 700; letter-spacing: 1.9px; }
    .cipla-ui .nav-links { gap: 6px; }
    .cipla-ui .nav-links > a,
    .cipla-ui .nav-dropdown > a {
        padding: 12px 14px;
        border-radius: 8px;
        font-size: 13px;
        font-weight: 600;
        color: #edf5ef;
    }
    .cipla-ui .nav-links a::after { display: none; }
    .cipla-ui .nav-links > a.active { color: #123d32; background: var(--ui-lime); }
    .cipla-ui .nav-links > a:hover,
    .cipla-ui .nav-dropdown > a:hover { color: var(--ui-lime); background: #ffffff12; }
    .cipla-ui .nav-dropdown-right > a { background: var(--ui-lime); color: #123d32; padding: 12px 18px; margin-left: 12px; }
    .cipla-ui .nav-dropdown-right:hover > a { color: #123d32; background: #e1f2b8; }
    .cipla-ui .dropdown-menu,
    .cipla-ui .dropdown-submenu-menu {
        background: #fff;
        border: 1px solid var(--ui-line);
        border-radius: 12px;
        padding: 8px;
        box-shadow: 0 16px 40px #163a2924;
        font-family: var(--ui-font);
    }
    .cipla-ui .dropdown-menu a,
    .cipla-ui .dropdown-submenu-menu a { color: var(--ui-ink); font-size: 13px; border-radius: 6px; }
    .cipla-ui .dropdown-menu a:hover,
    .cipla-ui .dropdown-submenu-menu a:hover { color: var(--ui-green); background: #eef4e9; }
    .cipla-ui .nav-dropdown.is-open > .dropdown-menu,
    .cipla-ui .dropdown-submenu.is-open > .dropdown-submenu-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
    .ui-menu-button[hidden] { display: none; }
    .ui-skip[hidden] { display: block; position: fixed; top: -70px; left: 20px; z-index: 2000; padding: 12px 20px; background: var(--ui-forest); color: white; border-radius: 8px; }
    .ui-skip:focus { top: 12px; }
    .cipla-ui :is(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid #408967; outline-offset: 3px; }
    .cipla-ui :is(section, article, [id]) { scroll-margin-top: 105px; }
    .cipla-ui .overlay,
    .cipla-ui :is(.yb-overlay, .contenedores-overlay) { background: transparent; padding: 32px 0 64px; }
    .cipla-ui .container,
    .cipla-ui :is(.yb-container, .contenedores-container) { box-sizing: border-box; width: 100%; max-width: 1480px; padding: 0 32px; margin: 0 auto; }
    .cipla-public { font-family: var(--ui-font); }
    .cipla-public .container { max-width: 1260px; }
    .cipla-public :is(.glass, .gip-section, .cipla-system-section, .documentacion-panel, .productos-panel) {
        background: white;
        border: 1px solid var(--ui-line);
        box-shadow: none;
        border-radius: 16px;
        backdrop-filter: none;
        padding: 36px;
        color: var(--ui-ink);
    }
    .cipla-public :is(.gip-hero, .cipla-system-hero, .documentacion-hero, .productos-hero) {
        position: relative;
        min-height: 220px;
        padding: 52px;
        border-radius: 20px;
        box-shadow: none;
        background: linear-gradient(105deg, #10382ff5 20%, #10382fa3), url('/img/fondo1.jpeg') center 45% / cover;
    }
    .cipla-public :is(.gip-hero, .cipla-system-hero, .documentacion-hero, .productos-hero) h1 {
        max-width: 820px;
        text-align: left;
        font-size: clamp(32px, 4vw, 52px);
        letter-spacing: -1.8px;
        font-weight: 650;
    }
    .cipla-public :is(.glass, .gip-section-heading, .cipla-system-heading, .documentacion-heading, .productos-heading) :is(h1, h2) { color: var(--ui-forest); letter-spacing: -.8px; }
    .cipla-public :is(.gip-card, .cipla-system-card, .producto-card, .documentacion-item) { border: 1px solid var(--ui-line); border-radius: 12px; box-shadow: none; background: #fff; }
    .cipla-public :is(.gip-card, .cipla-system-card, .producto-card):hover { border-color: #6a997d; box-shadow: 0 10px 28px #294e2d0d; }
    .cipla-public :is(.documentacion-item-actions a, .producto-card-link, .producto-document-link) { background: var(--ui-forest); color: white; border-radius: 8px; }
    .cipla-public .galeria { gap: 16px; }
    .cipla-public .galeria :is(img, video) { border-radius: 12px; }
    .cipla-ui .footer-pro { background: var(--ui-deep); border-top: none; padding: 52px 5% 20px; font-family: var(--ui-font); }
    .cipla-ui .footer-container { max-width: 1160px; gap: 60px; }
    .cipla-ui .footer-col h3 { color: #e6eddd; font-size: 16px; }
    .cipla-ui .footer-col :is(p, a, li) { color: #b3c4ba; font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
    .cipla-ui .footer-logo { width: 64px; }
    .ui-footer-signature[hidden] { display: flex; gap: 12px; justify-content: space-between; max-width: 1160px; margin: 36px auto 0; padding-top: 22px; border-top: 1px solid #ffffff1a; color: #a3b8aa; font-size: 11px; }
    .cipla-ui .client-carousel-section { background: #fff; padding: 42px 0; border-top: 1px solid var(--ui-line); }
    .cipla-ui .client-carousel-section h2 { font: 600 15px var(--ui-font); letter-spacing: .4px; color: var(--ui-muted); margin: 0 0 26px; }
    .cipla-ui .logo-slide { background: white; }
    .cipla-ui .logo-slide img { max-height: 55px; object-fit: contain; }
    .cipla-ui :is(.whatsapp, .instagram) { left: auto; padding: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
    .cipla-ui .whatsapp { right: 22px; bottom: 22px; width: 54px; }
    .cipla-ui .instagram { right: 27px; bottom: 89px; width: 43px; }
    .cipla-ui .whatsapp img { width: 54px; height: 54px; }
    .cipla-ui .instagram img { width: 43px; height: 43px; }
    .cipla-workspace :is(.instagram, .whatsapp) { display: none; }
    .ui-workspace-nav[hidden] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 12px 24px;
        border-bottom: 1px solid var(--ui-line);
        background: #edf0e7;
        font-family: var(--ui-font);
    }
    .ui-workspace-caption, .ui-workspace-note { display: none; }
    .ui-module-links { display: flex; gap: 4px; width: 100%; max-width: 1400px; overflow-x: auto; scrollbar-width: thin; }
    .ui-module-links a { display: flex; align-items: center; gap: 9px; padding: 11px 12px; color: #52655b; border-radius: 8px; text-decoration: none; font-size: 12px; font-weight: 600; white-space: nowrap; }
    .ui-module-links a:hover { background: #e0e7d9; color: var(--ui-forest); }
    .ui-module-links a[aria-current="page"] { background: var(--ui-forest); color: white; }
    .ui-module-links svg { width: 18px; height: 18px; flex: 0 0 auto; }
    .ui-context[hidden] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 24px; color: var(--ui-muted); font: 12px var(--ui-font); }
    .ui-context time { text-transform: capitalize; }
    .cipla-workspace :is(.documentos-cipla-hero, .certificados-hero, .yb-hero, .contenedores-hero, .gestion-documentacion-hero, .administracion-hero) {
        box-sizing: border-box;
        min-height: 0;
        padding: 30px 36px;
        margin-bottom: 26px;
        border-radius: 16px;
        background: var(--ui-forest);
        box-shadow: none;
        text-align: left;
        position: relative;
        overflow: hidden;
        font-family: var(--ui-font);
    }
    .cipla-workspace :is(.documentos-cipla-hero, .certificados-hero, .yb-hero, .contenedores-hero, .gestion-documentacion-hero, .administracion-hero)::after {
        content: "";
        position: absolute;
        width: 380px;
        height: 380px;
        right: -85px;
        top: -175px;
        border: 1px solid #cce88c30;
        border-radius: 50%;
        box-shadow: 0 0 0 42px #cce88c08, 0 0 0 84px #cce88c06;
        pointer-events: none;
    }
    .cipla-workspace :is(.documentos-cipla-hero, .certificados-hero, .yb-hero, .contenedores-hero, .gestion-documentacion-hero, .administracion-hero) h1 {
        font-size: clamp(27px, 3vw, 38px);
        font-weight: 600;
        letter-spacing: -1.1px;
        text-align: left;
        line-height: 1.15;
        color: #f6f8ee;
        position: relative;
        z-index: 1;
    }
    .cipla-workspace :is(.documentos-cipla-kicker, .contenedores-kicker, .administracion-kicker, .yb-hero > p) { color: var(--ui-lime); font: 600 10px var(--ui-font); letter-spacing: 1.9px; margin: 0 0 12px; }
    .cipla-workspace :is(.documentos-cipla-lead, .certificados-hero p:last-child, .contenedores-hero p:last-child, .yb-hero > span, .gestion-documentacion-hero p:last-child, .administracion-lead) { color: #c9d9ce; font-size: 14px; line-height: 1.6; margin: 12px 0 0; max-width: 680px; }
    .cipla-workspace :is(.documentos-cipla-panel, .clientes-cipla-panel, .configuracion-cipla-panel, .yb-panel, .contenedores-panel, .documentacion-panel, .administracion-card) {
        padding: 26px;
        border-radius: 14px;
        border: 1px solid var(--ui-line);
        background: #fff;
        box-shadow: 0 3px 8px #223f281f;
    }
    .cipla-workspace :is(.documentos-cipla-heading, .clientes-cipla-heading, .yb-heading, .contenedores-heading, .documentacion-heading, .administracion-heading) h2 { text-align: left; font: 650 21px var(--ui-font); color: var(--ui-forest); letter-spacing: -.5px; }
    .cipla-workspace :is(.documentos-cipla-heading, .yb-heading, .contenedores-heading, .documentacion-heading, .administracion-heading) p { text-align: left; font: 13px/1.6 var(--ui-font); color: var(--ui-muted); margin-top: 8px; }
    .cipla-workspace :is(.documentos-cipla-form, .yb-form, .contenedores-form, .clientes-cipla-form, .administracion-form, .gestion-documentacion-form) { font-family: var(--ui-font); }
    .cipla-workspace :is(.documentos-cipla-field, .yb-field, .contenedores-field, .administracion-field, .gestion-documentacion-field) > span { color: #495e52; font-size: 12px; font-weight: 600; letter-spacing: 0; }
    .cipla-workspace :is(.documentos-cipla-field, .yb-field, .contenedores-field, .administracion-field, .gestion-documentacion-field) :is(input, select, textarea) {
        border-radius: 8px;
        border-color: #d8e0d5;
        background: #fafbf8;
        color: var(--ui-ink);
        font-size: 14px;
        min-height: 44px;
    }
    .cipla-workspace :is(.documentos-cipla-field, .yb-field, .contenedores-field, .administracion-field, .gestion-documentacion-field) :is(input, select, textarea):focus { border-color: #458365; background: #fff; box-shadow: 0 0 0 3px #40896717; }
    .cipla-workspace :is(.documentos-cipla-form, .yb-form, .contenedores-form) fieldset { background: #fafbf8; border-color: var(--ui-line); border-radius: 10px; }
    .cipla-workspace :is(.documentos-cipla-form, .yb-form, .contenedores-form) legend { color: var(--ui-green); font: 600 12px var(--ui-font); padding: 0 7px; }
    .cipla-workspace :is(.documentos-cipla-button, .yb-button, .contenedores-button, .administracion-button, .gestion-documentacion-button, .administracion-modulo-button) {
        min-height: 44px;
        border-radius: 8px;
        background: var(--ui-forest);
        color: #fff;
        font: 600 13px var(--ui-font);
        box-shadow: none;
        transition: background .18s, transform .18s;
    }
    .cipla-workspace :is(.documentos-cipla-button, .yb-button, .contenedores-button, .administracion-button, .gestion-documentacion-button, .administracion-modulo-button):hover { background: #205b43; box-shadow: none; transform: translateY(-1px); }
    .cipla-workspace :is(.documentos-cipla-button, .yb-button, .contenedores-button, .administracion-button, .gestion-documentacion-button, .administracion-modulo-button).secondary { background: #edf1e8; color: var(--ui-forest); }
    .cipla-workspace button:disabled { cursor: not-allowed; opacity: .55; transform: none; }
    .cipla-workspace :is(.documentos-cipla-field, .yb-field, .contenedores-field) input[type="checkbox"] { min-height: auto; }
    .cipla-workspace input[type="checkbox"] { accent-color: var(--ui-green); }
    .cipla-workspace :is(.certificados-queue-card, .documentos-historial-card, .clientes-cipla-card, .yb-history-card, .contenedores-history-card, .contenedores-queue-item) { border-color: var(--ui-line); border-radius: 10px; background: #fafbf8; box-shadow: none; }
    .cipla-workspace :is(.documentos-cipla-preview, .certificado-preview-frame, .yb-preview-frame, .contenedores-preview-frame) { background-color: #e8ece4; border-radius: 8px; }
    .cipla-workspace .contenedores-form-panel { scrollbar-width: thin; scrollbar-color: #bacbb9 transparent; }
    .cipla-workspace .administracion-hero { min-height: 210px; justify-content: flex-start; padding: 40px; }
    .cipla-workspace .administracion-hero::before { display: none; }
    .cipla-workspace .administracion-hero-content { width: 100%; position: relative; z-index: 1; }
    .cipla-workspace .administracion-card { padding: 32px; }
    .cipla-workspace .administracion-panel { padding: 0; background: transparent; border: 0; margin-top: 0; text-align: left; }
    .cipla-workspace .administracion-panel > :is(h3, p) { display: none; }
    .cipla-workspace .administracion-options { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
    .cipla-workspace .administracion-option {
        box-sizing: border-box;
        min-height: 245px;
        position: relative;
        padding: 26px;
        border-radius: 12px;
        border: 1px solid var(--ui-line);
        box-shadow: none;
        font-family: var(--ui-font);
        background: #fbfcf8;
    }
    .cipla-workspace .administracion-option::after { content: "↗"; position: absolute; top: 25px; right: 25px; color: #728977; font-size: 21px; }
    .cipla-workspace .administracion-option:hover { transform: translateY(-4px); background: #f3f7e9; border-color: #7ca67c; box-shadow: 0 10px 24px #123d320d; }
    .cipla-workspace .administracion-option-icon { width: 46px; height: 46px; border-radius: 12px; background: #eaf1df; color: var(--ui-green); }
    .administracion-option-icon svg { width: 25px; height: 25px; }
    .cipla-workspace .administracion-option:nth-child(3n+2) .administracion-option-icon { background: #e2eded; color: #2b6c70; }
    .cipla-workspace .administracion-option:nth-child(3n) .administracion-option-icon { background: #f3eddc; color: #8b712f; }
    .cipla-workspace .administracion-option h4 { font-size: 18px; font-weight: 650; letter-spacing: -.4px; }
    .cipla-workspace .administracion-option p { font-size: 13px; line-height: 1.6; color: var(--ui-muted); }
    .cipla-workspace .administracion-option-link { display: flex; align-items: center; justify-content: space-between; color: var(--ui-green); font-size: 12px; }
    .administracion-option-link svg { width: 16px; height: 16px; }
    .cipla-workspace .administracion-panel-footer { justify-content: flex-end; margin-top: 26px; }
    .page-administracion:not(.ui-dashboard-open) .ui-workspace-nav { display: none; }
    .page-administracion:not(.ui-dashboard-open) .administracion-container { max-width: 1000px; }
    .page-administracion:not(.ui-dashboard-open) .administracion-card { max-width: 460px; margin: -14px auto 0; position: relative; z-index: 1; }
    .page-administracion:not(.ui-dashboard-open) .administracion-actions { justify-content: flex-start; }
    .page-administracion:not(.ui-dashboard-open) .administracion-hero { padding-bottom: 54px; }
    .ui-home { font-size: 16px; }
    .ui-home .overlay { padding-top: 30px; }
    .ui-home-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: 1.07fr 1fr; border-radius: 20px; overflow: hidden; background: var(--ui-forest); min-height: 545px; }
    .ui-home-hero::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, #0b2b25f5 0%, #0b2b25df 43%, #0b2b25b8 100%); pointer-events: none; }
    .ui-home-photo-wall { position: absolute; inset: 0; z-index: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); opacity: .78; filter: saturate(.75) contrast(1.08); }
    .ui-home-photo-wall span { display: block; min-width: 0; background-position: center; background-repeat: no-repeat; background-size: cover; transform: scale(1.015); }
    .ui-home-photo-one { background-image: url('/img/fondo1.jpeg'); }
    .ui-home-photo-two { background-image: url('/img/fondo3.jpeg'); }
    .ui-home-photo-three { background-image: url('/img/galeria3.jpeg'); }
    .ui-home-copy { z-index: 2; padding: 54px 44px; color: #f5f7ee; position: relative; }
    .ui-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 24px; font-size: 10px; font-weight: 650; letter-spacing: 2px; text-transform: uppercase; color: var(--ui-lime); }
    .ui-status-dot { display: inline-block; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--ui-lime); box-shadow: 0 0 0 4px #cce88c18; }
    .ui-home-copy h1 { font-size: clamp(44px, 5.3vw, 68px); line-height: 1.04; font-weight: 600; letter-spacing: -3px; text-align: left; margin: 0 0 24px; }
    .ui-home-copy h1 em { font-style: normal; color: var(--ui-lime); }
    .ui-home-copy > p:not(.ui-eyebrow) { max-width: 350px; color: #c9d8cd; line-height: 1.8; font-size: 14px; }
    .ui-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
    .ui-link-button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; padding: 14px 20px; border: 1px solid transparent; border-radius: 8px; background: var(--ui-lime); color: #183729; font-size: 12px; font-weight: 650; text-decoration: none; transition: transform .18s, background .18s; }
    .ui-link-button:hover { transform: translateY(-2px); background: #e0f4b4; }
    .ui-link-button.secondary { background: transparent; border-color: #8cac8f60; color: white; }
    .ui-link-button.secondary:hover { background: #ffffff0c; }
    .ui-home-proof { display: flex; align-items: center; gap: 16px; margin-top: 40px; padding-top: 23px; border-top: 1px solid #ffffff20; }
    .ui-home-proof strong { font-size: 32px; font-weight: 500; letter-spacing: -1px; }
    .ui-home-proof span { font-size: 11px; color: #bacebf; line-height: 1.6; }
    .ui-home-brandmark { position: relative; z-index: 2; display: grid; place-items: center; min-width: 0; overflow: hidden; isolation: isolate; background: radial-gradient(circle at center, #1a584788 0 31%, #123d321c 72%); }
    .ui-home-brandmark::before { content: ""; position: absolute; width: min(76%, 430px); aspect-ratio: 1; border-radius: 50%; background: #050806; box-shadow: 0 0 0 1px #ffffff12, 0 0 0 40px #cce88c09, 0 0 0 80px #cce88c05; z-index: -1; }
    .ui-home-brandmark::after { content: "CIPLA  ·  CONTROL DE PLAGAS"; position: absolute; right: 28px; bottom: 26px; color: #b9cfbd; font-size: 9px; font-weight: 650; letter-spacing: 2px; }
    .ui-home-brandmark img { display: block; width: min(72%, 390px); height: auto; filter: drop-shadow(0 22px 30px #00000045); }
    .ui-trust-strip { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 25px 8px; border-bottom: 1px solid var(--ui-line); font-size: 11px; color: var(--ui-muted); }
    .ui-trust-strip span { display: flex; align-items: center; gap: 8px; }
    .ui-trust-strip b { color: var(--ui-green); font-weight: 500; }
    .ui-home-services { padding: 65px 0 50px; }
    .ui-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 28px; }
    .ui-section-heading .ui-eyebrow { color: var(--ui-green); margin-bottom: 12px; }
    .ui-section-heading h2 { text-align: left; font-size: clamp(28px, 3.1vw, 40px); line-height: 1.15; letter-spacing: -1.4px; font-weight: 600; margin: 0; }
    .ui-section-heading > p { font-size: 13px; line-height: 1.7; color: var(--ui-muted); max-width: 310px; margin: 0; }
    .ui-service-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
    .ui-service-card { position: relative; background: #fff; padding: 26px; border: 1px solid var(--ui-line); border-radius: 12px; transition: border-color .2s, transform .2s; }
    .ui-service-card:hover { transform: translateY(-5px); border-color: #95b886; }
    .ui-service-icon { display: grid; place-items: center; width: 66px; height: 66px; border-radius: 10px; background: var(--ui-forest); }
    .ui-service-icon img { display: block; width: 46px; height: 46px; object-fit: contain; filter: brightness(0) invert(1); }
    .ui-service-card > .ui-service-number { position: absolute; top: 30px; right: 24px; color: #9dada0; font-size: 11px; }
    .ui-service-card h3 { font-size: 17px; font-weight: 600; margin: 22px 0 12px; }
    .ui-service-card p { color: var(--ui-muted); font-size: 12px; line-height: 1.8; margin: 0; }
    .ui-feature-banner { display: grid; grid-template-columns: 1.1fr 1fr; background: #e7edde; border: 1px solid #d8e2cf; border-radius: 16px; padding: 36px 40px; gap: 40px; margin-bottom: 20px; }
    .ui-feature-banner h2 { text-align: left; font-size: 27px; font-weight: 600; letter-spacing: -.9px; margin: 0 0 12px; }
    .ui-feature-banner p { font-size: 13px; line-height: 1.8; color: #566b58; margin: 0; }
    .ui-feature-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 12px; }
    .ui-feature-actions .ui-link-button { background: var(--ui-forest); color: #fff; }
    .ui-feature-actions .ui-link-button.secondary { color: var(--ui-forest); background: transparent; border-color: #adc2a5; }
    .ui-contact-section { display: grid; grid-template-columns: 1.08fr .92fr; margin-top: 28px; border: 1px solid var(--ui-line); border-radius: 20px; overflow: hidden; background: #fff; }
    .ui-contact-form-panel { padding: 50px; }
    .ui-contact-form-panel > .ui-eyebrow, .ui-contact-details > .ui-eyebrow { color: var(--ui-green); margin-bottom: 14px; }
    .ui-contact-section h2 { margin: 0; text-align: left; color: var(--ui-forest); font-size: clamp(28px, 3vw, 42px); font-weight: 600; line-height: 1.12; letter-spacing: -1.3px; }
    .ui-contact-intro { max-width: 520px; margin: 16px 0 30px; color: var(--ui-muted); font-size: 13px; line-height: 1.75; }
    .ui-contact-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    .ui-contact-field { display: grid; gap: 8px; min-width: 0; }
    .ui-contact-field-wide { grid-column: 1 / -1; }
    .ui-contact-field > span { color: #334d42; font-size: 12px; font-weight: 600; }
    .ui-contact-field > span b { color: #249562; font-weight: 700; }
    .ui-contact-field :is(input, textarea) { box-sizing: border-box; width: 100%; border: 1px solid #d4ddd3; border-radius: 9px; background: #fafbf8; color: var(--ui-ink); font: 14px var(--ui-font); padding: 13px 14px; transition: border-color .18s, box-shadow .18s, background .18s; }
    .ui-contact-field input { min-height: 48px; }
    .ui-contact-field textarea { min-height: 140px; resize: vertical; line-height: 1.55; }
    .ui-contact-field :is(input, textarea):focus { outline: none; border-color: #4a8c6b; background: #fff; box-shadow: 0 0 0 4px #3a896319; }
    .ui-contact-submit { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }
    .ui-contact-submit button { display: inline-flex; align-items: center; justify-content: center; gap: 28px; min-height: 48px; padding: 0 22px; border: 0; border-radius: 8px; background: var(--ui-forest); color: #fff; font: 650 12px var(--ui-font); cursor: pointer; transition: transform .18s, background .18s; }
    .ui-contact-submit button:hover { transform: translateY(-2px); background: #205b43; }
    .ui-contact-status { flex: 1 1 220px; margin: 0; color: var(--ui-green); font-size: 11px; line-height: 1.5; }
    .ui-contact-details { position: relative; padding: 50px; overflow: hidden; background: linear-gradient(145deg, #0c2b25f0 8%, #123d32d6 58%, #123d32b8), url('/img/fondo2.jpeg') center / cover no-repeat; }
    .ui-contact-details::after { content: ""; position: absolute; width: 360px; height: 360px; right: -180px; bottom: -210px; border-radius: 50%; border: 1px solid #ffffff25; box-shadow: 0 0 0 45px #ffffff0a, 0 0 0 90px #ffffff07; pointer-events: none; }
    .ui-contact-details > .ui-eyebrow { color: var(--ui-lime); }
    .ui-contact-details h2 { color: #fff; text-shadow: 0 2px 16px #071c18a8; }
    .ui-contact-details > p:not(.ui-eyebrow) { margin: 18px 0 30px; color: #d8e5dc; font-size: 13px; line-height: 1.75; text-shadow: 0 1px 8px #071c18c7; }
    .ui-contact-location { position: relative; z-index: 1; display: flex; align-items: center; gap: 16px; padding: 22px; border: 1px solid #ffffff6b; border-radius: 12px; background: #fffffff2; box-shadow: 0 12px 35px #071c1842; backdrop-filter: blur(8px); }
    .ui-contact-location svg { width: 28px; height: 28px; flex: 0 0 auto; fill: var(--ui-green); }
    .ui-contact-location strong, .ui-contact-location span { display: block; }
    .ui-contact-location strong { color: var(--ui-forest); font-size: 14px; }
    .ui-contact-location span { margin-top: 4px; color: var(--ui-muted); font-size: 12px; }
    .ui-contact-channels { position: relative; z-index: 1; display: grid; gap: 10px; margin-top: 18px; }
    .ui-contact-channels a { display: flex; align-items: center; gap: 13px; min-width: 0; padding: 12px 14px; border: 1px solid transparent; border-radius: 9px; color: #f5f8f2; text-decoration: none; text-shadow: 0 1px 8px #071c18d6; transition: background .18s, border-color .18s, transform .18s; }
    .ui-contact-channels a:hover { transform: translateX(3px); border-color: #ffffff42; background: #ffffff16; }
    .ui-contact-channels svg { width: 22px; height: 22px; flex: 0 0 auto; fill: var(--ui-lime); filter: drop-shadow(0 1px 5px #071c18a8); }
    .ui-contact-channels span { min-width: 0; overflow-wrap: anywhere; font-size: 12px; font-weight: 600; }
    .ui-contact-channels small { display: block; margin-bottom: 3px; color: #cce88c; font-size: 9px; font-weight: 650; letter-spacing: 1.2px; text-transform: uppercase; }
    @media (min-width: 1500px) {
        .cipla-workspace:not(.page-administracion), .page-administracion.ui-dashboard-open { padding-left: 224px; }
        .ui-workspace-nav[hidden] { position: fixed; top: 84px; bottom: 0; left: 0; width: 224px; box-sizing: border-box; padding: 28px 14px; align-items: stretch; flex-direction: column; justify-content: flex-start; border-right: 1px solid var(--ui-line); border-bottom: none; z-index: 50; }
        .ui-module-links { display: flex; flex-direction: column; overflow: visible; gap: 6px; }
        .ui-module-links a { white-space: normal; padding: 13px 12px; }
        .ui-workspace-caption { display: block; padding: 0 10px 22px; font-size: 9px; letter-spacing: 1.5px; color: var(--ui-muted); }
        .ui-workspace-note { display: block; margin-top: auto; padding: 24px 12px 0; color: #657b68; font-size: 11px; line-height: 1.9; }
        .ui-workspace-note .ui-status-dot { margin-right: 8px; background: #4f9161; }
    }
    @media (max-width: 1100px) {
        .cipla-ui .navbar { padding: 0 24px; }
        .cipla-ui .nav-links > a, .cipla-ui .nav-dropdown > a { padding: 11px 10px; font-size: 12px; }
        .ui-home-copy { padding: 40px 30px; }
        .ui-home-copy h1 { font-size: 51px; }
        .ui-home-hero { min-height: 510px; }
        .ui-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .cipla-workspace .administracion-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .ui-module-links a { padding: 10px; font-size: 11px; }
        .ui-module-links svg { width: 16px; }
    }
    @media (max-width: 900px) {
        body.cipla-ui { padding-top: 72px; }
        .cipla-ui .navbar { height: 72px; padding: 0 20px; }
        .cipla-ui .navbar .nav-logo { width: 38px; height: 44px; }
        .ui-brand strong { font-size: 24px; }
        .ui-menu-button[hidden] { display: inline-flex; align-items: center; gap: 10px; border: 1px solid #ffffff2b; background: #ffffff10; color: #f7fbf5; border-radius: 8px; font: 600 12px var(--ui-font); padding: 11px 14px; cursor: pointer; }
        .ui-menu-lines { width: 16px; height: 10px; border-top: 1.5px solid; border-bottom: 1.5px solid; position: relative; }
        .ui-menu-lines::after { content: ""; position: absolute; left: 0; right: 0; top: 4px; border-top: 1.5px solid; }
        .cipla-ui .navbar .nav-links { display: none; position: absolute; top: 71px; left: 0; right: 0; padding: 16px 20px 24px; gap: 6px; align-items: stretch; background: #fafbf7; max-height: calc(100dvh - 100px); overflow-y: auto; box-shadow: 0 16px 20px #123d3212; border-bottom: 1px solid var(--ui-line); }
        .cipla-ui .navbar.ui-menu-open .nav-links { display: flex; flex-direction: column; }
        .cipla-ui .nav-dropdown > a, .cipla-ui .nav-links > a { display: flex; margin: 0; padding: 13px; font-size: 14px; color: var(--ui-ink); }
        .cipla-ui .nav-dropdown .dropdown-menu, .cipla-ui .dropdown-submenu-menu { display: none; position: static; width: auto; max-width: none; opacity: 1; visibility: visible; transform: none; margin: 4px 0 8px; box-shadow: none; border-radius: 8px; }
        .cipla-ui .nav-dropdown.is-open > .dropdown-menu, .cipla-ui .dropdown-submenu.is-open > .dropdown-submenu-menu { display: block; }
        .cipla-ui .dropdown-menu a { white-space: normal; }
        .ui-home-hero { grid-template-columns: 1fr 1fr; }
        .ui-home-copy h1 { font-size: 43px; letter-spacing: -2px; }
        .ui-home-copy { padding: 36px 26px; }
        .ui-trust-strip { flex-wrap: wrap; justify-content: flex-start; gap: 14px 28px; }
        .ui-home-proof { margin-top: 26px; }
        .ui-home-brandmark::after { right: 18px; bottom: 18px; }
        .ui-contact-form-panel, .ui-contact-details { padding: 38px; }
        .ui-workspace-nav[hidden] { padding: 10px 16px; }
        .ui-module-links { padding-bottom: 4px; }
        .ui-context time { display: none; }
    }
    @media (max-width: 640px) {
        .cipla-ui .container, .cipla-ui :is(.yb-container, .contenedores-container) { padding: 0 16px; }
        .cipla-ui .overlay, .cipla-ui :is(.yb-overlay, .contenedores-overlay) { padding-top: 20px; }
        .ui-home-hero { grid-template-columns: 1fr; }
        .ui-home-hero::after { background: linear-gradient(180deg, #0b2b25f2 0%, #0b2b25dd 58%, #0b2b25bd 100%); }
        .ui-home-photo-wall { opacity: .55; }
        .ui-home-copy { padding: 34px 26px; }
        .ui-home-copy h1 { font-size: clamp(41px, 10.5vw, 54px); }
        .ui-home-brandmark { min-height: 330px; }
        .ui-home-brandmark img { width: min(68%, 280px); }
        .ui-home-brandmark::before { width: min(72%, 300px); }
        .ui-home-proof { margin-top: 28px; }
        .ui-section-heading { display: block; }
        .ui-section-heading > p { margin-top: 16px; }
        .ui-home-services { padding: 42px 0 30px; }
        .ui-service-grid { grid-template-columns: 1fr; }
        .ui-service-card { padding: 24px; }
        .ui-feature-banner { grid-template-columns: 1fr; gap: 24px; padding: 28px; }
        .ui-feature-actions { justify-content: flex-start; }
        .ui-contact-section { grid-template-columns: 1fr; }
        .ui-contact-form-panel, .ui-contact-details { padding: 30px 26px; }
        .ui-contact-form { grid-template-columns: 1fr; }
        .ui-contact-field-wide { grid-column: auto; }
        .cipla-public :is(.gip-hero, .cipla-system-hero, .documentacion-hero, .productos-hero) { padding: 32px 24px; }
        .cipla-public :is(.glass, .gip-section, .cipla-system-section, .documentacion-panel, .productos-panel) { padding: 24px; }
        .cipla-workspace :is(.documentos-cipla-hero, .certificados-hero, .yb-hero, .contenedores-hero, .gestion-documentacion-hero, .administracion-hero) { padding: 26px; }
        .cipla-workspace :is(.documentos-cipla-panel, .clientes-cipla-panel, .configuracion-cipla-panel, .yb-panel, .contenedores-panel, .documentacion-panel, .administracion-card) { padding: 20px; }
        .cipla-workspace .administracion-options { grid-template-columns: 1fr; }
        .cipla-workspace .administracion-option { min-height: 0; }
        .ui-footer-signature[hidden] { flex-direction: column; }
        .cipla-ui .footer-container { gap: 24px; }
        .cipla-ui .whatsapp { right: 16px; bottom: 16px; }
        .cipla-ui .instagram { display: none; }
    }
    @media (prefers-reduced-motion: reduce) {
        .cipla-ui *, .cipla-ui *::before, .cipla-ui *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
    }
}