.elementor-448 .elementor-element.elementor-element-b25068b{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-198d546 *//* =========================================
GBM - COLECTIVO DE ABOGADOS
VERSIÓN PREMIUM 2026
========================================= */

:root{

  --vino:#1E0002;
  --vino-hover:#320407;

  --dorado:#c8a75d;
  --dorado-hover:#d9bb77;

  --gris:#6b7280;
  --gris-claro:#f8f8f8;

  --texto:#222222;
  --blanco:#ffffff;

  --shadow:
  0 15px 40px rgba(0,0,0,.08);

}

/* RESET */

.gbm-page *{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

/* BASE */

html{
  scroll-behavior:smooth;
}

body{
  overflow-x:hidden;
}

.gbm-page{

  font-family:'Poppins',sans-serif;
  color:var(--texto);
  line-height:1.8;

}

.gbm-page .container{

  width:100%;
  max-width:1200px;
  margin:auto;
  padding:0 24px;

}

/* HERO */

.gbm-hero{

  position:relative;

  min-height:90vh;

  display:flex;
  align-items:center;
  justify-content:center;

  text-align:center;

  color:white;

  background:
  linear-gradient(
  rgba(30,0,2,.88),
  rgba(30,0,2,.88)),
  url("https://images.unsplash.com/photo-1589829545856-d10d557cf95f?q=80&w=1800");

  background-size:cover;
  background-position:center;

}

.gbm-hero-overlay{

  position:absolute;
  inset:0;

  background:
  radial-gradient(
  circle at center,
  rgba(200,167,93,.10),
  transparent 70%);

}

.gbm-hero .container{
  position:relative;
  z-index:2;
}

.gbm-breadcrumb{

  display:block;
  margin-bottom:18px;

  color:var(--dorado);

  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;

}

.gbm-hero h1{

  font-size:68px;
  line-height:1.1;

  max-width:1000px;
  margin:auto;

  margin-bottom:20px;

}

.gbm-subtitle{

  display:block;

  max-width:850px;
  margin:auto;

  color:#e6e6e6;

  font-size:20px;

  margin-bottom:30px;

}

.gbm-hero p{

  max-width:900px;
  margin:auto;

  color:#f1f1f1;

  font-size:18px;

}

/* LINEA */

.linea-dorada{

  width:90px;
  height:2px;

  background:var(--dorado);

  margin:28px auto 35px;

  position:relative;
  overflow:hidden;

}

.linea-dorada::after{

  content:"";

  position:absolute;
  top:0;

  width:35px;
  height:100%;

  background:white;

  animation:shine 2.5s infinite;

}

@keyframes shine{

  from{
    left:-35px;
  }

  to{
    left:100%;
  }

}

/* BOTONES */

.hero-buttons{

  margin-top:40px;

  display:flex;
  gap:16px;

  justify-content:center;
  flex-wrap:wrap;

}

.btn-dorado{

  background:var(--dorado);
  color:#111;

  padding:16px 34px;

  border-radius:60px;

  text-decoration:none;

  font-weight:600;

  transition:.35s;

  box-shadow:
  0 10px 25px rgba(0,0,0,.15);

}

.btn-dorado:hover{

  background:var(--dorado-hover);

  transform:
  translateY(-4px);

}

.btn-outline{

  border:1px solid rgba(255,255,255,.35);

  color:white;

  padding:16px 34px;

  border-radius:60px;

  text-decoration:none;

  transition:.35s;

}

.btn-outline:hover{

  background:white;
  color:#111;

}

/* SECCIONES */

.seccion{

  padding:85px 0;

}

.oscuro{

  background:var(--vino);
  color:white;

}

.claro{

  background:#fafafa;

}

/* TITULOS */

.titulo-seccion{

  text-align:center;
  margin-bottom:55px;

}

.titulo-seccion h2{

  font-size:44px;
  color:var(--dorado);

  margin-bottom:12px;

}

.titulo-seccion p{

  max-width:850px;
  margin:auto;

  opacity:.85;

}

/* GRID */

.grid-2{

  display:grid;
  grid-template-columns:repeat(2,1fr);

  gap:40px;

}

.grid-3{

  display:grid;
  grid-template-columns:repeat(3,1fr);

  gap:30px;

}

/* CARD PREMIUM OSCURA */

.card-premium{

  background:
  rgba(255,255,255,.04);

  border-radius:22px;

  padding:40px;

  border:
  1px solid rgba(200,167,93,.15);

  backdrop-filter:blur(10px);

}

/* CARD BLANCA */

.card-premium-light{

  background:white;

  border-radius:20px;

  padding:35px;

  box-shadow:var(--shadow);

  transition:.35s;

}

.card-premium-light:hover{

  transform:translateY(-8px);

}

.card-premium-light h3{

  color:var(--vino);

  margin-bottom:15px;

}

/* SERVICIOS */

.card-servicio{

  background:white;

  border-radius:20px;

  padding:35px;

  color:#222;

  box-shadow:var(--shadow);

  transition:.35s;

  position:relative;

}

.card-servicio::before{

  content:"";

  position:absolute;

  top:0;
  left:0;

  width:5px;
  height:100%;

  background:var(--dorado);

}

.card-servicio:hover{

  transform:
  translateY(-10px);

}

.card-servicio h3{

  color:var(--vino);

  margin-bottom:20px;

}

.card-servicio ul{

  padding-left:18px;

}

.card-servicio li{

  margin-bottom:10px;

}

/* ESTADISTICAS */

.stat-item{

  text-align:center;

  margin-bottom:25px;

}

.stat-number{

  display:block;

  color:var(--dorado);

  font-size:54px;
  font-weight:700;

}

.stat-label{

  display:block;
  margin-top:8px;

}

/* CTA INTERMEDIO */

.mini-cta{

  margin-top:60px;

  text-align:center;

  padding-top:20px;

}

.mini-cta h3{

  color:var(--dorado);

  margin-bottom:20px;

  font-size:30px;

}

/* CTA PRINCIPAL */

.cta-gbm{

  background:
  linear-gradient(
  rgba(30,0,2,.93),
  rgba(30,0,2,.93)),
  url("https://images.unsplash.com/photo-1450101499163-c8848c66ca85?q=80&w=1800");

  background-size:cover;
  background-position:center;

  text-align:center;

  color:white;

  padding:100px 20px;

}

.cta-gbm h2{

  font-size:52px;

  max-width:900px;
  margin:auto;

  margin-bottom:20px;

}

.cta-gbm p{

  max-width:700px;

  margin:auto;
  margin-bottom:35px;

  text-align:center;

}

/* CONTACTO */

.contacto-premium{

  max-width:900px;
  margin:auto;

  text-align:center;

}

.contacto-premium h2{

  color:var(--dorado);

  font-size:46px;

  margin-bottom:15px;

}

.contacto-premium p{

  max-width:700px;

  margin:auto;

  margin-bottom:35px;

  color:#e5e5e5;

  text-align:center;

}

/* ANIMACIONES */

.fade-item{

  opacity:0;

  transform:
  translateY(40px);

  transition:
  opacity .8s ease,
  transform .8s ease;

}

.fade-item.visible{

  opacity:1;

  transform:none;

}

/* WHATSAPP */

.gbm-whatsapp-float{

  position:fixed;

  right:25px;
  bottom:25px;

  z-index:9999;

  background:#25D366;

  color:white;

  text-decoration:none;

  padding:15px 22px;

  border-radius:50px;

  font-weight:600;

  box-shadow:
  0 15px 35px rgba(0,0,0,.25);

  transition:.35s;

}

.gbm-whatsapp-float:hover{

  transform:
  translateY(-4px);

}

/* TEXTOS */

.gbm-page p{

  line-height:1.9;

}

.gbm-page ul{

  padding-left:18px;

}

.gbm-page li{

  line-height:1.8;

}

/* RESPONSIVE */

@media(max-width:1024px){

  .grid-3{
    grid-template-columns:1fr 1fr;
  }

}

@media(max-width:768px){

  .gbm-hero{

    min-height:auto;
    padding:120px 0;

  }

  .gbm-hero h1{

    font-size:42px;

  }

  .gbm-subtitle{

    font-size:18px;

  }

  .titulo-seccion h2{

    font-size:32px;

  }

  .cta-gbm h2{

    font-size:34px;

  }

  .contacto-premium h2{

    font-size:34px;

  }

  .grid-2,
  .grid-3{

    grid-template-columns:1fr;

  }

  .seccion{

    padding:60px 0;

  }

  .card-servicio,
  .card-premium,
  .card-premium-light{

    padding:28px;

  }

  .hero-buttons{

    flex-direction:column;

  }

  .btn-dorado,
  .btn-outline{

    width:100%;

  }

  .gbm-whatsapp-float{

    right:15px;
    bottom:15px;

  }

}/* End custom CSS */