/*
Theme Name:   Estaestu Child
Theme URI:    https://estaestuempresa.online
Description:  Tema hijo de Divi 5 para estaestuempresa.online. Marca en modo oscuro (petróleo noche): variables, fuentes locales y utilidades editoriales. Todo lo demás se hace con módulos nativos y Global Presets.
Author:       estaestuempresa.online
Template:     Divi
Version:      2.2.2
Requires at least: 6.5
Requires PHP: 8.1
Tested up to: 7.1
Divi tested: 5.15.1 (compatible 5.16.x)
Text Domain:  estaestu-child
*/

/* ---------- Fuentes locales (RGPD: sin llamadas a Google) ---------- */
@font-face{font-family:"Space Grotesk";src:url("fonts/space-grotesk-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("fonts/space-grotesk-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("fonts/space-grotesk-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("fonts/instrument-serif-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("fonts/instrument-serif-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

/* ---------- Variables de marca (espejo de los Global Colors de Divi) ---------- */
:root{
  --ee-noche-900:#06222B; --ee-noche-800:#08343B; --ee-noche-700:#0A474E; --ee-petroleo:#0F6E74;
  --ee-petroleo-200:#B2D1D3; --ee-petroleo-300:#87B6BA;
  --ee-coral:#EE4266; --ee-coral-400:#F2718C; --ee-coral-300:#F6A0B2; --ee-coral-700:#992B45;
  --ee-crema:#F5F0E6; --ee-ink:#02020B; --ee-blanco:#FFFFFF;
  --ee-amarillo:#FFD23F; --ee-lima:#C6FF3D; --ee-violeta:#5E2BFF;
  --ee-font-sans:"Space Grotesk",system-ui,sans-serif;
  --ee-font-serif:"Instrument Serif",Georgia,serif;
  --ee-radius:6px; --ee-pill:999px;
}
/* ---------- Base oscura ---------- */
body{background:var(--ee-noche-800);color:var(--ee-crema);font-family:var(--ee-font-sans)}
.ee-dark,.ee-dark p,.ee-dark li{color:var(--ee-petroleo-200)}
.ee-dark h1,.ee-dark h2,.ee-dark h3,.ee-dark h4{color:var(--ee-crema)}
.ee-claro,.ee-claro p,.ee-claro li{color:var(--ee-ink)}
.ee-claro h1,.ee-claro h2,.ee-claro h3{color:var(--ee-ink)}
h1,h2,h3{font-family:var(--ee-font-sans);font-weight:700;letter-spacing:-.025em;line-height:1.02}
h1{font-size:clamp(46px,7.2vw,104px)} h2{font-size:clamp(36px,4.6vw,64px)} .ee-xl{font-size:clamp(46px,6.6vw,96px)}
/* Cursiva serif de marca: <em> dentro de un título */
h1 em,h2 em,h3 em,.ee-serif{font-family:var(--ee-font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--ee-petroleo-300)}
.ee-dark h1 em,.ee-dark h2 em{color:var(--ee-petroleo-200)}
.ee-claro h1 em,.ee-claro h2 em{color:var(--ee-petroleo)}
/* ---------- REGLA DEL CORAL ----------
   Coral 500 solo en texto ≥24px (o ≥18,7px negrita), CTA, punto, subrayados e iconos.
   Texto coral pequeño: coral-400 sobre noche 800/900, coral-300 sobre noche 700, coral-700 sobre crema.
   Máximo un destacado coral por bloque. */
.ee-hl{color:var(--ee-coral)}                                  /* palabra clave en titular (tamaño grande) */
.ee-claro .ee-hl{color:var(--ee-coral)}                        /* en crema solo en titulares grandes */
.ee-eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ee-coral-400)}
.ee-noche-700 .ee-eyebrow,.ee-eyebrow-700{color:var(--ee-coral-300)}
.ee-claro .ee-eyebrow,.ee-claro .ee-badge-texto{color:var(--ee-coral-700)}
.ee-badge{display:inline-block;padding:3px 10px;border-radius:4px;background:var(--ee-coral-400);color:var(--ee-ink);font-size:12px;font-weight:700}
.ee-badge-suave{background:var(--ee-noche-700);color:var(--ee-petroleo-200)}
.ee-badge-ink{background:var(--ee-ink);color:var(--ee-crema)}
.ee-badge-texto{font-size:12px;font-weight:700;color:var(--ee-coral-400)}
.ee-anotacion{font-family:var(--ee-font-serif);font-style:italic;font-size:24px;color:var(--ee-coral-300);transform:rotate(-4deg)}
.ee-tachado{font-family:var(--ee-font-serif);font-style:italic;font-size:clamp(36px,5vw,64px);line-height:1.15;color:var(--ee-noche-700);margin:0;
  text-decoration:line-through;text-decoration-color:var(--ee-coral);text-decoration-thickness:5px}
.ee-precio strong{font-family:var(--ee-font-serif);font-style:italic;font-weight:400;font-size:76px;color:var(--ee-coral)}
.ee-claro .ee-precio strong{color:var(--ee-coral-700)}
.ee-lead{font-size:19px;line-height:1.5} .ee-nota{font-size:13px;opacity:.8}
.ee-num{font-family:var(--ee-font-serif);font-style:italic;font-size:120px;line-height:.8;color:var(--ee-petroleo-300);float:left;margin-right:24px}
.ee-paso{overflow:hidden;margin:48px 0} .ee-paso-2{margin-left:12%} .ee-paso-3{margin-left:24%}
@media(max-width:980px){.ee-paso-2,.ee-paso-3{margin-left:0}}
.ee-check li{list-style:none;position:relative;padding-left:24px} .ee-check li::before{content:"✓";position:absolute;left:0;color:var(--ee-lima);font-weight:700}
.ee-claro .ee-check li::before{color:var(--ee-petroleo)}
.ee-plan-destacado{transform:translateY(-24px)}
.ee-tarjeta-crema,.ee-nota-avance,.ee-portada{background:var(--ee-crema);color:var(--ee-ink);padding:20px 24px;border-radius:var(--ee-radius);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.ee-tarjeta-crema p,.ee-nota-avance li,.ee-nota-avance p,.ee-portada p,.ee-portada h3{color:var(--ee-ink)}
.ee-nota-avance{transform:rotate(3deg);margin:-90px 0 0 -60px;position:relative;max-width:340px}
.ee-nota-avance em,.ee-portada em{font-family:var(--ee-font-serif);color:var(--ee-petroleo);float:right}
.ee-portada{transform:rotate(4deg);min-height:320px}
/* Fotos */
.ee-foto img{border-radius:2px} .ee-hero-media .ee-foto{transform:rotate(2deg)}
.ee-foto-circulo .ee-foto img{border-radius:50%;aspect-ratio:3/4;object-fit:cover}
.ee-foto-sangre{padding:0!important} .ee-foto-sangre .ee-foto img{min-height:640px;object-fit:cover}
.ee-polaroid{transform:rotate(-2deg);box-shadow:0 18px 40px rgba(0,0,0,.4)} .ee-polaroid:nth-child(2){transform:rotate(1.5deg)}
/* Sellos de garantía */
.ee-sellos{display:flex;flex-wrap:wrap;gap:16px;padding:0;list-style:none}
.ee-sello{width:150px;height:150px;border-radius:50%;border:2px solid var(--ee-coral-700);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ee-coral-700);transform:rotate(-6deg)}
.ee-sello:nth-child(even){border-color:var(--ee-petroleo);color:var(--ee-noche-800);transform:rotate(4deg)}
.ee-sello strong{font-size:13px;letter-spacing:.1em;text-transform:uppercase} .ee-sello em{font-family:var(--ee-font-serif);font-size:20px}
/* FAQ */
.ee-faq .et_pb_toggle{background:transparent!important;border:0;border-bottom:1px solid var(--ee-noche-700)}
.ee-faq .et_pb_toggle_title{font-family:var(--ee-font-serif);font-style:italic;font-weight:400;font-size:28px;color:var(--ee-crema)!important}
/* Grano: textura superpuesta en secciones con clase ee-grano */
.ee-grano{position:relative;isolation:isolate}
.ee-grano::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px;mix-blend-mode:overlay;opacity:.35;pointer-events:none;z-index:1}
.ee-grano>*{position:relative;z-index:2}
/* Spinner → punto */
.ee-spinner{display:inline-block;flex:none;width:40px;height:40px;background:var(--ee-coral);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52' fill='%23000'%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='1' transform='rotate%280 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.86' transform='rotate%2845 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.72' transform='rotate%2890 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.58' transform='rotate%28135 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.44' transform='rotate%28180 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.32' transform='rotate%28225 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.2' transform='rotate%28270 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.1' transform='rotate%28315 26 26%29'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52' fill='%23000'%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='1' transform='rotate%280 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.86' transform='rotate%2845 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.72' transform='rotate%2890 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.58' transform='rotate%28135 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.44' transform='rotate%28180 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.32' transform='rotate%28225 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.2' transform='rotate%28270 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.1' transform='rotate%28315 26 26%29'/%3E%3C/svg%3E") center/contain no-repeat;vertical-align:middle;animation:ee-gira .9s steps(8) infinite}
.ee-punto{display:inline-block;width:28px;height:28px;border-radius:50%;background:var(--ee-lima);vertical-align:middle}
@keyframes ee-gira{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){.ee-spinner{animation:none}}
/* Botones: los colores y el hover vienen de los Global Presets; aquí solo grupo y foco */
.et_pb_group.ee-botones{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:16px;align-items:center;justify-content:flex-start!important}
.ee-botones>.et_pb_module{width:auto!important;margin:0!important}
.et_pb_image.ee-foto{width:100%;max-width:100%} .ee-foto .et_pb_image_wrap,.ee-foto img{width:100%;display:block}
.et_pb_button{transition:background-color .2s,color .2s,border-color .2s}
a:focus-visible,button:focus-visible,.et_pb_button:focus-visible{outline:2px solid var(--ee-amarillo);outline-offset:3px}
/* ---------- Lo que no vas a oír (rediseño) ---------- */
.ee-mitos{position:relative}
.ee-mitos .ee-tachado{color:var(--ee-petroleo-300);text-decoration-color:var(--ee-coral)}
.ee-mitos::after{content:"→";position:absolute;right:-56px;top:50%;transform:translateY(-50%);font:700 120px/1 var(--ee-font-sans);color:var(--ee-petroleo-300)}
.ee-anotacion-mitos{font-size:22px;margin:0 0 -8px 40%}
.ee-tarjeta-si{position:relative;box-shadow:0 24px 48px rgba(0,0,0,.45);transform:rotate(-1deg)}
.ee-h-tarjeta{font-size:clamp(32px,3.6vw,52px)} .ee-claro .ee-h-tarjeta em{color:var(--ee-petroleo)}
.ee-tarjeta-si::before{content:"";position:absolute;width:190px;height:240px;right:-30px;top:-150px;background:url("img/pan-escaparate-noche.webp") center/cover;transform:rotate(6deg);box-shadow:0 18px 40px rgba(0,0,0,.4)}
.ee-sello-tarjeta{position:absolute;right:-30px;bottom:-40px;width:124px;height:124px;margin:0}
@media(max-width:980px){.ee-mitos::after{content:"↓";position:static;display:block;transform:none;font-size:72px}.ee-tarjeta-si::before{width:110px;height:130px;right:-6px;top:-100px}.ee-sello-tarjeta{right:-6px;bottom:auto;top:-60px;width:100px;height:100px}}
/* ---------- Announcement bar (Theme Builder > Global Header, encima del menú) ---------- */
.ee-anuncio{padding:10px 0!important;position:relative}
.ee-anuncio .ee-anuncio-texto{margin:0;text-align:center;font-size:14px;color:var(--ee-crema);padding:0 40px}
.ee-anuncio a{color:var(--ee-coral-300);font-weight:700;text-decoration:underline;text-underline-offset:3px} /* coral-300 sobre noche 700: 5,2:1 AA */
.ee-anuncio a.ee-link-suave{color:var(--ee-petroleo-200);font-weight:500}
.ee-anuncio a:hover{color:var(--ee-crema)}
.ee-spinner-mini{width:16px;height:16px;background:var(--ee-coral-300);margin-right:6px;vertical-align:-3px}
.ee-anuncio-cerrar{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--ee-crema);font-size:22px;line-height:1;cursor:pointer;padding:4px 8px}
.ee-solo-movil{display:none} @media(max-width:767px){.ee-solo-desktop{display:none}.ee-solo-movil{display:inline}.ee-anuncio .ee-anuncio-texto{font-size:13px;text-align:left;padding:0 36px 0 16px}}
html.ee-anuncio-oculto .ee-anuncio{display:none!important}
@media(max-width:767px){.ee-nota-avance{margin:-40px 0 0 0;transform:rotate(2deg);max-width:none}.ee-tachado{font-size:30px}.ee-anotacion{font-size:18px}.ee-anotacion-mitos{margin-left:30%}.ee-hero-media .ee-anotacion{display:none}}
.et_pb_button,.et_pb_button:hover{padding-left:30px!important;padding-right:30px!important}
/* Barra de anuncio pintada por el tema hijo (wp_body_open) */
.ee-anuncio--child{background:var(--ee-noche-700);padding:10px 0;position:relative;z-index:100000}
html.ee-anuncio-oculto .ee-anuncio--child{display:none!important}

/* =====================================================================
   11. MICROINTERACCIONES (v2.2.0) — js/ee.js añade .ee-visto al entrar en pantalla.
   Clases de utilidad (Divi › Avanzado › Clase CSS): ee-reveal, ee-reveal-hijos,
   ee-contador, ee-tachado, ee-subrayado, ee-parallax, ee-magnetico,
   ee-cta-spinner, ee-sin-reveal (sección), ee-sin-animacion (body).
   ===================================================================== */
:root{--ee-muelle:cubic-bezier(.34,1.56,.64,1);--ee-suave:cubic-bezier(.22,1,.36,1)}
/* Reveal (solo con JS activo: sin JS todo se ve) */
.ee-anima .ee-reveal:not(.ee-visto),.ee-anima .ee-reveal-hijos:not(.ee-visto)>*{opacity:0;transform:translateY(28px)}
.ee-reveal,.ee-reveal-hijos>*{transition:opacity .7s var(--ee-suave),transform .8s var(--ee-suave);transition-delay:calc(var(--ee-i,0)*90ms)}
/* Botones con muelle */
.et_pb_button{transition:transform .45s var(--ee-muelle),background-color .25s,color .25s,border-color .25s,box-shadow .3s!important;transform:translate(var(--ee-mx,0px),var(--ee-my,0px))}
.et_pb_button:hover{transform:translate(var(--ee-mx,0px),calc(var(--ee-my,0px) - 2px))}
.et_pb_button:active{transform:translate(var(--ee-mx,0px),var(--ee-my,0px)) scale(.96);transition-duration:.12s!important}
.et_pb_button:focus-visible{outline:2px solid var(--ee-amarillo,#FFD23F);outline-offset:3px}
/* Spinner de marca al pasar por el CTA primario (o cualquier botón con ee-cta-spinner) */
.preset--module--divi-button--ee-btn-primario,.ee-cta-spinner .et_pb_button,.et_pb_button.ee-cta-spinner{display:inline-flex!important;align-items:center;overflow:visible}
.preset--module--divi-button--ee-btn-primario::before,.ee-cta-spinner .et_pb_button::before,.et_pb_button.ee-cta-spinner::before{content:""!important;position:static!important;display:inline-block!important;flex:none;width:0;height:1em;margin:0;opacity:0;background:currentColor;-webkit-mask:var(--ee-sp) center/contain no-repeat;mask:var(--ee-sp) center/contain no-repeat;transition:width .35s var(--ee-muelle),margin .35s var(--ee-muelle),opacity .2s;animation:ee-gira .9s steps(8) infinite;font-size:inherit!important;line-height:1!important}
.preset--module--divi-button--ee-btn-primario:hover::before,.ee-cta-spinner .et_pb_button:hover::before,.et_pb_button.ee-cta-spinner:hover::before{width:1em;margin-right:.5em;opacity:1}
:root{--ee-sp:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52' fill='%23000'%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='1' transform='rotate%280 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.86' transform='rotate%2845 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.72' transform='rotate%2890 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.58' transform='rotate%28135 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.44' transform='rotate%28180 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.32' transform='rotate%28225 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.2' transform='rotate%28270 26 26%29'/%3E%3Crect x='24' y='2' width='4' height='13' rx='2' opacity='0.1' transform='rotate%28315 26 26%29'/%3E%3C/svg%3E")}
/* Subrayado coral que se dibuja (enlaces en texto y .ee-subrayado) */
.et_pb_text a:not(.et_pb_button),.ee-anuncio a,.ee-subrayado{text-decoration:none!important;background:linear-gradient(var(--ee-coral-400),var(--ee-coral-400)) no-repeat 0 100%/0% 2px;padding-bottom:2px;transition:background-size .45s var(--ee-suave)}
.ee-anuncio a{background-size:100% 1.5px;background-image:linear-gradient(currentColor,currentColor)}
.et_pb_text a:not(.et_pb_button):hover,.et_pb_text a:not(.et_pb_button):focus-visible,.ee-anuncio a:hover,.ee-subrayado.ee-visto{background-size:100% 2px}
.ee-hl{background:linear-gradient(var(--ee-coral),var(--ee-coral)) no-repeat 0 92%/0% .08em;transition:background-size .9s var(--ee-suave) .3s}
.ee-visto .ee-hl,.ee-hl:hover{background-size:100% .08em}
/* Tachados que se dibujan al entrar */
.ee-tachado{text-decoration:none!important}
.ee-tachado-t{background:linear-gradient(var(--ee-coral),var(--ee-coral)) no-repeat 0 58%/0% 3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .8s var(--ee-suave)}
.ee-tachado.ee-visto .ee-tachado-t{background-size:100% 3px}
.ee-mitos .ee-tachado:nth-of-type(2) .ee-tachado-t{transition-delay:.15s}.ee-mitos .ee-tachado:nth-of-type(3) .ee-tachado-t{transition-delay:.3s}.ee-mitos .ee-tachado:nth-of-type(4) .ee-tachado-t{transition-delay:.45s}
/* Fotos: parallax ligero + tinte que se aviva al pasar */
.ee-foto,.ee-parallax{overflow:hidden}
.ee-foto img,.ee-parallax img{transform:translateY(var(--ee-py,0px)) scale(1.06);transition:filter .5s,transform .2s linear;filter:saturate(.85) brightness(.95)}
.ee-foto:hover img,.ee-parallax:hover img{filter:saturate(1.1) brightness(1.02)}
/* Cabecera que se compacta */
#main-header{transition:background-color .3s,box-shadow .3s,padding .3s!important}
.ee-scroll #main-header{box-shadow:0 6px 24px rgba(2,2,11,.18)}
#logo{height:26px!important;width:auto!important;max-height:none!important;vertical-align:middle}
.ee-scroll #logo{height:22px!important;transition:height .3s}

/* Iconos del sprite */
.ee-icono{width:1em;height:1em;fill:currentColor;vertical-align:-.12em}
/* Sin movimiento si el sistema lo pide */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.ee-tachado-t,.ee-hl{background-size:100% 3px}.ee-foto img,.ee-parallax img,.et_pb_button{transform:none!important}}

/* =====================================================================
   12. CABECERA OSCURA + LOGO (v2.2.1) — logo oficial (285×25), sin deformar
   ===================================================================== */
#main-header,#main-header.et-fixed-header,#top-header{background-color:var(--ee-noche-800)!important}
#main-header .nav li a,#main-header.et-fixed-header .nav li a,#et_search_icon:before,#et_top_search .et_search_form_container input,.mobile_menu_bar:before,.et_close_search_field:after{color:var(--ee-crema)!important}
#main-header .nav li a:hover{color:var(--ee-coral-400)!important;opacity:1}
#main-header .nav li ul{background:var(--ee-noche-900)!important;border-top-color:var(--ee-coral)!important}
#main-header .et_mobile_menu{background:var(--ee-noche-900)!important;border-top-color:var(--ee-coral)!important}
#main-header .et_mobile_menu li a{color:var(--ee-crema)!important;border-color:rgba(245,240,230,.12)!important}
#logo{max-width:none!important;object-fit:contain}
.logo_container{width:auto!important}
@media (max-width:980px){#logo{height:20px!important;max-width:calc(100vw - 140px)!important}}
@media (max-width:360px){#logo{height:18px!important}}
.et-social-icons:empty{display:none}