/* =========================================================
   Baruch — Front profesional (Bootstrap 5)
   Paleta consistente:
   --primary:   morado (#7B3FAE)
   --secondary: azul/celeste (#3E95C5)
   --accent:    verde (#58D074)
   WhatsApp:    verde (#25D366)
   ========================================================= */

:root{
  --primary: #7B3FAE;
  --secondary: #3E95C5;
  --accent: #58D074;

  --wa: #25D366;
  --wa-dark: #1fbd59;

  --ink: #0f172a;
  --muted: #64748b;
  --bg: #ffffff;
  --bg-soft: #f6f8fc;
  --card: #ffffff;
  --border: rgba(15, 23, 42, .10);

  --radius: 1.15rem;
  --radius-sm: .9rem;

  --shadow: 0 12px 30px rgba(15, 23, 42, .10);
  --shadow-soft: 0 10px 24px rgba(15, 23, 42, .08);

  --font: "Manrope", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.tm-body{
  font-family: var(--font);
  color: var(--ink);
  background: var(--bg);
}

/* Helpers */
.fw-800{ font-weight: 800; }
.text-gradient{
  background: linear-gradient(90deg, var(--primary), var(--secondary));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.badge.soft{
  background: rgba(123, 63, 174, .08);
  border: 1px solid rgba(123, 63, 174, .15);
  color: var(--primary);
  font-weight: 700;
  padding: .55rem .75rem;
  border-radius: 999px;
}
.pill{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .45rem .7rem;
  border-radius: 999px;
  font-size: .85rem;
  font-weight: 800;
  border: 1px solid rgba(15, 23, 42, .12);
  color: var(--ink);
  background: rgba(255,255,255,.9);
}
.pill-accent{
  border-color: rgba(88, 208, 116, .35);
  background: rgba(88, 208, 116, .12);
}

/* Topbar */
.topbar{
  background: linear-gradient(90deg, rgba(123,63,174,.12), rgba(62,149,197,.10));
  border-bottom: 1px solid var(--border);
  font-size: .92rem;
}
.topbar-left, .topbar-right{
  padding: .6rem 0;
  color: var(--muted);
}
.topbar-link{
  color: var(--muted);
  text-decoration: none;
  font-weight: 700;
}
.topbar-link:hover{ color: var(--primary); }

/* Navbar */
.tm-nav{
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border);
}
.tm-logo{
  width: 42px; height: 42px;
  border-radius: .85rem;
  object-fit: contain;
}
.brand-text{ line-height: 1.05; }
.brand-name{
  display:block;
  font-weight: 900;
  letter-spacing: .2px;
}
.brand-tag{
  display:block;
  font-size: .85rem;
  color: var(--muted);
  font-weight: 700;
}
.nav-link{
  font-weight: 800;
  color: rgba(15,23,42,.75) !important;
  border-radius: 999px;
  padding: .55rem .8rem !important;
}
.nav-link:hover{ color: var(--primary) !important; background: rgba(123,63,174,.08); }
.nav-link.active{
  color: var(--primary) !important;
  background: rgba(123,63,174,.12);
  border: 1px solid rgba(123,63,174,.18);
}
.tm-cta{ border-radius: 999px; font-weight: 900; }

/* Botones marca */
.btn-primary{
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-bg: #69339c;
  --bs-btn-hover-border-color: #69339c;
  --bs-btn-active-bg: #5c2d8a;
  --bs-btn-active-border-color: #5c2d8a;
  --bs-btn-font-weight: 900;
}
.btn-outline-primary{
  --bs-btn-color: var(--primary);
  --bs-btn-border-color: rgba(123,63,174,.35);
  --bs-btn-hover-bg: rgba(123,63,174,.10);
  --bs-btn-hover-border-color: rgba(123,63,174,.45);
  --bs-btn-font-weight: 900;
}
.btn-primary-soft{
  background: rgba(123,63,174,.12);
  border: 1px solid rgba(123,63,174,.18);
  color: var(--primary);
  font-weight: 900;
  border-radius: 999px;
}
.btn-primary-soft:hover{
  background: rgba(123,63,174,.18);
  color: var(--primary);
}

/* ✅ WhatsApp */
.btn-whatsapp{
  background: var(--wa);
  border: 1px solid var(--wa);
  color: #fff;
  font-weight: 900;
  border-radius: 999px;
}
.btn-whatsapp:hover{
  background: var(--wa-dark);
  border-color: var(--wa-dark);
  color: #fff;
}
.btn-whatsapp:active{
  background: #19a84b;
  border-color: #19a84b;
}
.btn-whatsapp:focus{
  box-shadow: 0 0 0 .25rem rgba(37, 211, 102, .25);
}

/* Hero */
.tm-hero{
  position: relative;
  padding: 5.5rem 0 3.2rem;
  background:
    radial-gradient(900px 380px at 18% 15%, rgba(123,63,174,.16), transparent 60%),
    radial-gradient(900px 420px at 80% 20%, rgba(62,149,197,.14), transparent 55%),
    linear-gradient(180deg, rgba(246,248,252,.7), rgba(255,255,255,1));
  overflow: hidden;
}
.eyebrow{
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .4rem .75rem;
  border-radius: 999px;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(15,23,42,.08);
  color: var(--muted);
  font-weight: 800;
}
.eyebrow .dot{
  width: 10px; height: 10px;
  border-radius: 999px;
  background: var(--accent);
  box-shadow: 0 0 0 6px rgba(88,208,116,.18);
}
.hero-trust{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: .85rem;
}
@media (max-width: 576px){
  .hero-trust{ grid-template-columns: 1fr; }
}
.trust-item{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  padding:.85rem;
  background: rgba(255,255,255,.9);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-soft);
}
.trust-item i{
  font-size: 1.25rem;
  color: var(--primary);
}
.trust-title{ font-weight: 900; line-height: 1.1; }
.trust-sub{ color: var(--muted); font-size: .9rem; font-weight: 700; }
.hero-badges{ display:flex; flex-wrap:wrap; gap:.5rem; }

.hero-card{
  position: relative;
  background: rgba(255,255,255,.92);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 1.25rem;
}
.hero-card-top{
  display:flex;
  gap: .85rem;
  align-items:flex-start;
}
.hc-icon{
  width: 46px; height: 46px;
  border-radius: 1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(135deg, rgba(123,63,174,.16), rgba(62,149,197,.12));
  border: 1px solid rgba(123,63,174,.20);
  color: var(--primary);
  font-size: 1.15rem;
}
.hc-title{ font-weight: 900; }
.hc-sub{ color: var(--muted); font-weight: 700; }
.hc-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: .75rem;
}
.hc-mini{
  background: rgba(246,248,252,.9);
  border: 1px solid rgba(15,23,42,.08);
  border-radius: var(--radius-sm);
  padding: .8rem .85rem;
}
.mini-kpi{ font-weight: 900; color: rgba(15,23,42,.85); }
.mini-desc{ color: var(--muted); font-weight: 650; font-size: .92rem; }

.hero-blob{
  position:absolute;
  width: 520px;
  height: 520px;
  right: -220px;
  bottom: -280px;
  background: radial-gradient(circle at 30% 30%, rgba(88,208,116,.18), transparent 55%),
              radial-gradient(circle at 60% 45%, rgba(123,63,174,.18), transparent 60%),
              radial-gradient(circle at 50% 60%, rgba(62,149,197,.14), transparent 60%);
  filter: blur(8px);
  pointer-events:none;
}

/* ✅ Banda extra de confianza */
.trust-band{
  display:flex;
  flex-wrap:wrap;
  gap: .6rem;
  justify-content: center;
}
.trust-pill{
  display:flex;
  align-items:center;
  gap:.45rem;
  padding: .55rem .75rem;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: var(--shadow-soft);
  font-weight: 850;
  color: rgba(15,23,42,.80);
}
.trust-pill i{ color: var(--primary); }

/* Secciones */
.section{ padding: 4.25rem 0; }
.section-alt{
  background: var(--bg-soft);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.section-head{
  text-align:center;
  max-width: 820px;
  margin: 0 auto 2.25rem;
}
.section-title{ font-weight: 900; letter-spacing: -.2px; }
.section-sub{ color: var(--muted); font-weight: 700; margin-top: .4rem; }

/* Cards */
.tm-card{
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.tm-card:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow);
  border-color: rgba(123,63,174,.25);
}
.tm-icon{
  width: 54px; height: 54px;
  border-radius: 1.1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 1.35rem;
  color: var(--primary);
  background: rgba(123,63,174,.10);
  border: 1px solid rgba(123,63,174,.18);
}

/* Banda de valor */
.value-band{
  background: linear-gradient(90deg, rgba(123,63,174,.10), rgba(62,149,197,.10));
  border: 1px solid rgba(15,23,42,.10);
  border-radius: var(--radius);
  padding: 1.4rem 1.35rem;
  box-shadow: var(--shadow-soft);
}

/* Steps */
.step-card{
  background: rgba(255,255,255,.95);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: var(--radius);
  padding: 1.2rem;
  box-shadow: var(--shadow-soft);
}
.step-num{
  width: 44px; height: 44px;
  border-radius: 1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  color: var(--primary);
  background: rgba(123,63,174,.10);
  border: 1px solid rgba(123,63,174,.16);
  margin-bottom: .85rem;
}

/* Audience list */
.audience-badge{
  display:inline-flex;
  align-items:center;
  padding: .35rem .6rem;
  border-radius: 999px;
  font-weight: 900;
  font-size: .85rem;
  border: 1px solid rgba(62,149,197,.22);
  background: rgba(62,149,197,.10);
  color: rgba(15,23,42,.85);
}
.tm-list{
  list-style: none;
  padding: 0;
  margin: 1rem 0 0;
  display:flex;
  flex-direction: column;
  gap: .6rem;
}
.tm-list li{
  display:flex;
  gap: .55rem;
  align-items:flex-start;
  color: rgba(15,23,42,.82);
  font-weight: 700;
}
.tm-list i{ color: var(--accent); margin-top: .15rem; }

/* KPI row */
.kpi-row{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 1rem;
}
@media (max-width: 768px){
  .kpi-row{ grid-template-columns: 1fr; }
}
.kpi{
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: var(--radius);
  padding: 1.1rem 1.15rem;
  box-shadow: var(--shadow-soft);
  text-align:center;
}
.kpi-num{ font-weight: 900; font-size: 1.65rem; color: var(--primary); }
.kpi-label{ color: var(--muted); font-weight: 800; }

/* Testimonials */
.testimonial{
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: var(--radius);
  padding: 1.25rem;
  box-shadow: var(--shadow-soft);
}
.testimonial.featured{
  border-color: rgba(123,63,174,.25);
  box-shadow: var(--shadow);
}
.stars i{ color: #f59e0b; margin-right: .1rem; }
.t-user{ display:flex; align-items:center; gap:.75rem; margin-top: .95rem; }
.t-avatar{
  width: 44px; height: 44px;
  border-radius: 1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  color: rgba(15,23,42,.85);
  background: rgba(62,149,197,.12);
  border: 1px solid rgba(62,149,197,.18);
}
.t-name{ font-weight: 900; }
.t-role{ color: var(--muted); font-weight: 800; font-size: .9rem; }

/* ✅ Planes */
.plan-card{
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: var(--radius);
  padding: 1.25rem;
  box-shadow: var(--shadow-soft);
  display:flex;
  flex-direction: column;
}
.plan-card.featured{
  border-color: rgba(123,63,174,.25);
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}
.plan-top{ margin-bottom: .9rem; }
.plan-badge{
  display:inline-flex;
  align-items:center;
  padding: .35rem .6rem;
  border-radius: 999px;
  font-weight: 900;
  font-size: .82rem;
  background: rgba(123,63,174,.10);
  border: 1px solid rgba(123,63,174,.18);
  color: rgba(15,23,42,.85);
  margin-bottom: .65rem;
}
.plan-badge.accent{
  background: rgba(88,208,116,.14);
  border-color: rgba(88,208,116,.28);
}
.plan-price{
  display:flex;
  align-items: baseline;
  gap: .45rem;
  padding: .9rem 1rem;
  border-radius: 1rem;
  border: 1px dashed rgba(15,23,42,.15);
  background: rgba(246,248,252,.95);
  margin-bottom: 1rem;
}
.plan-price .price{
  font-weight: 950;
  font-size: 1.75rem;
  color: var(--primary);
}
.plan-price .per{
  color: var(--muted);
  font-weight: 800;
}
.plan-list{
  list-style:none;
  padding:0;
  margin: 0;
  display:flex;
  flex-direction: column;
  gap: .65rem;
}
.plan-list li{
  display:flex;
  gap:.55rem;
  align-items:flex-start;
  font-weight: 750;
  color: rgba(15,23,42,.82);
}
.plan-list i{ color: var(--accent); margin-top: .15rem; }

.mini-note{
  text-align:center;
  color: var(--muted);
  font-weight: 800;
}

/* ✅ FAQ */
.tm-accordion .accordion-item{
  border-radius: 1rem !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  overflow: hidden;
  box-shadow: var(--shadow-soft);
  margin-bottom: .85rem;
}
.tm-accordion .accordion-button{
  font-weight: 900;
  color: rgba(15,23,42,.85);
}
.tm-accordion .accordion-button:not(.collapsed){
  background: rgba(123,63,174,.10);
  color: rgba(15,23,42,.90);
  box-shadow: none;
}
.tm-accordion .accordion-button:focus{
  box-shadow: 0 0 0 .25rem rgba(123,63,174,.12);
}

/* Contact */
.contact-cards{
  display:flex;
  flex-direction: column;
  gap: .85rem;
  margin-top: 1.2rem;
}
.contact-card{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.05rem;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  text-decoration: none;
  color: inherit;
  transition: transform .18s ease, box-shadow .18s ease;
}
.contact-card:hover{ transform: translateY(-2px); box-shadow: var(--shadow); }
.contact-card i:first-child{ font-size: 1.35rem; color: var(--primary); }
.contact-card.no-link:hover{ transform: none; box-shadow: var(--shadow-soft); }
.cc-title{ font-weight: 900; }
.cc-sub{ color: var(--muted); font-weight: 800; font-size: .92rem; }

.form-shell{
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: var(--radius);
  padding: 1.25rem;
  box-shadow: var(--shadow);
}
.form-shell-head{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.form-label{ font-weight: 900; color: rgba(15,23,42,.85); }
.form-control, .form-select{
  border-radius: 1rem;
  border: 1px solid rgba(15,23,42,.14);
  padding: .85rem .95rem;
  font-weight: 700;
}
.form-control:focus, .form-select:focus{
  border-color: rgba(123,63,174,.35);
  box-shadow: 0 0 0 .25rem rgba(123,63,174,.12);
}
.char-counter{
  margin-top: .4rem;
  text-align: right;
  color: var(--muted);
  font-weight: 800;
  font-size: .85rem;
}
.hp-field{
  position:absolute;
  left:-9999px;
  opacity:0;
}

/* Footer */
.tm-footer{
  background: #0b1020;
  color: rgba(255,255,255,.85);
  padding: 3rem 0 2rem;
}
.footer-brand .fb-mark{
  width: 46px; height: 46px;
  border-radius: 1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  color: #0b1020;
  background: linear-gradient(135deg, rgba(88,208,116,1), rgba(62,149,197,1));
}
.fb-name{ font-weight: 900; font-size: 1.1rem; }
.fb-sub{ color: rgba(255,255,255,.65); font-weight: 800; font-size: .9rem; }

.footer-links{
  list-style: none;
  padding: 0;
  margin: .75rem 0 0;
  display:flex;
  flex-direction: column;
  gap: .55rem;
}
.footer-links a{
  color: rgba(255,255,255,.75);
  text-decoration: none;
  font-weight: 800;
}
.footer-links a:hover{ color: #fff; }
.footer-hr{ border-color: rgba(255,255,255,.12); }
.footer-social{ display:flex; gap:.6rem; }
.footer-social a{
  width: 44px; height: 44px;
  border-radius: 1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.85);
  text-decoration:none;
}
.footer-social a:hover{ background: rgba(255,255,255,.12); color:#fff; }

/* WhatsApp float */
.wa-float{
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: var(--wa);
  color: #fff;
  font-size: 1.5rem;
  box-shadow: 0 14px 30px rgba(0,0,0,.18);
  text-decoration:none;
  z-index: 999;
}
.wa-float:hover{ filter: brightness(0.95); color:#fff; }

/* ✅ Botón volver arriba */
.to-top{
  position: fixed;
  right: 18px;
  bottom: 86px;
  width: 56px;
  height: 56px;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.92);
  box-shadow: var(--shadow-soft);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 1.25rem;
  color: rgba(15,23,42,.85);
  z-index: 998;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}
.to-top.show{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.to-top:hover{
  border-color: rgba(123,63,174,.22);
  color: var(--primary);
}
/* =========================
   Carrusel de marcas
========================= */
.brand-carousel{
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: .75rem;
}

.brand-track-wrap{
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: var(--radius);
  background: rgba(255,255,255,.9);
  box-shadow: var(--shadow-soft);
}

.brand-track{
  display: flex;
  align-items: center;
  gap: 3.25rem;
  padding: 1.35rem 1.25rem;
  will-change: transform;
}

.brand-item{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  height: 48px;
  opacity: .85;
  transition: opacity .18s ease, transform .18s ease;
}

.brand-item img{
  max-height: 48px;
  max-width: 170px;
  width: auto;
  height: auto;
  filter: grayscale(1);
  opacity: .9;
}

.brand-item:hover{
  opacity: 1;
  transform: translateY(-1px);
}
.brand-item:hover img{
  filter: grayscale(0);
  opacity: 1;
}

.brand-nav{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.92);
  box-shadow: var(--shadow-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(15,23,42,.78);
}
.brand-nav:hover{
  color: var(--primary);
  border-color: rgba(123,63,174,.22);
}

@media (max-width: 576px){
  .brand-item{ min-width: 130px; }
  .brand-track{ gap: 2.25rem; }
}

/* =========================
   Maps
========================= */
.map-shell{
  border: 1px solid rgba(15,23,42,.10);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  background: rgba(255,255,255,.95);
  min-height: 360px;
}
.map-shell iframe{
  width: 100%;
  height: 100%;
  min-height: 360px;
  border: 0;
  display: block;
}

.map-card{
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: var(--radius);
  padding: 1.25rem;
  box-shadow: var(--shadow-soft);
}

.map-card-head{
  display: flex;
  align-items: center;
  gap: .85rem;
}

.map-icon{
  width: 46px;
  height: 46px;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(123,63,174,.16), rgba(62,149,197,.12));
  border: 1px solid rgba(123,63,174,.20);
  color: var(--primary);
  font-size: 1.15rem;
}

.map-title{
  font-weight: 900;
  line-height: 1.1;
}
.map-sub{
  color: var(--muted);
  font-weight: 800;
  font-size: .92rem;
}

/* =========================
   FOOTER
========================= */

.tm-footer{
  background:#070f26;
  color:#c7d2fe;
  padding:60px 0 30px;
  font-size:.95rem;
}

/* Marca */

.footer-brand{
  font-weight:700;
}

.fb-mark{
  width:42px;
  height:42px;
  border-radius:12px;
  background:linear-gradient(135deg,#3ea1c8,#8a46c4);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  color:white;
}

.fb-name{
  font-weight:800;
}

.fb-sub{
  font-size:.85rem;
  opacity:.7;
}

.footer-desc{
  max-width:260px;
  line-height:1.6;
  opacity:.8;
}

/* Titulos */

.footer-title{
  font-weight:700;
  margin-bottom:14px;
  opacity:.85;
}

/* Links */

.footer-links{
  list-style:none;
  padding:0;
  margin:0;
}

.footer-links li{
  margin-bottom:8px;
}

.footer-links a{
  text-decoration:none;
  color:#c7d2fe;
  opacity:.75;
  transition:.2s;
}

.footer-links a:hover{
  opacity:1;
  color:white;
}

/* Contacto */

.footer-contact{
  list-style:none;
  padding:0;
  margin:0;
}

.footer-contact li{
  margin-bottom:10px;
  display:flex;
  gap:8px;
  align-items:center;
  opacity:.85;
}

/* Redes */

.footer-social{
  margin-top:16px;
  display:flex;
  gap:10px;
}

.footer-social a{
  width:40px;
  height:40px;
  border-radius:10px;
  background:rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  color:white;
  transition:.25s;
}

.footer-social a:hover{
  background:#3ea1c8;
}

/* Divider */

.footer-divider{
  margin:35px 0 18px;
  border-color:rgba(255,255,255,.1);
}

/* Bottom */

.footer-bottom{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  font-size:.85rem;
  opacity:.7;
}

.footer-bottom a{
  color:#c7d2fe;
  text-decoration:none;
}

.footer-bottom a:hover{
  color:white;
}

/* Responsive */

@media (max-width:768px){

  .footer-bottom{
    flex-direction:column;
    text-align:center;
  }

}