/* ==========================================================================
   INDEX.CSS - Digital Factory Mexico
   Organizado por secciones
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. BASE / RESET
   -------------------------------------------------------------------------- */
.version.index {
  color: #0000E6;
  background-color: #529768;
}

.html {
  background-color: #FFFFFF;
}

body {
  position: relative;
  min-width: 960px;
}

/* --------------------------------------------------------------------------
   2. TIPOGRAFÍA
   -------------------------------------------------------------------------- */
@font-face {
  font-family: '__Century Gothic_5';
  src: url('../fonts/century_gothic.eot');
  src: local('   '), url('../fonts/century_gothic.woff') format('woff'), url('../fonts/century_gothic.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}

/* --------------------------------------------------------------------------
   3. LAYOUT PRINCIPAL
   -------------------------------------------------------------------------- */
#page {
  z-index: 1;
  width: 960px;
  min-height: 599.95px;
  background-image: none;
  border-style: none;
  border-color: #000000;
  background-color: transparent;
  padding-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

#page .verticalspacer {
  clear: both;
}

#page_position_content {
  margin-top: -18px;
  width: 0.01px;
}

/* --------------------------------------------------------------------------
   4. HEADER / NAVEGACIÓN
   -------------------------------------------------------------------------- */
#inicio {
  left: -122px;
  position: relative;
}

/* Barra superior fija */
#u685 {
  z-index: 360;
  height: 80px;
  border-color: #F15A5B;
  background-color: #FFFFFF;
  position: fixed;
  top: 0;
}

#u685-bw {
  z-index: 360;
}

/* Área del logo */
#u686 {
  z-index: 361;
  width: 287px;
  background-color: transparent;
  position: fixed;
  top: 21px;
  left: 50%;
  margin-left: -570px;
}

/* Contenedor del menú */
#menuu688 {
  z-index: 365;
  width: 555px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  position: fixed;
  top: 33px;
  left: 50%;
  margin-left: -125px;
}

/* Items del menú - estructura común */
#u696 {
  width: 83px;
  min-height: 26px;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  left: 20px;
}
#u696-1 {
  width: 125px;
  min-height: 26px;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  left: 580px;
}

#u699 {
  width: 82px;
  border-style: solid;
  border-color: #FFFFFF;
  background-color: transparent;
  padding-bottom: 12px;
  position: relative;
  border-width: 0 1px 0 0;
}

#u699.MuseMenuActive {
  width: 82px;
  min-height: 0;
  margin: 0;
}

#u702-4 {
  width: 54px;
  min-height: 14px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  color: #313131;
  text-align: center;
  letter-spacing: 3px;
  font-size: 12px;
  line-height: 14px;
  font-family: lato, sans-serif;
  font-weight: 400;
  position: relative;
  margin-right: -10000px;
  top: 6px;
  left: 0px;
}

#u699:hover #u702-4,
#u699.MuseMenuActive #u702-4 {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 14px;
  width: 54px;
  margin: 0 -10000px 0 0;
}

#u699:hover #u702-4 p,
#u699:hover #u702-4 h1,
#u699.MuseMenuActive #u702-4 p,
#u699.MuseMenuActive #u702-4 h1 {
  color: #F15A5B;
  visibility: inherit;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* Menú item 2 */
#u710 {
  width: 125px;
  min-height: 26px;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  left: 85px;
}

#u713 {
  width: 124px;
  border-style: solid;
  border-color: #FFFFFF;
  background-color: transparent;
  padding-bottom: 12px;
  position: relative;
  border-width: 0 1px 0 0;
}

#u713.MuseMenuActive {
  width: 124px;
  min-height: 0;
  margin: 0;
}

#u714-4 {
  width: 96px;
  min-height: 14px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  color: #313131;
  text-align: center;
  letter-spacing: 3px;
  font-size: 12px;
  line-height: 14px;
  font-family: lato, sans-serif;
  font-weight: 400;
  position: relative;
  margin-right: -10000px;
  top: 6px;
  left: 14px;
}

#u713:hover #u714-4,
#u713.MuseMenuActive #u714-4 {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 14px;
  width: 96px;
  margin: 0 -10000px 0 0;
}

#u713:hover #u714-4 p,
#u713:hover #u714-4 h1,
#u713.MuseMenuActive #u714-4 p,
#u713.MuseMenuActive #u714-4 h1 {
  color: #F15A5B;
  visibility: inherit;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* Menú item 3 */
#u717 {
  width: 116px;
  min-height: 26px;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  left: 212px;
}

#u718 {
  width: 115px;
  border-style: solid;
  border-color: #FFFFFF;
  background-color: transparent;
  padding-bottom: 12px;
  position: relative;
  border-width: 0 1px 0 0;
}

#u718.MuseMenuActive {
  width: 115px;
  min-height: 0;
  margin: 0;
}

#u719-4 {
  width: 87px;
  min-height: 14px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  color: #313131;
  text-align: center;
  letter-spacing: 3px;
  font-size: 12px;
  line-height: 14px;
  font-family: lato, sans-serif;
  font-weight: 400;
  position: relative;
  margin-right: -10000px;
  top: 6px;
  left: 14px;
}

#u718:hover #u719-4,
#u718.MuseMenuActive #u719-4 {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 14px;
  width: 87px;
  margin: 0 -10000px 0 0;
}

#u718:hover #u719-4 p,
#u718:hover #u719-4 h1,
#u718.MuseMenuActive #u719-4 p,
#u718.MuseMenuActive #u719-4 h1 {
  color: #F15A5B;
  visibility: inherit;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* Menú item 4 */
#u703 {
  width: 107px;
  min-height: 26px;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  left: 330px;
}

#u706 {
  width: 106px;
  border-style: solid;
  border-color: #FFFFFF;
  background-color: transparent;
  padding-bottom: 12px;
  position: relative;
  border-width: 0 1px 0 0;
}

#u706.MuseMenuActive {
  width: 106px;
  min-height: 0;
  margin: 0;
}

#u709-4 {
  width: 78px;
  min-height: 14px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  color: #313131;
  text-align: center;
  letter-spacing: 3px;
  font-size: 12px;
  line-height: 14px;
  font-family: lato, sans-serif;
  font-weight: 400;
  position: relative;
  margin-right: -10000px;
  top: 6px;
  left: 14px;
}

#u706:hover #u709-4,
#u706.MuseMenuActive #u709-4 {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 14px;
  width: 78px;
  margin: 0 -10000px 0 0;
}

#u706:hover #u709-4 p,
#u706:hover #u709-4 h1,
#u706.MuseMenuActive #u709-4 p,
#u706.MuseMenuActive #u709-4 h1 {
  color: #F15A5B;
  visibility: inherit;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* Menú item 5 (último) */
#u689 {
  width: 116px;
  min-height: 26px;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  left: 425px;
}

#u690 {
  width: 116px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  padding-bottom: 12px;
  position: relative;
}

#u690.MuseMenuActive {
  width: 116px;
  min-height: 0;
  margin: 0;
}

#u691-4 {
  width: 89px;
  min-height: 14px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  color: #313131;
  text-align: center;
  letter-spacing: 3px;
  font-size: 12px;
  line-height: 14px;
  font-family: lato, sans-serif;
  font-weight: 400;
  position: relative;
  margin-right: -10000px;
  top: 6px;
  left: 0px;
}

#u690:hover #u691-4,
#u690.MuseMenuActive #u691-4 {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 14px;
  width: 89px;
  margin: 0 -10000px 0 0;
}

#u690:hover #u691-4 p,
#u690:hover #u691-4 h1,
#u690.MuseMenuActive #u691-4 p,
#u690.MuseMenuActive #u691-4 h1 {
  color: #F15A5B;
  visibility: inherit;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* Estado activo del menú - color en todos los items */
#u699.MuseMenuActive #u702-4 p,
#u699.MuseMenuActive #u702-4 h1,
#u713.MuseMenuActive #u714-4 p,
#u713.MuseMenuActive #u714-4 h1,
#u718.MuseMenuActive #u719-4 p,
#u718.MuseMenuActive #u719-4 h1,
#u706.MuseMenuActive #u709-4 p,
#u706.MuseMenuActive #u709-4 h1,
#u690.MuseMenuActive #u691-4 p,
#u690.MuseMenuActive #u691-4 h1 {
  color: #F15A5B;
  visibility: inherit;
}

.MenuItem {
  cursor: pointer;
}

/* --------------------------------------------------------------------------
   5. HERO / BANNER PRINCIPAL
   -------------------------------------------------------------------------- */
#u75 {
  width: 100%;
  height: 550px;
  background: url("../images/background-digital-factory-mexico-dise%c3%b1o-y-desarrollo-web-social-media-management.jpg") no-repeat center top;
  background-size: cover;
}

#u75-bw {
  z-index: 139;
  margin-top: 80px;
  height: 1200px;
}

#u199-4 {
  z-index: 14;
  width: 920px;
  background-color: transparent;
  color: #F74959;
  line-height: 54px;
  font-size: 45px;
  letter-spacing: 1px;
  font-family: lato, sans-serif;
  font-weight: 300;
  position: fixed;
  top: 680px;
  left: 55px;
}

#u198-10 {
  z-index: 4;
  width: 851px;
  background-color: transparent;
  letter-spacing: 1px;
  line-height: 34px;
  font-weight: 300;
  position: fixed;
  top: 742px;
  left: 54px;
}

#u198-2 { font-family: lato, sans-serif; font-weight: 700; }
#u198-6 { font-family: lato, sans-serif; }
#u198-4,
#u198-8 {
  font-size: 28px;
  text-align: center;
  color: #000000;
  font-family: lato, sans-serif;
}

/* --------------------------------------------------------------------------
   6. SECCIÓN LA FÁBRICA
   -------------------------------------------------------------------------- */
#la-fabrica-agencia-de-marketing-digital {
  left: -122px;
  margin-top: 750px;
  position: relative;
}

#u201-4 {
  z-index: 40;
  width: 900px;
  min-height: 70px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  color: #000000;
  line-height: 54px;
  font-size: 45px;
  letter-spacing: 1px;
  font-family: lato, sans-serif;
  font-weight: 300;
  position: fixed;
  top: 950px;
  left: 30px;
  margin-bottom: 10px;
}

#u200-22 {
  z-index: 18;
  width: 885px;
  min-height: 249px;
  background-color: transparent;
  font-size: 20px;
  letter-spacing: 1px;
  font-family: lato, sans-serif;
  font-weight: 300;
  position: fixed;
  top: 1030px;
  left: 38px;
}

#u200-15 { line-height: 10px; text-align: center; }
#u200-8, #u200-9 { line-height: 24px; margin-top: 40px; }
#u200-16{ line-height: 24px; margin-top: 0px; }
#u200-20 { line-height: 24px; margin-top: 0px; text-align: center; }




/* --------------------------------------------------------------------------
   7. BANNER CTA (rojo) - "¿Qué hacemos?"
   -------------------------------------------------------------------------- */
#pu291 {
  width: 0.01px;
  margin-left: -100px;
  margin-top: 0px;
}

#u291 {
  z-index: 140;
  min-height: 303px;
  background-color: #F74858;
  padding-bottom: 97px;
}

#u291_align_to_page,
#u1267_align_to_page {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  position: relative;
  left: -100px;
}

#u2801 {
  z-index: 273;
  width: 532px;
  height: 52px;
  background-color: #484848;
  position: relative;
  margin-right: -10000px;
  margin-top: 251px;
  left: 315px;
  border-radius: 5px;
}

#u291-bw {
  z-index: 140;
  min-height: 303px;
}

#u1270-9 {
  z-index: 274;
  width: 920px;
  min-height: 202px;
  background-color: transparent;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: 1px;
  font-family: lato, sans-serif;
  font-weight: 300;
  position: relative;
  margin-right: -10000px;
  margin-top: 93px;
  left: 120px;
}

#u1270-2, #u1270-4, #u1270-5 { font-size: 40px; line-height: 54px; }
#u1270-7 { font-size: 30px; line-height: 36px; }

/* --------------------------------------------------------------------------
   8. SECCIÓN SERVICIOS
   -------------------------------------------------------------------------- */
#pservicios-agencia-de-marketing-digital {
  width: 0.01px;
  margin-left: -122px;
  margin-top: 1px;
}

#servicios-agencia-de-marketing-digital {
  position: relative;
  width: 22px;
  margin-right: -10000px;
  margin-top: 133px;
}

#u209 {
  z-index: 2;
  min-height: 1305px;
  background-color: #F3F5F8;
}

#u209_align_to_page {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  position: relative;
  left: -100px;
  padding-top: 232px;
  padding-bottom: 215px;
}

#u210-4 {
  z-index: 247;
  width: 281px;
  min-height: 40px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  color: #000000;
  line-height: 54px;
  font-size: 45px;
  letter-spacing: 1px;
  font-family: lato, sans-serif;
  font-weight: 300;
  left: 445px;
  position: relative;
}

/* Servicios - iconos */
#pu239 {
  width: 0.01px;
  left: 215px;
  margin-top: 68px;
  position: relative;
}

#u239, #u245, #u243 {
  z-index: 133;
  width: 120px;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
}

#u245 { z-index: 137; left: 310px; }
#u243 { z-index: 135; left: 620px; }

/* Servicios - títulos columna 1 */
#cta-consultoria,
#cta-book{
color:#F74959;
font-family:lato, sans-serif;
font-weight:600;
cursor:pointer;
transition:color .3s ease;
text-decoration:none;
}
#cta-consultoria {
margin-top: 0px;
}

#cta-consultoria:hover,
#cta-book:hover{
color:#96000f;
}
#pu211-5 {
  width: 0.01px;
  left: 132px;
  margin-top: 20px;
  position: relative;
}

#u211-5 {
  z-index: 44;
  width: 280px;
  min-height: 53px;
  background-color: transparent;
  color: #000000;
  line-height: 26px;
  font-size: 22px;
  font-family: lato, sans-serif;
  font-weight: 700;
  position: relative;
  margin-right: -10000px;
}

#u223-4 {
  z-index: 101;
  width: 280px;
  min-height: 53px;
  background-color: transparent;
  color: #000000;
  line-height: 26px;
  font-size: 22px;
  font-family: lato, sans-serif;
  font-weight: 700;
  position: relative;
  margin-right: -10000px;
  left: 313px;
}

#u226-6 {
  z-index: 110;
  width: 280px;
  min-height: 53px;
  background-color: transparent;
  color: #000000;
  line-height: 26px;
  font-size: 22px;
  font-family: lato, sans-serif;
  font-weight: 700;
  position: relative;
  margin-right: -10000px;
  left: 623px;
}

/* Servicios - descripciones columna 1 */
#pu212-4 {
  width: 0.01px;
  left: 135px;
  margin-top: 19px;
  position: relative;
}

#u212-4 {
  z-index: 73;
  width: 280px;
  background-color: transparent;
  line-height: 19px;
  font-weight: 300;
  position: relative;
  margin-right: -10000px;
}

#u215-4 {
  z-index: 77;
  width: 280px;
  min-height: 57px;
  background-color: transparent;
  line-height: 19px;
  font-weight: 300;
  position: relative;
  margin-right: -10000px;
  left: 310px;
}

#u218-6 {
  z-index: 87;
  width: 280px;
  min-height: 57px;
  background-color: transparent;
  line-height: 19px;
  font-weight: 300;
  position: relative;
  margin-right: -10000px;
  left: 620px;
}

/* Servicios - enlaces */
#pu1144-4 {
  width: 0.01px;
  left: 135px;
  margin-top: 20px;
  position: relative;
}

#u1144-4, #u1145-4, #u1146-4 {
  width: 200px;
  background-color: transparent;
  line-height: 22px;
  font-weight: 400;
  position: relative;
  margin-right: -10000px;
}

#u1144-4 { z-index: 49; }
#u1145-4 { z-index: 53; left: 310px; }
#u1146-4 { z-index: 61; left: 620px; }

/* Servicios - iconos fila 2 */
#pu237 {
  width: 0.01px;
  left: 212px;
  margin-top: 94px;
  position: relative;
}

#u237, #u235, #u231 {
  width: 120px;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
}

#u237 { z-index: 131; }
#u235 { z-index: 129; left: 313px; }
#u231 { z-index: 127; left: 313px; }

/* Hover iconos servicios */
#u239:hover, #u245:hover, #u243:hover,
#u237:hover, #u235:hover, #u231:hover {
  border-style: none;
  border-color: transparent;
  width: 120px;
  min-height: 0;
  margin: 0 -10000px 0 0;
}

/* Servicios - títulos columna 2 */
#pu228-5 {
  width: 0.01px;
  left: 132px;
  margin-top: 30px;
  position: relative;
}

#u228-5 {
  z-index: 122;
  width: 280px;
  min-height: 53px;
  background-color: transparent;
  color: #000000;
  line-height: 26px;
  font-size: 22px;
  font-family: lato, sans-serif;
  font-weight: 700;
  position: relative;
  margin-right: -10000px;
}

#u225-5 {
  z-index: 105;
  width: 280px;
  min-height: 53px;
  background-color: transparent;
  color: #000000;
  line-height: 26px;
  font-size: 22px;
  font-family: lato, sans-serif;
  font-weight: 700;
  position: relative;
  margin-right: -10000px;
  left: 313px;
}

#u227-6 {
  z-index: 116;
  width: 280px;
  min-height: 53px;
  background-color: transparent;
  color: #000000;
  line-height: 26px;
  font-size: 22px;
  font-family: lato, sans-serif;
  font-weight: 700;
  position: relative;
  margin-right: -10000px;
  left: 313px;
}

/* Hover títulos servicios */
#u211-5:hover, #u223-4:hover, #u226-6:hover,
#u228-5:hover, #u225-5:hover, #u227-6:hover {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 53px;
  width: 280px;
  margin: 0 -10000px 0 0;
}

/* Servicios - descripciones columna 2 */
#pu219-4 {
  width: 0.01px;
  left: 132px;
  margin-top: 19px;
  position: relative;
}

#u219-4 {
  z-index: 93;
  width: 280px;
  min-height: 77px;
  background-color: transparent;
  line-height: 19px;
  font-weight: 300;
  position: relative;
  margin-right: -10000px;
}

#u219-4:hover {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 77px;
  width: 280px;
  margin: 0 -10000px 0 0;
}

#u216-6 {
  z-index: 81;
  width: 280px;
  min-height: 57px;
  background-color: transparent;
  line-height: 19px;
  font-weight: 300;
  position: relative;
  margin-right: -10000px;
  left: 313px;
}

#u215-4:hover, #u218-6:hover, #u216-6:hover {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 57px;
  width: 280px;
  margin: 0 -10000px 0 0;
}

#u220-4 {
  z-index: 97;
  width: 280px;
  background-color: transparent;
  line-height: 19px;
  font-weight: 300;
  position: relative;
  margin-right: -10000px;
  left: 313px;
}

#u212-4:hover, #u220-4:hover {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 0;
  width: 280px;
  margin: 0 -10000px 0 0;
}

#u212-2, #u215-2, #u218-2, #u218-4,
#u219-2, #u216-2, #u216-4, #u220-2 {
  font-size: 16px;
  color: #000000;
  font-family: lato, sans-serif;
}

/* Servicios - enlaces fila 2 */
#pu1149-4 {
  width: 0.01px;
  left: 135px;
  margin-top: 10px;
  position: relative;
}

#u1149-4 { z-index: 65; width: 200px; background-color: transparent; line-height: 22px; font-weight: 400; position: relative; margin-right: -10000px; }
#u1148-4 { z-index: 57; width: 200px; background-color: transparent; line-height: 22px; font-weight: 400; position: relative; margin-right: -10000px; left: 313px; }
#u1150-4 { z-index: 69; width: 200px; background-color: transparent; line-height: 22px; font-weight: 400; position: relative; margin-right: -10000px; left: 313px; }

#u1144-4:hover, #u1145-4:hover, #u1146-4:hover,
#u1149-4:hover, #u1148-4:hover, #u1150-4:hover {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 0;
  width: 200px;
  margin: 0 -10000px 0 0;
}

/* Hover color en servicios */
#u211-5:hover p, #u211-5:hover h1, #u211-5:hover a, #u211-5:hover span,
#u223-4:hover p, #u223-4:hover h1, #u223-4:hover span,
#u226-6:hover p, #u226-6:hover h1, #u226-6:hover a, #u226-6:hover span,
#u212-4:hover p, #u215-4:hover p, #u218-6:hover p,
#u1144-4:hover p, #u1145-4:hover p, #u1146-4:hover p,
#u228-5:hover p, #u228-5:hover h1, #u228-5:hover a, #u228-5:hover span,
#u225-5:hover p, #u225-5:hover h1, #u225-5:hover a, #u225-5:hover span,
#u227-6:hover p, #u227-6:hover h1, #u227-6:hover a, #u227-6:hover span,
#u219-4:hover p, #u216-6:hover p, #u220-4:hover p,
#u1149-4:hover p, #u1148-4:hover p, #u1150-4:hover p {
  color: #F74959;
  visibility: inherit;
}

#u1144-2, #u1145-2, #u1146-2, #u1149-2, #u1148-2, #u1150-2 {
  font-size: 18px;
  color: #F74959;
  font-family: quicksand, sans-serif;
}

#u209-bw {
  z-index: 2;
  min-height: 1305px;
}

/* --------------------------------------------------------------------------
   9. BANNER CTA 2 - Contacto
   -------------------------------------------------------------------------- */
#pu1267 {
  width: 0.01px;
  margin-left: -100px;
  margin-top: -2px;
}

#u1267 {
  z-index: 3;
  min-height: 372px;
  background-color: #F74858;
  padding-bottom: 69px;
}

#u2809 {
  z-index: 283;
  width: 221px;
  height: 52px;
  background-color: #484848;
  position: relative;
  margin-right: -10000px;
  margin-top: 320px;
  left: 475px;
  border-radius: 5px;
}

#u1267-bw {
  z-index: 3;
  min-height: 372px;
}

#u2808-12 {
  z-index: 284;
  width: 736px;
  min-height: 283px;
  background-color: transparent;
  color: #FFFFFF;
  font-family: lato, sans-serif;
  font-weight: 300;
  position: relative;
  margin-right: -10000px;
  margin-top: 79px;
  left: 217px;
}

#u2808-2, #u2808-3 { font-size: 45px; text-align: center; line-height: 54px; letter-spacing: 3px; }
#u2808-6, #u2808-7, #u2808-8, #u2808-10 { font-size: 20px; text-align: center; line-height: 24px; letter-spacing: 1px; }

/* --------------------------------------------------------------------------
   10. SECCIÓN NOSOTROS / METODOLOGÍA
   -------------------------------------------------------------------------- */
#u308-4 {
  z-index: 142;
  width: 281px;
  min-height: 40px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  color: #000000;
  line-height: 54px;
  font-size: 45px;
  letter-spacing: 1px;
  font-family: lato, sans-serif;
  font-weight: 300;
  margin-left: 340px;
  margin-top: 80px;
  position: relative;
}

#pu2331 {
  width: 0.01px;
  margin-left: 81px;
  margin-top: 86px;
}

#u2331 { z-index: 259; width: 113px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 7px; }
#u2343 { z-index: 271; width: 175px; background-color: transparent; position: relative; margin-right: -10000px; left: 153px; }
#u2341 { z-index: 269; width: 70px; background-color: transparent; position: relative; margin-right: -10000px; left: 378px; }
#u2335 { z-index: 263; width: 76px; background-color: transparent; position: relative; margin-right: -10000px; left: 498px; }
#u2333 { z-index: 261; width: 175px; background-color: transparent; position: relative; margin-right: -10000px; left: 624px; }

#pu2337 {
  width: 0.01px;
  margin-left: 76px;
  margin-top: 35px;
}

#u2337 { z-index: 265; width: 139px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 19px; }
#u2325 { z-index: 253; width: 142px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 21px; left: 171px; }
#u2339 { z-index: 267; width: 53px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 5px; left: 363px; }
#u2323 { z-index: 251; width: 91px; background-color: transparent; position: relative; margin-right: -10000px; left: 474px; }
#u2327 { z-index: 255; width: 81px; border-width: 1px; border-style: solid; border-color: #7F7F7F; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 7px; left: 611px; }
#u2329 { z-index: 257; width: 61px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 5px; left: 748px; }

/* Formulario de contacto */
#u398 {
  z-index: 150;
  width: 439px;
  background-color: #000000;
  border-radius: 5px;
  padding-bottom: 15px;
  margin-left: 261px;
  margin-top: 176px;
  position: relative;
}

#u399-4 {
  z-index: 151;
  width: 407px;
  min-height: 21px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  line-height: 20px;
  font-weight: 300;
  position: relative;
  margin-right: -10000px;
  margin-top: 16px;
  left: 16px;
}

#u399-2 {
  font-size: 17px;
  letter-spacing: 6px;
  font-family: lato, sans-serif;
}

/* --------------------------------------------------------------------------
   11. SECCIÓN CLIENTES / CONTACTO
   -------------------------------------------------------------------------- */
#clientes-agencia-de-marketing-digital,
#contacto-agencia-de-marketing-digital {
  left: -122px;
  margin-top: 121px;
  position: relative;
}

#pu301 {
  width: 0.01px;
  margin-left: -100px;
  margin-top: 62px;
}

#u301 {
  z-index: 141;
  min-height: 869.8px;
  background-color: #F3F5F8;
  padding-bottom: 0;
}

#u301_align_to_page {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  position: relative;
  left: -100px;
  padding-top: 52px;
  padding-bottom: 157px;
}

#u310-4 {
  z-index: 146;
  width: 281px;
  min-height: 40px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  color: #000000;
  line-height: 54px;
  font-size: 45px;
  font-family: lato, sans-serif;
  font-weight: 300;
  left: 449px;
  position: relative;
}

#u426-22 {
  z-index: 225;
  width: 374px;
  min-height: 513px;
  background-color: transparent;
  font-size: 20px;
  line-height: 30px;
  left: 137px;
  margin-top: 94px;
  position: relative;
}

#u426-2 { color: #F74959; font-family: lato, sans-serif; font-weight: 400; }
#u200-2, #u200-4, #u200-6, #u200-11, #u200-13, #u200-18,
#u211, #u223, #u226, #u226-3, #u228, #u225, #u227, #u227-3,
#u2808-5, #u2808-9, #u426-4, #u426-7 {
  font-family: lato, sans-serif;
  font-weight: 400;
}
#u426-3, #u426-6, #u426-9, #u426-10, #u426-12, #u426-14, #u426-16, #u426-18, #u426-20 {
  font-family: lato, sans-serif;
  font-weight: 300;
}

#u301-bw {
  z-index: 141;
  min-height: 869.8px;
}

/* --------------------------------------------------------------------------
   12. FORMULARIO DE CONTACTO (widgets)
   -------------------------------------------------------------------------- */
#widgetu400 {
  z-index: 155;
  width: 0.01px;
  height: 567px;
  position: relative;
  margin-right: -10000px;
  margin-top: 218px;
  left: 624px;
}

/* Campo Nombre */
#widgetu402 {
  z-index: 156;
  width: 402px;
  height: 64px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  left: -1px;
}

#widgetu402.fld-err-st {
  background-color: transparent;
  border-radius: 0;
  width: 402px;
  height: 64px;
  min-height: 0;
  margin: 0 -10000px 0 0;
}

#u405-4 {
  z-index: 157;
  width: 200px;
  min-height: 23px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  color: #000000;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
  font-family: lato, sans-serif;
  font-weight: 300;
  position: relative;
  margin-right: -10000px;
  left: 1px;
}

#u403-3 {
  z-index: 161;
  width: 388px;
  min-height: 23px;
  border-width: 1px;
  border-style: solid;
  border-color: #C4C4C4;
  background-color: transparent;
  padding: 6px;
  color: #000000;
  font-size: 16px;
  line-height: 16px;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
  margin-right: -10000px;
  margin-top: 27px;
}

#widgetu402:hover #u403-3,
#widgetu402.focus-st #u403-3 {
  border-color: #6B6B6B;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 23px;
  width: 388px;
  margin: 27px -10000px 0 0;
}

#widgetu402_input {
  width: 388px;
  min-height: 23px;
  color: #000000;
  font-family: lato, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  padding: 6px;
}

/* Campo Email */
#widgetu413 {
  z-index: 164;
  width: 402px;
  height: 64px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  margin-top: 84px;
  left: -1px;
}

#widgetu413.fld-err-st {
  background-color: transparent;
  border-radius: 0;
  width: 402px;
  height: 64px;
  min-height: 0;
  margin: 84px -10000px 0 0;
}

#u416-4 {
  z-index: 165;
  width: 200px;
  min-height: 23px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  color: #000000;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
  font-family: lato, sans-serif;
  font-weight: 300;
  position: relative;
  margin-right: -10000px;
  left: 1px;
}

#u414-3 {
  z-index: 169;
  width: 388px;
  min-height: 23px;
  border-width: 1px;
  border-style: solid;
  border-color: #C4C4C4;
  background-color: transparent;
  padding: 6px;
  color: #000000;
  font-size: 16px;
  line-height: 16px;
  font-family: lato, sans-serif;
  font-weight: 400;
  position: relative;
  margin-right: -10000px;
  margin-top: 27px;
}

#widgetu413:hover #u414-3,
#widgetu413.focus-st #u414-3 {
  border-color: #6B6B6B;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 23px;
  width: 388px;
  margin: 27px -10000px 0 0;
}

/* Estados de error formulario */
#widgetu402.fld-err-st #u403-3,
#widgetu413.fld-err-st #u414-3 {
  border-color: #D7244C;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 23px;
  width: 388px;
  margin: 27px -10000px 0 0;
}

/* Mensajes formulario */
#u401-4 {
  z-index: 172;
  width: 200px;
  min-height: 21px;
  background-color: transparent;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  padding-top: 4px;
  font-size: 12px;
  line-height: 14px;
  font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
  position: relative;
  margin-right: -10000px;
  margin-top: 304px;
  left: 140px;
}

#widgetu400.frm-sub-st #u401-4 p {
  color: #999999;
  font-size: 14px;
  line-height: 1;
  font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
  font-style: italic;
}

#u412-4 {
  z-index: 176;
  width: 200px;
  min-height: 21px;
  background-color: transparent;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  padding-top: 4px;
  color: #FF0000;
  font-size: 12px;
  line-height: 14px;
  font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
  position: relative;
  margin-right: -10000px;
  margin-top: 304px;
  left: 140px;
}

#widgetu400.frm-subm-err-st #u412-4 p {
  color: #D7244C;
  font-size: 14px;
  line-height: 1;
  font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
  font-style: italic;
}

#u407-4 {
  z-index: 180;
  width: 200px;
  min-height: 21px;
  background-color: transparent;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  padding-top: 4px;
  color: #00FF00;
  font-size: 12px;
  line-height: 12px;
  font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
  position: relative;
  margin-right: -10000px;
  margin-top: 304px;
  left: 140px;
}

#widgetu400.frm-sub-st #u401-4,
#widgetu400.frm-subm-err-st #u412-4,
#widgetu400.frm-subm-ok-st #u407-4 {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  min-height: 25px;
}

#widgetu400.frm-subm-ok-st #u407-4 p {
  color: #999999;
  font-size: 14px;
  font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
  font-style: italic;
}

/* Botón enviar */
#u406-17 {
  z-index: 0;
  min-height: 46px;
  width: 400px;
  position: relative;
  margin-right: -10000px;
  margin-top: 531px;
  background: url("../images/u406-17.png") no-repeat 0 0;
}

#u406-17:hover {
  background: url("../images/u406-17-r.png") no-repeat 0 0;
}

#u406-17:active {
  background: url("../images/u406-17-m.png") no-repeat 0 0;
}

#widgetu400.frm-sub-st #u406-17 {
  background: url("../images/u406-17-fs.png") no-repeat 0 0;
}

/* Campo Mensaje */
#widgetu408 {
  z-index: 201;
  width: 402px;
  height: 159px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  margin-top: 342px;
  left: -1px;
}

#widgetu408.fld-err-st {
  background-color: transparent;
  border-radius: 0;
  width: 402px;
  height: 159px;
  min-height: 0;
  margin: 342px -10000px 0 0;
}

#u410-4 {
  z-index: 202;
  width: 200px;
  min-height: 23px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  color: #000000;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
  font-family: lato, sans-serif;
  font-weight: 300;
  position: relative;
  margin-right: -10000px;
  left: 1px;
}

#widgetu402.fld-err-st #u405-4,
#widgetu408.fld-err-st #u410-4 {
  border-style: none;
  border-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
  min-height: 23px;
  width: 200px;
  margin: 0 -10000px 0 0;
}

#u411-3 {
  z-index: 206;
  width: 388px;
  min-height: 118px;
  border-width: 1px;
  border-style: solid;
  border-color: #C4C4C4;
  background-color: transparent;
  padding: 6px;
  color: #000000;
  font-size: 16px;
  line-height: 16px;
  font-family: lato, sans-serif;
  font-weight: 400;
  position: relative;
  margin-right: -10000px;
  margin-top: 27px;
}

#widgetu408:hover #u411-3,
#widgetu408.focus-st #u411-3 {
  border-color: #6B6B6B;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 118px;
  width: 388px;
  margin: 27px -10000px 0 0;
}

#widgetu408.fld-err-st #u411-3 {
  border-color: #D7244C;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 118px;
  width: 388px;
  margin: 27px -10000px 0 0;
}

#widgetu408_input {
  width: 388px;
  min-height: 118px;
  color: #000000;
  font-family: lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 6px;
}

/* Campo Teléfono */
#widgetu418 {
  z-index: 209;
  width: 402px;
  height: 67px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  margin-top: 168px;
  left: -1px;
}

#widgetu418.fld-err-st {
  background-color: transparent;
  border-radius: 0;
  width: 402px;
  height: 67px;
  min-height: 0;
  margin: 168px -10000px 0 0;
}

#u421-4 {
  z-index: 210;
  width: 200px;
  min-height: 23px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  color: #000000;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
  font-family: lato, sans-serif;
  font-weight: 300;
  position: relative;
  margin-right: -10000px;
  left: 1px;
}

#u419-3 {
  z-index: 214;
  width: 388px;
  min-height: 23px;
  border-width: 1px;
  border-style: solid;
  border-color: #C4C4C4;
  background-color: transparent;
  padding: 6px;
  color: #000000;
  font-size: 16px;
  line-height: 16px;
  font-family: lato, sans-serif;
  font-weight: 400;
  position: relative;
  margin-right: -10000px;
  margin-top: 30px;
}

#widgetu418:hover #u419-3,
#widgetu418.focus-st #u419-3 {
  border-color: #6B6B6B;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 23px;
  width: 388px;
  margin: 30px -10000px 0 0;
}

#widgetu418.fld-err-st #u419-3 {
  border-color: #D7244C;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 23px;
  width: 388px;
  margin: 30px -10000px 0 0;
}

/* Campo Empresa */
#widgetu422 {
  z-index: 217;
  width: 402px;
  height: 68px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  margin-top: 255px;
  left: -1px;
}

#widgetu422.fld-err-st {
  background-color: transparent;
  border-radius: 0;
  width: 402px;
  height: 68px;
  min-height: 0;
  margin: 255px -10000px 0 0;
}

#u424-4 {
  z-index: 218;
  width: 200px;
  min-height: 23px;
  border-style: none;
  border-color: transparent;
  background-color: transparent;
  color: #000000;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
  font-family: lato, sans-serif;
  font-weight: 300;
  position: relative;
  margin-right: -10000px;
  left: 1px;
}

#widgetu413.fld-err-st #u416-4,
#widgetu418.fld-err-st #u421-4,
#widgetu422.fld-err-st #u424-4 {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 23px;
  width: 200px;
  margin: 0 -10000px 0 0;
}

#widgetu402.fld-err-st #u405-4 p, #widgetu402.fld-err-st #u405-4 span,
#widgetu413.fld-err-st #u416-4 p, #widgetu413.fld-err-st #u416-4 span,
#widgetu408.fld-err-st #u410-4 p, #widgetu408.fld-err-st #u410-4 span,
#widgetu418.fld-err-st #u421-4 p, #widgetu418.fld-err-st #u421-4 span,
#widgetu422.fld-err-st #u424-4 p, #widgetu422.fld-err-st #u424-4 span {
  color: #D7244C;
}

#u425-3 {
  z-index: 222;
  width: 388px;
  min-height: 23px;
  border-width: 1px;
  border-style: solid;
  border-color: #C4C4C4;
  background-color: transparent;
  padding: 6px;
  color: #000000;
  font-size: 16px;
  line-height: 16px;
  font-family: lato, sans-serif;
  font-weight: 400;
  position: relative;
  margin-right: -10000px;
  margin-top: 31px;
}

#widgetu422:hover #u425-3,
#widgetu422.focus-st #u425-3 {
  border-color: #6B6B6B;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 23px;
  width: 388px;
  margin: 31px -10000px 0 0;
}

#widgetu422.fld-err-st #u425-3 {
  border-color: #D7244C;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 23px;
  width: 388px;
  margin: 31px -10000px 0 0;
}

#widgetu402.fld-err-st #u403-3 *,
#widgetu413.fld-err-st #u414-3 *,
#widgetu408.fld-err-st #u411-3 *,
#widgetu418.fld-err-st #u419-3 *,
#widgetu422.fld-err-st #u425-3 * {
  color: #D7244C;
  font-style: italic;
}

#widgetu413_input,
#widgetu418_input,
#widgetu422_input {
  width: 388px;
  min-height: 23px;
  color: #000000;
  font-family: lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 6px;
}

/* Input focus/hover padding */
#widgetu402:hover #widgetu402_input,
#widgetu402.focus-st #widgetu402_input,
#widgetu402.fld-err-st #widgetu402_input,
#widgetu413:hover #widgetu413_input,
#widgetu413.focus-st #widgetu413_input,
#widgetu413.fld-err-st #widgetu413_input,
#widgetu408:hover #widgetu408_input,
#widgetu408.focus-st #widgetu408_input,
#widgetu408.fld-err-st #widgetu408_input,
#widgetu418:hover #widgetu418_input,
#widgetu418.focus-st #widgetu418_input,
#widgetu418.fld-err-st #widgetu418_input,
#widgetu422:hover #widgetu422_input,
#widgetu422.focus-st #widgetu422_input,
#widgetu422.fld-err-st #widgetu422_input {
  padding-top: 6px;
  padding-bottom: 6px;
}

/* --------------------------------------------------------------------------
   13. FOOTER
   -------------------------------------------------------------------------- */
#pu3864 {
  width: 0.01px;
  margin-left: -100px;
}

#u3864 {
  z-index: 296;
  min-height: 279px;
  padding-bottom: 21px;
}
#u3864 {
  background: url("../images/background-digital-factory-mexico-dise%c3%b1o-y-desarrollo-web-social-media-management.jpg") no-repeat center bottom;
  background-size: auto;        
  background-attachment: fixed; 
}

#u3864_align_to_page {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  left: -100px;
}

#u3866-26 {
  z-index: 301;
  width: 214px;
  min-height: 175px;
  margin-right: -10000px;
  margin-top: 40px;
  left: 146px;
}

#pu3868-5 {
  width: 0.01px;
  margin-right: -10000px;
  margin-top: 32px;
  margin-left: 473px;
}

#u3868-5 {
  z-index: 347;
  width: 300px;
  min-height: 41px;
}

#u3867-20 {
  z-index: 327;
  width: 300px;
  min-height: 128px;
  margin-top: 11px;
}

#u3865-4 {
  z-index: 297;
  width: 214px;
  margin-top: 49px;
}
#u3865-4 h2 {
  margin: 5px 0;
}

#u3865-4 a {
  text-decoration: none;
}

#u3865-4 a:hover {
  text-decoration: underline;
}

#u3869-4 a,
#u3870-4 a {
  color: #FFFFFF;
  text-decoration: none;
}

#u3869-4 a:hover,
#u3870-4 a:hover {
  color: #F74959;
} 

#u3869-4 {
  z-index: 352;
  width: 101px;
  margin-right: -10000px;
  margin-top: 265px;
  left: 908px;
}

#u3864-bw {
  z-index: 296;
  min-height: 279px;
}

#u3870-4 {
  z-index: 356;
  width: 27px;
  margin-right: -10000px;
  margin-top: 267px;
  left: 1005px;
}





.redes {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
#u3864_align_to_page{
  position: relative; 
}

.redes-top{
  position: absolute;
  top: 30px;    
  right: 0px;   
  display: flex;
  gap: 10px;
  z-index: 10;
}

.redes-top img{
  display: block;
}

.aviso-privacidad label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.aviso-privacidad {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 55px; 
  text-align: center;
  font-size: 15px;
  transform: translateY(10px);
  z-index: 1;
}

.aviso-privacidad input {
  cursor: pointer;
}

.aviso-privacidad a {
  color: #000;
  text-decoration: underline;
  white-space: nowrap; 
}
.aviso-footer {
  position: absolute;
  top: 84px; 
  right: 0;
  text-align: right;
  font-size: 14px;
}

.aviso-footer a {
  color: #FFFFFF;
  text-decoration: none;
}

.aviso-footer a:hover {
  text-decoration: underline;
}

.g-recaptcha{
  margin:0px 0;
  margin-right: 200px;
 
}

#g-recaptcha-container{
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 10px;

  display: none;
  opacity: 0;
  transition: opacity 0.1s ease;

  z-index: 9999;
}


#open_preferences_center {
  display: none;
}

#cookie-btn {
  position: fixed;
  bottom: 100px;
  right: 10px;   
  left: auto;  
  background: #F74959;
  color: #fff;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  cursor: pointer;
  z-index: 9999;
}

#INDmenu-btn,
#INDbtnWrap {
  bottom: 10px !important;
  top: auto !important;
}

/* Menú item BLOG */
#u800 {
  width: 100px;
  min-height: 26px;
  background-color: transparent;
  position: relative;
  margin-right: -10000px;
  left: 490px; /* 👈 AJUSTA ESTO */
}

#u801 {
  width: 100px;
  border-style: solid;
  border-color: #FFFFFF;
  background-color: transparent;
  padding-bottom: 12px;
  position: relative;
  border-width: 0 1px 0 0;
}

#u802-4 {
  width: 70px;
  min-height: 14px;
  background-color: transparent;
  color: #313131;
  text-align: center;
  letter-spacing: 3px;
  font-size: 12px;
  line-height: 14px;
  font-family: lato, sans-serif;
  position: relative;
  margin-right: -10000px;
  top: 6px;
  left: 10px;
}

/* Hover */
#u801:hover #u802-4 h1 {
  color: #F15A5B;
}