@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,500&display=swap";:root{--ink:#080b16;--blue:#315ff4;--cyan:#31d8d0;--paper:#f5f6f8;--white:#fff;--muted:#667085;--line:#dde1e8;--shell:min(1180px,calc(100% - 48px));--radius:22px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{color:var(--ink);background:#fff;font-family:DM Sans,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.shell{width:var(--shell);margin-inline:auto}.skip-link{z-index:9999;background:#fff;padding:10px 16px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.site-header{z-index:100;color:#fff;height:82px;transition:all .3s;position:fixed;inset:0 0 auto}.site-header.is-scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b16eb;box-shadow:0 10px 40px #00000026}.header-inner{justify-content:space-between;align-items:center;gap:28px;height:100%;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{border:1px solid #ffffff61;border-radius:9px;place-items:center;width:34px;height:34px;font:800 15px Manrope;display:grid;transform:rotate(-6deg)}.brand-name{letter-spacing:.09em;font:700 16px Manrope}.brand-name span{color:var(--cyan)}.main-nav{align-items:center;gap:30px;margin-left:auto;display:flex}.main-nav a{color:#ffffffc2;font-size:13px;transition:all .2s}.main-nav a:hover{color:#fff}.button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:13px;padding:15px 22px;font-weight:600;transition:all .25s;display:inline-flex}.button:hover{background:#214ee2;transform:translateY(-2px);box-shadow:0 12px 30px #315ff447}.button span{font-size:18px}.button-small{padding:11px 16px;font-size:13px}.menu-button{background:0 0;border:0;width:38px;height:38px;display:none;position:relative}.menu-button span{background:#fff;width:24px;height:1px;transition:all .25s;position:absolute;left:7px}.menu-button span:first-child{top:14px}.menu-button span:last-child{top:23px}.menu-button[aria-expanded=true] span:first-child{top:19px;transform:rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{top:19px;transform:rotate(-45deg)}.hero{background:radial-gradient(circle at 18% 20%,#1c2b55 0,transparent 34%),radial-gradient(circle at 86% 78%,#315ff442,transparent 29%),var(--ink);color:#fff;height:100svh;min-height:800px;max-height:960px;position:relative;overflow:hidden}.hero-noise{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;height:100%;padding-top:70px;display:grid;position:relative}.kicker{letter-spacing:.2em;text-transform:uppercase;color:#3d4b65;align-items:center;gap:12px;margin-bottom:25px;font:600 11px Manrope;display:flex}.kicker span{background:var(--blue);width:28px;height:1px}.kicker.light{color:#ffffff8f}.kicker.light span{background:var(--cyan)}h1,h2,h3{letter-spacing:-.045em;font-family:Manrope,sans-serif}h1{max-width:760px;font-size:clamp(54px,6.1vw,88px);line-height:1.01}h1 em,h2 em{color:var(--cyan);font-family:Playfair Display,serif;font-weight:500}.hero-lead{color:#ffffffa8;max-width:610px;margin:30px 0;font-size:18px;line-height:1.75}.hero-actions{align-items:center;gap:28px;display:flex}.text-link{border-bottom:1px solid;align-items:center;gap:16px;padding:8px 0;font-weight:600;transition:all .2s;display:inline-flex}.text-link:hover{gap:22px}.text-link.light{color:#fffc;border:0;font-size:14px}.hero-proof{align-items:center;gap:17px;margin-top:55px;display:flex}.proof-line{background:#ffffff40;width:46px;height:1px}.hero-proof p{color:#ffffff6b;font-size:12px;line-height:1.7}.hero-proof strong{color:#ffffffbf;font-weight:500}.hero-visual{height:min(70vh,650px);position:relative}.hero-image{background:#f4f8ff url(../real/img/foto-inicio-brandure.jpg) 50%/cover no-repeat;border:8px solid #ffffff14;border-radius:120px 24px;position:absolute;inset:0 0 0 45px;box-shadow:0 40px 90px #00000057}.hero-image:after{content:"";border:1px solid #315ff438;border-radius:104px 15px;position:absolute;inset:22px}.floating-card{color:var(--ink);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff5;border-radius:14px;align-items:center;gap:13px;padding:15px 18px;font-size:11px;line-height:1.5;display:flex;position:absolute;box-shadow:0 24px 55px #00000038}.floating-card strong{font-size:12px}.floating-card>span:first-child{color:var(--blue);font:700 15px Manrope}.card-top{top:14%;left:0}.card-bottom{bottom:14%;right:-15px}.status-dot{background:#36c989;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #36c98921}.hero-scroll{color:#ffffff52;letter-spacing:.25em;align-items:center;gap:12px;font-size:9px;display:flex;position:absolute;bottom:27px;left:50%;transform:rotate(90deg)}.hero-scroll i{background:#ffffff47;width:34px;height:1px;display:block}.trust-section{border-bottom:1px solid var(--line);padding:38px 0 44px}.trust-title{text-align:center;text-transform:uppercase;letter-spacing:.18em;color:#8a93a3;margin-bottom:27px;font-size:10px}.logos-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.logo-card{filter:grayscale();text-align:center;background:#fff;border:1px solid #eceef2;border-radius:14px;justify-content:center;align-items:center;min-height:105px;padding:18px;transition:all .25s;display:flex}.logo-card:hover{filter:none;border-color:#ccd3e2;transform:translateY(-3px);box-shadow:0 12px 30px #131f3712}.logo-card img{object-fit:contain;width:100%;height:60px}.logo-isla{background:#10182a}.logo-isla img{height:48px}.logo-ines img{height:68px}.logo-agreste img{height:76px}.section-pad{padding:120px 0}.problem-grid{grid-template-columns:.95fr 1.05fr;gap:100px;display:grid}.problem-grid h2,.section-heading-row h2,.plans-heading h2,.agency-copy h2,.contact-copy h2,.process-intro h2{font-size:clamp(40px,4.8vw,67px);line-height:1.08}.problem-copy>p{color:var(--muted);margin-bottom:34px;font-size:20px;line-height:1.75}.editorial-list{border-top:1px solid var(--line)}.editorial-list article{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr;gap:20px;padding:24px 0;display:grid}.editorial-list article>span{color:var(--blue);padding-top:6px;font:600 11px Manrope}.editorial-list h3{letter-spacing:-.02em;margin-bottom:4px;font-size:17px}.editorial-list p{color:var(--muted);font-size:14px}.manifesto{background:var(--ink);color:#fff;padding:110px 0;position:relative;overflow:hidden}.manifesto:after{content:"B";color:#ffffff06;font:800 600px/1 Manrope;position:absolute;top:-180px;right:-2vw}.manifesto-inner{z-index:2;position:relative}.manifesto h2{max-width:990px;font-size:clamp(43px,6vw,80px);line-height:1.07}.manifesto>div>p:last-child{color:#ffffff8c;max-width:630px;margin-top:32px;font-size:17px}.section-heading-row{grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;margin-bottom:70px;display:grid}.section-heading-row>p{color:var(--muted);font-size:17px;line-height:1.8}.service-stack{border-top:1px solid var(--line)}.service-row{border-bottom:1px solid var(--line);grid-template-columns:65px .85fr 1.15fr;align-items:center;gap:38px;padding:62px 0;display:grid}.service-number{color:var(--blue);align-self:start;padding-top:7px;font:600 11px Manrope}.service-image{border-radius:var(--radius);border:1px solid var(--line);background-position:50%;background-size:cover;height:405px;box-shadow:0 20px 45px #0c13231a}.service-image[data-image="1"]{background-image:url(../real/img/web-ecommerce-brandure.jpg)}.service-image[data-image="2"]{background-image:url(../real/img/contenido-social-brandure.jpg)}.service-image[data-image="3"]{background-image:url(../real/img/foto-video-brandure.jpg)}.service-content>p:first-child,.project-meta>span{text-transform:uppercase;letter-spacing:.18em;color:var(--blue);font:600 10px Manrope}.service-content h3{margin:13px 0 22px;font-size:33px;line-height:1.2}.service-rule{background:var(--line);width:42px;height:1px;margin-bottom:22px}.service-description{color:var(--muted);margin-bottom:20px}.service-content ul{margin-bottom:22px;list-style:none}.service-content li{padding:7px 0;font-size:14px}.service-content li:before{content:"—";color:var(--blue);margin-right:12px}.service-content .text-link{font-size:13px}.process{color:#fff;background:#0d1221}.process-grid{grid-template-columns:.85fr 1.15fr;gap:100px;display:grid}.process-intro{align-self:start;position:sticky;top:130px}.process-intro>p:not(.kicker){color:#ffffff85;max-width:420px;margin:25px 0 34px;font-size:17px}.button-light{color:var(--ink);background:#fff}.button-light:hover{background:var(--cyan);color:var(--ink)}.process-list{border-top:1px solid #ffffff1f;list-style:none}.process-list li{border-bottom:1px solid #ffffff1f;grid-template-columns:60px 1fr;gap:22px;padding:30px 0;display:grid}.process-list li>span{color:var(--cyan);padding-top:5px;font:600 11px Manrope}.process-list h3{margin-bottom:6px;font-size:23px}.process-list p{color:#ffffff80;max-width:520px;font-size:14px}.projects{background:var(--paper)}.projects-grid{grid-template-columns:1.1fr 1.1fr;gap:25px;display:grid}.project-card{border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 16px 45px #0c132312}.project-card:first-child{grid-row:span 3}.project-photo{border-bottom:1px solid var(--line);background-position:50%;background-size:cover;height:340px}.project-card:first-child .project-photo{height:590px}.project-isla .project-photo{background-image:url(../real/proyecto-isla-verde-final.webp);background-position:top}.project-emergencias .project-photo{background-image:url(../real/proyecto-promedica-final.webp);background-position:top}.project-rebasa .project-photo{background-image:url(../real/proyecto-ines-rebasa-final.webp);background-position:top}.project-meta{padding:28px 30px 32px}.project-meta h3{margin:7px 0;font-size:29px}.project-meta p{color:var(--muted);font-size:14px}.plans{background:var(--ink);color:#fff}.plans-heading{text-align:center;max-width:830px;margin:0 auto 65px}.plans-heading .kicker{justify-content:center}.plans-heading>p:last-child{color:#ffffff80;max-width:650px;margin:24px auto 0}.plans-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.plan-card{border-radius:var(--radius);background:#ffffff06;border:1px solid #ffffff24;flex-direction:column;padding:35px;display:flex}.plan-card.featured{color:var(--ink);background:#fff;transform:translateY(-13px);box-shadow:0 25px 70px #0000004d}.plan-top>span{text-transform:uppercase;letter-spacing:.18em;color:var(--cyan);font:600 9px Manrope}.plan-card.featured .plan-top>span{color:var(--blue)}.plan-top h3{margin:10px 0 7px;font-size:31px}.plan-top p{color:#ffffff85;min-height:50px;font-size:14px}.featured .plan-top p{color:var(--muted)}.plan-card ul{border-top:1px solid #ffffff1f;flex:1;margin:30px 0 35px;list-style:none}.featured ul{border-color:var(--line)}.plan-card li{border-bottom:1px solid #ffffff1a;gap:11px;padding:12px 0;font-size:13px;display:flex}.featured li{border-color:var(--line)}.plan-card li span{color:var(--cyan)}.featured li span{color:var(--blue)}.button-outline{background:0 0;border:1px solid #ffffff40}.button-outline:hover{color:var(--ink);background:#fff}.agency-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px;display:grid}.agency-photo{background:linear-gradient(140deg,#080b161f,#080b1673),url(../real/img/la-agencia-brandure.jpg) 50%/cover;border-radius:120px 22px;place-items:end start;height:600px;padding:30px;display:grid}.agency-badge{letter-spacing:.1em;background:#fff;border-radius:13px;gap:6px;padding:18px 24px;font:800 12px Manrope;display:flex}.agency-badge span{color:var(--blue)}.agency-copy>p:not(.kicker){color:var(--muted);margin:28px 0;font-size:18px;line-height:1.8}.team-mini{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;display:grid}.team-mini div{border-top:1px solid var(--line);flex-direction:column;padding-top:16px;display:flex}.team-mini strong{font-size:14px}.team-mini span{color:var(--muted);font-size:11px}.agency-copy .text-link{font-size:13px}.contact{color:#fff;background:linear-gradient(135deg,#11182b,#080b16)}.contact-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:100px;display:grid}.contact-copy>p:not(.kicker){color:#ffffff8c;max-width:480px;margin:25px 0 40px;font-size:17px}.whatsapp-direct{border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;grid-template-columns:44px 1fr 20px;align-items:center;gap:15px;max-width:430px;padding:18px 0;display:grid}.whatsapp-direct>span{color:#06150b;background:#25d366;border-radius:50%;place-items:center;width:42px;height:42px;font:800 10px Manrope;display:grid}.whatsapp-direct div{flex-direction:column;display:flex}.whatsapp-direct small{color:#ffffff6b;font-size:10px}.whatsapp-direct strong{font-size:15px}.contact-form{color:var(--ink);border-radius:var(--radius);background:#fff;grid-template-columns:1fr 1fr;gap:20px;padding:42px;display:grid}.contact-form label{color:#384156;flex-direction:column;gap:8px;font-size:11px;font-weight:600;display:flex}.contact-form label:nth-child(4){grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#f8f9fb;border-radius:10px;outline:none;padding:13px 14px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #315ff41a}.contact-form button{grid-column:1/-1}.form-note{color:#8a93a3;text-align:center;grid-column:1/-1;font-size:10px}footer{color:#fff;background:#050710}.footer-top{grid-template-columns:2fr 1fr 1fr;gap:80px;padding:70px 0;display:grid}.brand-footer{margin-bottom:17px}.footer-top>div:first-child>p{color:#fff6;font-size:13px}.footer-top>div:not(:first-child){flex-direction:column;gap:9px;display:flex}.footer-top strong{text-transform:uppercase;letter-spacing:.16em;color:#ffffff6b;margin-bottom:7px;font-size:9px}.footer-top a:not(.brand){color:#ffffffa6;font-size:13px}.footer-top a:hover{color:#fff}.footer-bottom{color:#ffffff52;border-top:1px solid #ffffff1a;justify-content:space-between;padding:22px 0 28px;font-size:10px;display:flex}.floating-whatsapp{color:#08180e;z-index:90;background:#25d366;border-radius:50%;place-items:center;width:56px;height:56px;font:800 11px Manrope;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 35px #00000040}.floating-whatsapp i{background:#fff;border:2px solid #25d366;border-radius:50%;width:11px;height:11px;position:absolute;top:1px;right:1px}@media (width<=980px){:root{--shell:min(100% - 32px,760px)}.main-nav{background:#0b0f1d;flex-direction:column;align-items:flex-start;padding:25px 32px;display:none;position:fixed;inset:82px 0 auto}.main-nav.is-open{display:flex}.header-cta{display:none}.menu-button{display:block}.hero{height:auto;min-height:0}.hero-grid{grid-template-columns:1fr;padding:150px 0 100px}.hero-copy{max-width:680px}.hero-visual{height:570px}.hero-image{inset:0 20px 0 80px}.hero-scroll{display:none}.logos-grid{grid-template-columns:repeat(3,1fr)}.problem-grid,.process-grid,.agency-grid,.contact-grid{grid-template-columns:1fr;gap:60px}.process-intro{position:static}.section-heading-row{grid-template-columns:1fr;gap:25px}.service-row{grid-template-columns:45px 1fr}.service-content{grid-column:2}.projects-grid{grid-template-columns:1fr}.project-card:first-child{grid-row:auto}.project-card:first-child .project-photo{height:480px}.plans-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.agency-photo{height:520px}}@media (width<=640px){:root{--shell:calc(100% - 28px)}.site-header{height:70px}.main-nav{inset:70px 0 auto}.brand-name{font-size:14px}.hero-grid{padding:125px 0 70px}.hero h1{font-size:47px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-proof{margin-top:38px}.hero-visual{height:420px}.hero-image{border-radius:80px 18px;inset:0 0 0 26px}.hero-image:after{border-radius:64px 11px}.card-top{top:10%;left:0}.card-bottom{bottom:10%;right:0}.logos-grid{grid-template-columns:1fr 1fr}.logo-card{min-height:90px}.logo-card:last-child{grid-column:1/-1}.section-pad{padding:82px 0}.problem-grid h2,.section-heading-row h2,.plans-heading h2,.agency-copy h2,.contact-copy h2,.process-intro h2{font-size:42px}.problem-copy>p{font-size:17px}.manifesto{padding:80px 0}.manifesto h2{font-size:42px}.service-row{grid-template-columns:1fr;padding:45px 0}.service-number,.service-image,.service-content{grid-column:1}.service-image{height:300px}.service-content h3{font-size:28px}.projects-grid{gap:18px}.project-card:first-child .project-photo,.project-photo{height:340px}.plans-heading{text-align:left}.plans-heading .kicker{justify-content:flex-start}.plan-card{padding:28px}.agency-photo{border-radius:80px 18px;height:430px}.team-mini{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr;padding:26px}.contact-form label:nth-child(4),.contact-form button,.form-note{grid-column:1}.footer-top{grid-template-columns:1fr 1fr;gap:45px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}.floating-whatsapp{bottom:14px;right:14px}.trust-section{padding-top:30px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* CORREGIR ESPACIO VACÍO EN PROYECTOS */
.project-card:first-child {
  display: flex;
  flex-direction: column;
  grid-row: span 2;
}
.projects-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.project-card:first-child {
  grid-row: auto;
}

.project-photo,
.project-card:first-child .project-photo {
  height: 260px;
}

.project-card {
  display: flex;
  flex-direction: column;
}

.project-meta {
  flex: 1;
}

.floating-whatsapp img {
  width: 29px;
  height: 29px;
  object-fit: contain;
}

.whatsapp-direct > img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

/* LOGO PRINCIPAL */
.brand-logo {
  display: block;
  width: 250px;
  height: 100px;
  object-fit: contain;
  object-position: left center;
}

/* Logo del encabezado */
.site-header .brand-logo {
  filter: brightness(0) invert(1);
}

/* Logo del footer */
.brand-footer .brand-logo {
  width: 210px;
  filter: brightness(0) invert(1);
}

@media (max-width: 768px) {
  .brand-logo {
    width: 155px;
    height: 42px;
  }

  .brand-footer .brand-logo {
    width: 175px;
  }
}

/* Evita que la grilla final fuerce tres columnas en tablets y celulares. */
@media (max-width: 980px) {
  .projects-grid {
    grid-template-columns: 1fr;
  }

  .project-photo,
  .project-card:first-child .project-photo {
    height: 380px;
  }
}

@media (max-width: 640px) {
  .project-photo,
  .project-card:first-child .project-photo {
    height: 300px;
  }
}