/* VIX Hosting — Logo design components */

.page-diseno-logos{--lg-navy:#071b3a;--lg-ink:#10213f;--lg-blue:#1c6bff;--lg-cyan:#39c4e6;--lg-line:#dfe7f2;--lg-soft:#f5f8fc;--lg-muted:#667085;--lg-white:#fff;overflow-x:hidden}
.page-diseno-logos .logo-wide{max-width:1280px}
.page-diseno-logos .logo-eyebrow{display:inline-block;font:800 .72rem/1.2 Manrope,Inter,sans-serif;letter-spacing:.14em;color:var(--lg-blue);text-transform:uppercase;margin-bottom:1rem}
.page-diseno-logos h1,.page-diseno-logos h2,.page-diseno-logos h3{font-family:Manrope,Inter,sans-serif;color:var(--lg-ink);letter-spacing:-.035em}
.page-diseno-logos .logo-hero{padding:84px 0 76px;background:#fff;border-bottom:1px solid #edf1f6}
.page-diseno-logos .logo-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);gap:72px;align-items:center}
.page-diseno-logos .logo-hero-copy h1{font-size:clamp(2.8rem,5.3vw,5.25rem);line-height:.98;max-width:770px;margin:0 0 1.5rem;font-weight:800}
.page-diseno-logos .logo-hero-copy>p{font-size:1.08rem;line-height:1.78;color:var(--lg-muted);max-width:690px;margin:0}
.page-diseno-logos .logo-hero-actions{display:flex;gap:12px;align-items:center;margin-top:2rem}
.page-diseno-logos .logo-trust-row{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:1.6rem;color:#526078;font-size:.84rem;font-weight:700}
.page-diseno-logos .logo-trust-row span{position:relative;padding-left:16px}
.page-diseno-logos .logo-trust-row span:before{content:"";position:absolute;left:0;top:.45em;width:6px;height:6px;border-radius:50%;background:var(--lg-blue)}
.page-diseno-logos .logo-hero-visual{min-width:0}
.page-diseno-logos .logo-build-board{border:1px solid #dbe4f0;background:linear-gradient(180deg,#fbfdff 0%,#f4f8fc 100%);padding:22px 22px 18px;min-height:470px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.page-diseno-logos .logo-build-board:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(28,107,255,.12),transparent 68%);right:-90px;bottom:-90px;pointer-events:none}
.page-diseno-logos .logo-build-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7c8aa3;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.page-diseno-logos .logo-build-top strong{color:var(--lg-ink);font-size:.8rem}
.page-diseno-logos .logo-build-svg{width:100%;height:auto;color:var(--lg-blue);margin:auto 0}
.page-diseno-logos .logo-svg-label{font:700 12px Inter,sans-serif;fill:#526078;letter-spacing:2px}
.page-diseno-logos .logo-build-footer{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;position:relative;z-index:1}
.page-diseno-logos .logo-build-footer span{font-size:.75rem;color:#526078;display:flex;align-items:center;gap:7px}
.page-diseno-logos .logo-build-footer i{width:7px;height:7px;border-radius:50%;display:block;background:var(--lg-blue)}
.page-diseno-logos .logo-build-footer span:nth-child(2) i{background:#0f1e3c}.page-diseno-logos .logo-build-footer span:nth-child(3) i{background:#39c4e6}.page-diseno-logos .logo-build-footer span:nth-child(4) i{background:#8797ad}

.page-diseno-logos .logo-section-head{margin-bottom:42px}
.page-diseno-logos .logo-section-head h2{font-size:clamp(2rem,3.6vw,3.45rem);line-height:1.05;margin:0;font-weight:800;max-width:820px}
.page-diseno-logos .logo-section-head>p,.page-diseno-logos .logo-section-split>p{color:var(--lg-muted);font-size:1rem;line-height:1.75;margin:0;max-width:540px}
.page-diseno-logos .logo-section-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:70px;align-items:end}
.page-diseno-logos .logo-section-head.centered{text-align:center;max-width:900px;margin-left:auto;margin-right:auto}
.page-diseno-logos .logo-section-head.centered h2,.page-diseno-logos .logo-section-head.centered p{margin-left:auto;margin-right:auto}
.page-diseno-logos .logo-section-head.centered p{margin-top:14px}

.page-diseno-logos .logo-levels-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--lg-line);border-bottom:1px solid var(--lg-line)}
.page-diseno-logos .logo-level-card{padding:34px 32px 36px;border-right:1px solid var(--lg-line);background:#fff;min-height:250px}
.page-diseno-logos .logo-level-card:last-child{border-right:0}
.page-diseno-logos .logo-level-card.is-active{background:linear-gradient(180deg,#f8fbff,#f2f7ff)}
.page-diseno-logos .logo-level-index{font:800 .72rem Manrope,sans-serif;color:var(--lg-blue);letter-spacing:.12em}
.page-diseno-logos .logo-level-card h3{font-size:1.35rem;margin:1rem 0 .7rem}
.page-diseno-logos .logo-level-card p{color:var(--lg-muted);line-height:1.7;margin:0 0 1.2rem}
.page-diseno-logos .logo-level-card strong{font-size:.84rem;color:var(--lg-ink);line-height:1.55}

.page-diseno-logos .logo-pricing{background:#f7f9fc}
.page-diseno-logos .logo-currency{display:flex;justify-content:center;gap:4px;margin:-12px auto 34px;padding:4px;background:#eaf0f7;width:max-content;border-radius:999px}
.page-diseno-logos .logo-currency button{border:0;background:transparent;color:#718096;font:800 .8rem Inter,sans-serif;padding:9px 18px;border-radius:999px;cursor:pointer}
.page-diseno-logos .logo-currency button.is-active{background:#fff;color:var(--lg-ink);box-shadow:0 1px 2px rgba(11,32,66,.08)}
.page-diseno-logos .logo-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.page-diseno-logos .logo-plan-card{background:#fff;border:1px solid #dce4ef;display:flex;flex-direction:column;position:relative;min-width:0;overflow:hidden}
.page-diseno-logos .logo-plan-card.is-featured{border:2px solid var(--lg-blue);transform:translateY(-8px)}
.page-diseno-logos .logo-plan-ribbon{background:var(--lg-blue);color:#fff;text-align:center;font:800 .68rem Manrope,sans-serif;letter-spacing:.14em;padding:9px 12px}
.page-diseno-logos .logo-plan-head{padding:30px 28px 26px;border-bottom:1px solid #edf1f5;min-height:315px}
.page-diseno-logos .logo-plan-tag{color:var(--lg-blue);font:800 .72rem Manrope,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.page-diseno-logos .logo-plan-head h3{font-size:1.6rem;margin:.6rem 0 .65rem}
.page-diseno-logos .logo-plan-head>p{color:var(--lg-muted);line-height:1.6;font-size:.9rem;min-height:68px;margin:0 0 1.2rem}
.page-diseno-logos .logo-price{display:flex;align-items:flex-start;gap:3px;color:var(--lg-ink)}
.page-diseno-logos .logo-price-symbol{font:800 1rem Manrope,sans-serif;margin-top:8px}
.page-diseno-logos .logo-price-value{font:800 3.55rem/.95 Manrope,sans-serif;letter-spacing:-.06em}
.page-diseno-logos .logo-price-note{font-size:.76rem;color:#7b889a;margin-top:4px}
.page-diseno-logos .logo-plan-time{display:inline-block;margin-top:15px;font-size:.76rem;font-weight:700;color:#2c4f83;background:#eef5ff;padding:7px 10px}
.page-diseno-logos .logo-plan-body{padding:26px 28px 28px;display:flex;flex-direction:column;flex:1}
.page-diseno-logos .logo-plan-body ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.page-diseno-logos .logo-plan-body li{display:flex;align-items:flex-start;gap:10px;color:#3f4f68;font-size:.86rem;line-height:1.5}
.page-diseno-logos .logo-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#edf5ff;color:var(--lg-blue);font-size:.7rem;font-weight:900;flex:0 0 auto;margin-top:1px}
.page-diseno-logos .logo-plan-best{margin-top:24px;padding-top:18px;border-top:1px solid #edf1f5;color:#55637a;font-size:.82rem;line-height:1.55}
.page-diseno-logos .logo-plan-best span{display:block;color:#8995a8;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.page-diseno-logos .logo-plan-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:14px 16px;background:var(--lg-ink);color:#fff;text-decoration:none;font-size:.84rem;font-weight:800;transition:transform .2s ease,background .2s ease}
.page-diseno-logos .logo-plan-card.is-featured .logo-plan-cta{background:var(--lg-blue)}
.page-diseno-logos .logo-plan-cta:hover{background:#0b2f69;transform:translateY(-1px)}
.page-diseno-logos .logo-pricing-note{margin-top:28px;padding-top:20px;border-top:1px solid #dde5ee;color:#64748b;font-size:.82rem;line-height:1.65}
.page-diseno-logos .logo-pricing-note strong{color:var(--lg-ink)}

.page-diseno-logos .logo-decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.page-diseno-logos .logo-decision-grid article{border:1px solid var(--lg-line);padding:28px 28px 30px;background:#fff}
.page-diseno-logos .logo-decision-grid article.is-featured{background:#071b3a;border-color:#071b3a}
.page-diseno-logos .logo-decision-grid span{color:var(--lg-blue);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.page-diseno-logos .logo-decision-grid h3{font-size:1.35rem;margin:.7rem 0}
.page-diseno-logos .logo-decision-grid p{margin:0;color:var(--lg-muted);font-size:.9rem;line-height:1.65}
.page-diseno-logos .logo-decision-grid article.is-featured h3{color:#fff}.page-diseno-logos .logo-decision-grid article.is-featured p{color:#b9c6d8}.page-diseno-logos .logo-decision-grid article.is-featured span{color:#7db2ff}

.page-diseno-logos .logo-portfolio{background:#071b3a;color:#fff}
.page-diseno-logos .logo-section-head.light h2{color:#fff}.page-diseno-logos .logo-section-head.light p{color:#aebbd0}.page-diseno-logos .logo-section-head.light .logo-eyebrow{color:#6fa9ff}
.page-diseno-logos .logo-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.page-diseno-logos .logo-filter button{border:1px solid rgba(255,255,255,.16);background:transparent;color:#9fb0c8;padding:8px 13px;font:700 .76rem Inter,sans-serif;cursor:pointer}
.page-diseno-logos .logo-filter button.is-active,.page-diseno-logos .logo-filter button:hover{background:#fff;color:#071b3a;border-color:#fff}
.page-diseno-logos .logo-portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.page-diseno-logos .logo-work-card{background:#fff;color:#10213f;min-width:0;transition:transform .25s ease,opacity .25s ease}
.page-diseno-logos .logo-work-card.is-hidden{display:none}
.page-diseno-logos .logo-work-card:hover{transform:translateY(-3px)}
.page-diseno-logos .logo-work-art{height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.page-diseno-logos .logo-work-art svg{width:68%;height:68%;fill:none;stroke:currentColor;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}
.page-diseno-logos .art-nexo{background:#eef3f7;color:#15243f}.page-diseno-logos .art-kantu{background:#f3eee7;color:#5a4a3a}.page-diseno-logos .art-quipu{background:#e9f5ff;color:#1258a7}.page-diseno-logos .art-maki{background:#f6efe3;color:#6b492d}.page-diseno-logos .art-altura{background:#edf0f6;color:#273755}.page-diseno-logos .art-flux{background:#eef8f7;color:#1b6465}
.page-diseno-logos .art-kantu svg{stroke-width:4}.page-diseno-logos .art-quipu svg{stroke-width:6}.page-diseno-logos .logo-work-meta{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:18px 20px 20px;border-top:1px solid #e8edf3}
.page-diseno-logos .logo-work-meta strong{display:block;font:800 1.1rem Manrope,sans-serif;letter-spacing:-.02em}.page-diseno-logos .logo-work-meta span{display:block;color:#7b8799;font-size:.75rem;margin-top:2px}.page-diseno-logos .logo-work-meta em{font-style:normal;color:#8a95a5;font-size:.68rem;text-align:right;text-transform:uppercase;letter-spacing:.06em}

.page-diseno-logos .logo-table-wrap{overflow-x:auto;border:1px solid var(--lg-line)}
.page-diseno-logos .logo-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}
.page-diseno-logos .logo-table th,.page-diseno-logos .logo-table td{padding:15px 18px;border-bottom:1px solid #e8edf3;border-right:1px solid #eef2f6;text-align:left;font-size:.84rem;color:#4a5a70}
.page-diseno-logos .logo-table th{background:#f7f9fc;color:var(--lg-ink);font:800 .78rem Manrope,sans-serif;text-transform:uppercase;letter-spacing:.05em}
.page-diseno-logos .logo-table th:first-child,.page-diseno-logos .logo-table td:first-child{font-weight:700;color:var(--lg-ink)}
.page-diseno-logos .logo-table .is-featured{background:#f1f6ff;color:#184d9c}
.page-diseno-logos .logo-table tr:last-child td{border-bottom:0}

.page-diseno-logos .logo-process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--lg-line);border-bottom:1px solid var(--lg-line)}
.page-diseno-logos .logo-process-grid article{padding:30px 24px;border-right:1px solid var(--lg-line)}
.page-diseno-logos .logo-process-grid article:last-child{border-right:0}
.page-diseno-logos .logo-process-grid span{font:800 .7rem Manrope,sans-serif;color:var(--lg-blue);letter-spacing:.1em}.page-diseno-logos .logo-process-grid h3{font-size:1.18rem;margin:.65rem 0}.page-diseno-logos .logo-process-grid p{margin:0;color:var(--lg-muted);font-size:.84rem;line-height:1.6}

.page-diseno-logos .logo-faq-grid{max-width:980px;margin:0 auto;border-top:1px solid var(--lg-line)}
.page-diseno-logos .logo-faq-grid details{border-bottom:1px solid var(--lg-line)}
.page-diseno-logos .logo-faq-grid summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:20px 0;color:var(--lg-ink);font:800 .96rem Manrope,sans-serif}
.page-diseno-logos .logo-faq-grid summary::-webkit-details-marker{display:none}
.page-diseno-logos .logo-faq-grid summary span{font-size:1.15rem;color:var(--lg-blue);transition:transform .2s ease}
.page-diseno-logos .logo-faq-grid details[open] summary span{transform:rotate(45deg)}
.page-diseno-logos .logo-faq-grid details>div{color:var(--lg-muted);font-size:.9rem;line-height:1.75;padding:0 46px 20px 0;max-width:860px}
.page-diseno-logos .logo-faq-grid a{color:var(--lg-blue)}

.page-diseno-logos .logo-final-cta{padding:62px 0;background:#eef4fb;border-top:1px solid #dde6f0}
.page-diseno-logos .logo-final-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center}
.page-diseno-logos .logo-final-grid h2{font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.05;margin:0 0 .8rem;max-width:820px}
.page-diseno-logos .logo-final-grid p{margin:0;color:var(--lg-muted);max-width:700px;line-height:1.7}
.page-diseno-logos .logo-final-grid .btn{white-space:nowrap}

@media(max-width:1080px){
.page-diseno-logos .logo-hero-grid{grid-template-columns:1fr;gap:42px}.page-diseno-logos .logo-hero-visual{max-width:700px}.page-diseno-logos .logo-plan-grid{grid-template-columns:1fr 1fr}.page-diseno-logos .logo-plan-card:last-child{grid-column:1/-1;max-width:620px;width:100%;justify-self:center}.page-diseno-logos .logo-plan-card.is-featured{transform:none}.page-diseno-logos .logo-portfolio-grid{grid-template-columns:1fr 1fr}.page-diseno-logos .logo-process-grid{grid-template-columns:1fr 1fr}.page-diseno-logos .logo-process-grid article:nth-child(2){border-right:0}.page-diseno-logos .logo-process-grid article:nth-child(-n+2){border-bottom:1px solid var(--lg-line)}
}
@media(max-width:820px){
.page-diseno-logos .logo-section-split{grid-template-columns:1fr;gap:18px;align-items:start}.page-diseno-logos .logo-levels-grid,.page-diseno-logos .logo-decision-grid{grid-template-columns:1fr}.page-diseno-logos .logo-level-card{border-right:0;border-bottom:1px solid var(--lg-line);min-height:0}.page-diseno-logos .logo-level-card:last-child{border-bottom:0}.page-diseno-logos .logo-decision-grid{gap:10px}.page-diseno-logos .logo-final-grid{grid-template-columns:1fr}.page-diseno-logos .logo-plan-grid{grid-template-columns:1fr}.page-diseno-logos .logo-plan-card:last-child{grid-column:auto;max-width:none}.page-diseno-logos .logo-plan-head{min-height:0}.page-diseno-logos .logo-plan-head>p{min-height:0}
}
@media(max-width:640px){
.page-diseno-logos .logo-hero{padding:58px 0 52px}.page-diseno-logos .logo-hero-copy h1{font-size:2.65rem}.page-diseno-logos .logo-hero-actions{align-items:stretch;flex-direction:column}.page-diseno-logos .logo-hero-actions .btn{width:100%;justify-content:center}.page-diseno-logos .logo-trust-row{display:grid;gap:9px}.page-diseno-logos .logo-build-board{min-height:360px;padding:16px}.page-diseno-logos .logo-build-top{font-size:.65rem}.page-diseno-logos .logo-build-footer{grid-template-columns:1fr 1fr;gap:10px}.page-diseno-logos .logo-plan-head,.page-diseno-logos .logo-plan-body{padding-left:20px;padding-right:20px}.page-diseno-logos .logo-portfolio-grid{grid-template-columns:1fr}.page-diseno-logos .logo-work-art{height:220px}.page-diseno-logos .logo-process-grid{grid-template-columns:1fr}.page-diseno-logos .logo-process-grid article{border-right:0;border-bottom:1px solid var(--lg-line)}.page-diseno-logos .logo-process-grid article:nth-child(-n+2){border-bottom:1px solid var(--lg-line)}.page-diseno-logos .logo-process-grid article:last-child{border-bottom:0}.page-diseno-logos .logo-faq-grid details>div{padding-right:0}.page-diseno-logos .logo-filter{gap:6px}.page-diseno-logos .logo-filter button{font-size:.7rem;padding:7px 10px}.page-diseno-logos .logo-work-meta{align-items:flex-start;flex-direction:column;gap:8px}.page-diseno-logos .logo-work-meta em{text-align:left}
}