.elementor-kit-5{--e-global-color-primary:#0F1519;--e-global-color-secondary:#1F6FB2;--e-global-color-text:#16567F;--e-global-color-accent:#EEF1F5;--e-global-color-46035cb:#E5EAF0;--e-global-color-a52bbb5:#39444F;--e-global-color-5d9ad1f:#79848F;--e-global-color-829b19e:#11171D;--e-global-color-40a6223:#B7C3CF;--e-global-color-c17d84f:#C4CFD9;--e-global-color-e9ba652:#D0D9E1;--e-global-color-e866667:#DBE2E8;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-letter-spacing:0.35em;--e-global-typography-primary-word-spacing:0.94em;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Instrument Serif";--e-global-typography-accent-font-weight:400;--e-global-typography-accent-font-style:italic;background-color:var( --e-global-color-accent );}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;word-spacing:0.1em;color:var( --e-global-color-primary );border-style:solid;border-color:var( --e-global-color-829b19e );border-radius:50px 50px 50px 50px;padding:10px 20px 10px 20px;}.elementor-kit-5 label{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;color:var( --e-global-color-a52bbb5 );accent-color:var( --e-global-color-46035cb );background-color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-a52bbb5 );border-radius:25px 25px 25px 25px;padding:10px 20px 10px 20px;}.elementor-kit-5 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea:focus,.elementor-kit-5 .elementor-field-textual:focus{color:var( --e-global-color-a52bbb5 );accent-color:var( --e-global-color-secondary );background-color:var( --e-global-color-46035cb );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-a52bbb5 );border-radius:25px 25px 25px 25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   THE DOVER STREET EXAMINER — Global styles for Elementor
   Pegar en:  Elementor → Site Settings → Custom CSS
   (sin Elementor Pro:  Apariencia → Personalizar → CSS adicional)
   Fuentes 100% Google Fonts (seleccionables en Elementor):
     · Titulares  → Space Grotesk      (sustituta de Clash Display)
     · Cuerpo/UI  → Plus Jakarta Sans  (sustituta de Satoshi)
     · Acento     → Instrument Serif (itálica)
   ============================================================ */

/* 1 · FUENTES (Google) -------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');

/* 2 · TOKENS DE DISEÑO (colores, fuentes, easing) ----------- */
:root{
  --dse-bg:#EEF1F5;        /* fondo off-white frío   */
  --dse-surface:#E5EAF0;   /* superficie             */
  --dse-ink:#0F1519;       /* texto / titulares      */
  --dse-ink-2:#39444F;     /* texto secundario       */
  --dse-muted:#79848F;     /* gris frío / metadatos  */
  --dse-accent:#1F6FB2;    /* azul frío (acento)     */
  --dse-accent-dk:#16567F; /* azul hover             */
  --dse-dark:#11171D;      /* footer oscuro frío     */
  --dse-line:rgba(15,21,25,.12);
  --dse-line-soft:rgba(15,21,25,.08);
  --dse-echo-1:#B7C3CF; --dse-echo-2:#C4CFD9;
  --dse-echo-3:#D0D9E1; --dse-echo-4:#DBE2E8;
  --dse-ease:cubic-bezier(.77,0,.175,1);
  --dse-display:'Space Grotesk',sans-serif;      /* titulares  */
  --dse-body:'Plus Jakarta Sans',sans-serif;     /* cuerpo/UI  */
  --dse-serif:'Instrument Serif',serif;          /* acento     */
}

/* 3 · BASE (opcional) --------------------------------------- */
body{background:var(--dse-bg);color:var(--dse-ink);font-family:var(--dse-body);font-weight:500}

/* 4 · TIPOGRAFÍA · clases de ayuda --------------------------- */
.dse-display{font-family:var(--dse-display)!important;font-weight:700;letter-spacing:-.035em;line-height:.94;  font-size: clamp(34px, 5.5vw, 64px); text-align: center;}
.dse-serif-it{font-family:var(--dse-serif)!important;font-style:italic;font-weight:400;color:var(--dse-accent)}
.dse-kicker{font-family:var(--dse-body);font-weight:700;font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--dse-accent)}
.dse-label{font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase}

/* 5 · BOTONES ----------------------------------------------- */
/* Aplica .dse-pill al widget Botón de Elementor */
.dse-pill .elementor-button{
  border:1px solid var(--dse-ink);border-radius:999px;background:transparent;color:var(--dse-ink);
  font-family:var(--dse-body);font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:.25s var(--dse-ease)
}
.dse-pill .elementor-button:hover{background:var(--dse-ink);color:var(--dse-bg)}
/* Botón sólido oscuro */
.dse-solid .elementor-button{
  border:1px solid var(--dse-ink);border-radius:999px;background:var(--dse-ink);color:var(--dse-bg);
  font-family:var(--dse-body);font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:.25s var(--dse-ease)
}
.dse-solid .elementor-button:hover{background:transparent;color:var(--dse-ink)}

/* 6 · IMÁGENES · escala de grises → color al hover ---------- */
/* Aplica .dse-img a un widget Imagen o a la columna que la contiene */
.dse-img img{
  filter:grayscale(.55) saturate(.7) brightness(.92);
  transition:transform .8s var(--dse-ease),filter .6s var(--dse-ease);transform:scale(1.01)
}
.dse-img:hover img{filter:grayscale(0) saturate(.9);transform:scale(1.06)}
.dse-round img{border-radius:50%}      /* foto circular  */
.dse-pill-img img{border-radius:999px} /* foto en píldora */

/* 7 · TARJETAS DE SECCIÓN / SERVICIO ------------------------ */
/* Aplica .dse-card a un contenedor/columna */
.dse-card{border:1px solid var(--dse-line);border-radius:10px;transition:.35s var(--dse-ease)}
.dse-card:hover{background:#fff;border-color:transparent;box-shadow:0 24px 50px rgba(15,21,25,.08);transform:translateY(-4px)}
.dse-card .dse-icon{width:64px;height:64px;border:1px solid var(--dse-ink);border-radius:14px;display:flex;align-items:center;justify-content:center;transition:.4s var(--dse-ease)}
.dse-card:hover .dse-icon{transform:rotate(12deg);background:var(--dse-accent);border-color:var(--dse-accent)}

/* 8 · HERO · ECHO STACK (usar con el snippet HTML) ---------- */
.dse-echo{position:relative;font-family:var(--dse-display);font-weight:700;letter-spacing:-.045em;line-height:.88;font-size:clamp(54px,12.5vw,176px);text-align:center}
.dse-echo .e{display:block;white-space:nowrap}
.dse-echo .top{position:relative;color:var(--dse-ink);z-index:6}
.dse-echo .l{position:absolute;left:0;top:0;width:100%;z-index:1;pointer-events:none}
.dse-echo .l1{transform:translate(-.04em,-.04em);color:var(--dse-echo-1)}
.dse-echo .l2{transform:translate(-.08em,-.08em);color:var(--dse-echo-2)}
.dse-echo .l3{transform:translate(-.12em,-.12em);color:var(--dse-echo-3)}
.dse-echo .l4{transform:translate(-.16em,-.16em);color:var(--dse-echo-4)}

/* 9 · SECCIÓN OSCURA (footer / bloques en negativo) --------- */
/* Aplica .dse-dark a una sección de fondo oscuro */
.dse-dark{background:var(--dse-dark);color:rgba(246,248,250,.6)}
.dse-dark h1,.dse-dark h2,.dse-dark h3,.dse-dark h4{color:#F6F8FA}
.dse-dark a{color:rgba(246,248,250,.75)}
.dse-dark a:hover{color:#fff}

/* 10 · DETALLES · filete vertical y etiquetas de sección ---- */
.dse-hairline{width:1px;height:90px;background:var(--dse-line);margin:0 auto}
.dse-rule{display:inline-block;width:15px;height:1px;background:var(--dse-line);vertical-align:middle}

/* 11 · HERO CON IMAGEN DE FONDO ----------------------------- */
/* Aplica .dse-hero al Container del hero (con imagen + overlay de Elementor) */
.dse-hero{position:relative;text-align:center}
.dse-hero .dse-kicker{color:#8FC3F2}
.dse-hero .dse-echo .top{color:#F4F7FA}
.dse-hero .dse-echo .l1{color:rgba(233,241,250,.22)}
.dse-hero .dse-echo .l2{color:rgba(233,241,250,.14)}
.dse-hero .dse-echo .l3{color:rgba(233,241,250,.08)}
.dse-hero .dse-echo .l4{color:rgba(233,241,250,.045)}
.dse-hero .dse-sub{color:#DBE6F2;max-width:46ch;margin:0 auto}
/* Botones sobre imagen */
.dse-hero .dse-solid .elementor-button{background:var(--dse-accent);border-color:var(--dse-accent);color:#fff}
.dse-hero .dse-solid .elementor-button:hover{background:#fff;color:var(--dse-ink)}
.dse-hero .dse-pill .elementor-button{border-color:rgba(255,255,255,.6);color:#fff;background:transparent}
.dse-hero .dse-pill .elementor-button:hover{background:#fff;color:var(--dse-ink)}/* End custom CSS */