.elementor-14228 .elementor-element.elementor-element-678335f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14228 .elementor-element.elementor-element-88ab844{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-14228 .elementor-element.elementor-element-7326bfb{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-14228 .elementor-element.elementor-element-1a135b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:70px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-14228 .elementor-element.elementor-element-7326bfb{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-14228 .elementor-element.elementor-element-7326bfb{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for text-editor, class: .elementor-element-a6b118e */.al-apps {
  padding: 5rem 1.5rem;
  font-family: "Raleway", Sans-serif;
}
.al-apps * { font-style: normal !important; box-sizing: border-box; }

.al-apps__inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 4rem;
  align-items: center;
}

.al-apps__gallery {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  max-width: 580px;
  margin: 0 auto;
}

.al-apps__fig {
  position: absolute;
  margin: 0;
  width: 68%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #fff;
  padding: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.al-apps__fig img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.al-apps__fig--top {
  top: 0;
  left: 0;
  z-index: 1;
  animation: alSlideInLeft 0.9s ease-out backwards;
  animation-delay: 0.1s;
}

.al-apps__fig--bottom {
  bottom: 0;
  right: 0;
  z-index: 2;
  animation: alSlideInUp 0.9s ease-out backwards;
  animation-delay: 0.3s;
}

.al-apps__content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  animation: alFadeIn 1s ease-out backwards;
  animation-delay: 0.2s;
}

@keyframes alSlideInLeft {
  from { opacity: 0; transform: translateX(-60px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes alSlideInUp {
  from { opacity: 0; transform: translateY(60px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes alFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .al-apps__fig--top,
  .al-apps__fig--bottom,
  .al-apps__content { animation: none !important; }
}

.al-apps__block { display: flex; flex-direction: column; }

.al-apps h5.al-apps__eyebrow {
  font-family: "Playfair Display", Sans-serif !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  color: #5271FF !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em;
  margin: 0 0 1rem;
  line-height: 1.2;
}

.al-apps h3.al-apps__title {
  font-family: "Playfair Display", Sans-serif !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  color: #000000 !important;
  line-height: 1.3;
  margin: 0 0 1.25rem;
}

.al-apps p.al-apps__text {
  font-family: "Raleway", Sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #121212 !important;
  line-height: 1.6;
  margin: 0 0 1.25rem;
}
.al-apps p.al-apps__text strong {
  font-weight: 700 !important;
  color: #121212 !important;
}

.al-apps a.al-apps__link,
.al-apps a.al-apps__link:link,
.al-apps a.al-apps__link:visited {
  font-family: "Playfair Display", Sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #5271FF !important;
  text-decoration: none !important;
  align-self: flex-start;
  transition: opacity 0.2s ease;
}
.al-apps a.al-apps__link:hover,
.al-apps a.al-apps__link:focus-visible {
  opacity: 0.75;
  text-decoration: underline !important;
}

@media (max-width: 960px) {
  .al-apps__inner { grid-template-columns: 1fr; gap: 3rem; }
  .al-apps__gallery { max-width: 480px; }
}

@media (max-width: 600px) {
  .al-apps { padding: 3rem 1.25rem; }
  .al-apps__content { gap: 2rem; }
  .al-apps h3.al-apps__title { font-size: 22px !important; }
  .al-apps__gallery { max-width: 100%; aspect-ratio: 1 / 1.1; }
  .al-apps__fig { width: 75%; padding: 6px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e090d0d */.al-diff {
  padding: 5rem 1.5rem;
  font-family: "Raleway", Sans-serif;
}
.al-diff * { font-style: normal !important; box-sizing: border-box; }

.al-diff__inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 4rem;
  align-items: center;
}

.al-diff__content {
  display: flex;
  flex-direction: column;
  animation: alDiffFadeRight 0.9s ease-out backwards;
  animation-delay: 0.1s;
}

.al-diff h2.al-diff__title {
  font-family: "Playfair Display", Sans-serif !important;
  font-weight: 600 !important;
  font-size: 30px !important;
  color: #FFA500 !important;
  line-height: 1.15;
  margin: 0 0 1.5rem;
}

.al-diff p.al-diff__text {
  font-family: "Raleway", Sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #121212 !important;
  line-height: 1.7;
  margin: 0;
  max-width: 56ch;
}

.al-diff__media {
  width: 100%;
  animation: alDiffFadeLeft 0.9s ease-out backwards;
  animation-delay: 0.2s;
}

.al-diff__fig {
  margin: 0;
  overflow: hidden;
  background: #ddd;
  aspect-ratio: 4/3;
}

.al-diff__fig img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@keyframes alDiffFadeRight {
  from { opacity: 0; transform: translateX(-30px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes alDiffFadeLeft {
  from { opacity: 0; transform: translateX(30px); }
  to { opacity: 1; transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
  .al-diff__content,
  .al-diff__media { animation: none !important; }
}

@media (max-width: 960px) {
  .al-diff__inner {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

@media (max-width: 600px) {
  .al-diff { padding: 3rem 1.25rem; }
  .al-diff h2.al-diff__title { font-size: 26px !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b3f5d2 *//* ===== SERVICE AREAS — ASTORIA LIGHTING ===== */

.al-areas {
  padding: 60px 20px 80px;
  background-color: #ffffff;
  font-family: "Raleway", Sans-serif;
}
.al-areas * { font-style: normal !important; box-sizing: border-box; }

.al-areas__inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.al-areas h2.al-areas__title {
  font-family: "Playfair Display", Sans-serif !important;
  font-weight: 600 !important;
  font-size: 30px !important;
  color: #5271FF !important;
  text-transform: uppercase !important;
  text-align: center;
  line-height: 1.15;
  margin: 0 0 1.5rem;
}

.al-areas p.al-areas__text {
  font-family: "Raleway", Sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #121212 !important;
  line-height: 1.7;
  text-align: center;
  margin: 0 auto 2rem;
  max-width: 920px;
}

.al-areas__divider {
  width: 60px;
  height: 3px;
  background-color: #FFA500;
  margin: 0 auto 50px;
}

.al-areas__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

/* Cards */
.al-areas a.al-areas__card,
.al-areas a.al-areas__card:link,
.al-areas a.al-areas__card:visited,
.al-areas a.al-areas__card:active,
.al-areas a.al-areas__card:focus {
  background-color: #F4F4F4 !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
  padding: 30px 20px 25px !important;
  text-align: center !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, border-color 0.3s ease !important;
  text-decoration: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 15px !important;
  width: calc(25% - 15px) !important;
  min-height: 150px !important;
  color: #121212 !important;
}
.al-areas a.al-areas__card:hover,
.al-areas a.al-areas__card:focus-visible {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
  background-color: #ffffff !important;
  border-color: #5271FF !important;
}

.al-areas img.al-areas__icon {
  width: 40px !important;
  height: 40px !important;
  display: block !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

.al-areas span.al-areas__name {
  font-family: "Playfair Display", Sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  color: #121212 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  display: block !important;
  white-space: nowrap;
}

/* ===== TABLET (3 columnas) ===== */
@media (max-width: 992px) {
  .al-areas { padding: 50px 20px 70px; }
  .al-areas__grid { gap: 18px; }
  .al-areas a.al-areas__card {
    width: calc(33.33% - 12px) !important;
    min-height: 140px !important;
  }
}

/* ===== MÓVIL GRANDE (2 columnas) ===== */
@media (max-width: 768px) {
  .al-areas { padding: 45px 16px 60px; }
  .al-areas h2.al-areas__title { font-size: 26px !important; }
  .al-areas p.al-areas__text {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 1.5rem;
  }
  .al-areas__divider { margin-bottom: 35px; }
  .al-areas__grid { gap: 14px; }
  .al-areas a.al-areas__card {
    width: calc(50% - 7px) !important;
    padding: 24px 12px 20px !important;
    min-height: 130px !important;
    gap: 12px !important;
  }
  .al-areas img.al-areas__icon {
    width: 36px !important;
    height: 36px !important;
  }
  .al-areas span.al-areas__name {
    font-size: 1rem !important;
    white-space: normal;
  }
}

/* ===== MÓVIL PEQUEÑO (2 columnas más compactas) ===== */
@media (max-width: 480px) {
  .al-areas { padding: 40px 14px 55px; }
  .al-areas h2.al-areas__title { font-size: 24px !important; }
  .al-areas p.al-areas__text { font-size: 14px !important; }
  .al-areas__grid { gap: 12px; }
  .al-areas a.al-areas__card {
    width: calc(50% - 6px) !important;
    padding: 20px 10px 18px !important;
    min-height: 115px !important;
    gap: 10px !important;
  }
  .al-areas img.al-areas__icon {
    width: 32px !important;
    height: 32px !important;
  }
  .al-areas span.al-areas__name { font-size: 0.95rem !important; }
}

/* ===== MÓVIL MUY PEQUEÑO (iPhone SE etc) ===== */
@media (max-width: 360px) {
  .al-areas a.al-areas__card {
    padding: 18px 8px 15px !important;
    min-height: 105px !important;
  }
  .al-areas span.al-areas__name { font-size: 0.9rem !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ba67b62 */.al-gallery {
  padding: 5rem 1.5rem;
  font-family: "Raleway", Sans-serif;
}
.al-gallery * { font-style: normal !important; box-sizing: border-box; }

.al-gallery__inner {
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}

.al-gallery h5.al-gallery__eyebrow {
  font-family: "Playfair Display", Sans-serif !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  color: #5271FF !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em;
  margin: 0 0 0.75rem;
  line-height: 1.2;
}

.al-gallery p.al-gallery__heading {
  font-family: "Playfair Display", Sans-serif !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  color: #000000 !important;
  line-height: 1.3;
  margin: 0 0 1.25rem;
}

.al-gallery p.al-gallery__text {
  font-family: "Raleway", Sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #121212 !important;
  line-height: 1.7;
  margin: 0 auto 3rem;
  max-width: 920px;
}

.al-gallery__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin-bottom: 2.5rem;
}

.al-gallery__item {
  margin: 0;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: #e8e8e8;
}

.al-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.al-gallery__cta-wrap {
  text-align: center;
}

.al-gallery a.al-gallery__cta,
.al-gallery a.al-gallery__cta:link,
.al-gallery a.al-gallery__cta:visited {
  display: inline-block;
  background-color: #5271FF !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  padding: 15px !important;
  min-width: 280px;
  font-family: "Playfair Display", Sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  border: 1px solid #5271FF !important;
  border-radius: 0 !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.al-gallery a.al-gallery__cta:hover,
.al-gallery a.al-gallery__cta:focus-visible {
  background-color: transparent !important;
  color: #5271FF !important;
}

@media (max-width: 992px) {
  .al-gallery__grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 768px) {
  .al-gallery__grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 480px) {
  .al-gallery { padding: 3rem 1.25rem; }
  .al-gallery__grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .al-gallery a.al-gallery__cta { display: block; min-width: 0; width: 100%; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-deef5dd */.al-why {
  padding: 5rem 1.5rem;
  background-color: #F0F5FA;
  font-family: "Raleway", Sans-serif;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  animation: alWhyFadeIn 1s ease-out backwards;
}
.al-why * { font-style: normal !important; box-sizing: border-box; }

.al-why__inner {
  max-width: 1280px;
  margin: 0 auto;
}

.al-why__header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 4rem;
}

.al-why h5.al-why__eyebrow {
  font-family: "Playfair Display", Sans-serif !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  color: #5271FF !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em;
  margin: 0 0 1.25rem;
  line-height: 1.2;
}

.al-why h3.al-why__title {
  font-family: "Playfair Display", Sans-serif !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  color: #000000 !important;
  line-height: 1.3;
  margin: 0 0 1.5rem;
}

.al-why p.al-why__lead {
  font-family: "Raleway", Sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #121212 !important;
  line-height: 1.7;
  margin: 0;
}

.al-why__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 4rem;
  align-items: start;
  animation: alWhyFadeInUp 1s ease-out backwards;
  animation-delay: 0.2s;
}

.al-why__media {
  margin: 0;
  overflow: hidden;
  aspect-ratio: 3/2;
  background: #ddd;
}
.al-why__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.al-why__features {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.al-why__feature { display: flex; flex-direction: column; }

.al-why h4.al-why__feature-title {
  font-family: "Playfair Display", Sans-serif !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  color: #FFA500 !important;
  line-height: 1.3;
  margin: 0 0 0.75rem;
}

.al-why p.al-why__feature-text {
  font-family: "Raleway", Sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #121212 !important;
  line-height: 1.7;
  margin: 0;
}

.al-why__cta-wrap {
  text-align: center;
  margin-top: 3.5rem;
}

.al-why a.al-why__cta,
.al-why a.al-why__cta:link,
.al-why a.al-why__cta:visited {
  display: inline-block;
  background-color: #5271FF !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  padding: 15px !important;
  min-width: 280px;
  font-family: "Playfair Display", Sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  border: 1px solid #5271FF !important;
  border-radius: 0 !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.al-why a.al-why__cta:hover,
.al-why a.al-why__cta:focus-visible {
  background-color: transparent !important;
  color: #5271FF !important;
}

@keyframes alWhyFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes alWhyFadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .al-why,
  .al-why__body { animation: none !important; }
}

@media (max-width: 960px) {
  .al-why__body {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

@media (max-width: 600px) {
  .al-why { padding: 3rem 1.25rem; }
  .al-why__header { margin-bottom: 2.5rem; }
  .al-why__features { gap: 1.5rem; }
  .al-why h3.al-why__title { font-size: 22px !important; }
  .al-why h4.al-why__feature-title { font-size: 18px !important; }
  .al-why a.al-why__cta { display: block; min-width: 0; width: 100%; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cec4b2d */.al-test {
  padding: 5rem 1.5rem;
  background-color: #FFFFFF;
  font-family: "Raleway", Sans-serif;
}
.al-test * { font-style: normal !important; box-sizing: border-box; }

.al-test__inner {
  max-width: 1200px;
  margin: 0 auto;
}

.al-test__header {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 3.5rem;
}

.al-test h5.al-test__eyebrow {
  font-family: "Playfair Display", Sans-serif !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  color: #5271FF !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em;
  margin: 0 0 1rem;
  line-height: 1.2;
}

.al-test h2.al-test__title {
  font-family: "Playfair Display", Sans-serif !important;
  font-weight: 600 !important;
  font-size: 30px !important;
  color: #000000 !important;
  line-height: 1.2;
  margin: 0 0 1.25rem;
}

.al-test p.al-test__lead {
  font-family: "Raleway", Sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #121212 !important;
  line-height: 1.7;
  margin: 0;
}
.al-test p.al-test__lead strong {
  font-weight: 700 !important;
  color: #121212 !important;
}

.al-test__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  margin-bottom: 4rem;
}

.al-test__card {
  background-color: #FFFFFF;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  animation: alTestFadeIn 0.9s ease-out backwards;
}
.al-test__card:nth-child(1) { animation-delay: 0.1s; }
.al-test__card:nth-child(2) { animation-delay: 0.2s; }
.al-test__card:nth-child(3) { animation-delay: 0.3s; }
.al-test__card:nth-child(4) { animation-delay: 0.4s; }

/* ===== ESTRELLAS via background SVG ===== */
.al-test .al-star {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'><path fill='%23FFA500' d='M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
}
.al-test .al-star--sm {
  width: 16px;
  height: 16px;
}

.al-test__stars {
  display: flex;
  gap: 4px;
  margin-bottom: 1rem;
}

.al-test p.al-test__text {
  font-family: "Raleway", Sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  color: #121212 !important;
  line-height: 1.7;
  margin: 0 0 1.5rem;
  flex-grow: 1;
}

.al-test h5.al-test__author {
  font-family: "Playfair Display", Sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #FFA500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em;
  margin: 0;
  line-height: 1.2;
}

/* ===== PLATAFORMAS ===== */
.al-test__platforms {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
  align-items: start;
}

.al-test a.al-test__platform,
.al-test a.al-test__platform:link,
.al-test a.al-test__platform:visited {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none !important;
  color: #121212 !important;
  transition: opacity 0.2s ease;
}
.al-test a.al-test__platform:hover { opacity: 0.85; }

.al-test__platform-logo {
  width: 90px;
  height: 90px;
  display: inline-block;
  margin-bottom: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* Logo Facebook via background SVG */
.al-test__platform--facebook .al-test__platform-logo {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='%233d6ad6' d='m40.437 55.166c-.314 0-6.901.002-9.939-.001-1.564-.001-2.122-.563-2.122-2.137-.002-4.043-.003-8.086 0-12.129.001-1.554.591-2.147 2.135-2.148 3.038-.002 9.589-.001 9.926-.001 0-.277-.001-6.114 0-8.802.002-3.974.711-7.778 2.73-11.261 2.067-3.565 5.075-6.007 8.93-7.419 2.469-.905 5.032-1.266 7.652-1.268 3.278-.002 6.556.001 9.835.007 1.409.002 2.034.625 2.037 2.044.006 3.803.006 7.606 0 11.408-.002 1.434-.601 2.01-2.042 2.026-2.687.029-5.376.011-8.06.119-2.711 0-4.137 1.324-4.137 4.13-.065 2.968-.027 5.939-.027 9.015.254 0 7.969-.001 11.575 0 1.638 0 2.198.563 2.198 2.21 0 4.021-.001 8.043-.004 12.064-.001 1.623-.527 2.141-2.175 2.142-3.606.002-11.291.001-11.627.001v32.545c0 1.735-.546 2.288-2.258 2.288-4.174 0-8.349.001-12.523 0-1.513 0-2.103-.588-2.103-2.101-.001-10.599-.001-32.36-.001-32.732z'/></svg>");
}

/* Logo Google via background SVG */
.al-test__platform--google .al-test__platform-logo {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FBBB00' d='M113.47 309.408L95.648 375.94l-65.139 1.378C11.042 341.211 0 299.9 0 256c0-42.451 10.324-82.483 28.624-117.732h0.014l57.992 10.632l25.404 57.644c-5.317 15.501-8.215 32.141-8.215 49.456C103.821 274.792 107.225 292.797 113.47 309.408z'/><path fill='%23518EF8' d='M507.527 208.176C510.467 223.662 512 239.655 512 256c0 18.328-1.927 36.206-5.598 53.451c-12.462 58.683-45.025 109.925-90.134 146.187l-0.014-0.014l-73.044-3.727l-10.338-64.535c29.932-17.554 53.324-45.025 65.646-77.911h-136.89V208.176h138.887L507.527 208.176z'/><path fill='%2328B446' d='M416.253 455.624l0.014 0.014C372.396 490.901 316.666 512 256 512c-97.491 0-182.252-54.491-225.491-134.681l82.961-67.91c21.619 57.698 77.278 98.771 142.53 98.771c28.047 0 54.323-7.582 76.87-20.818L416.253 455.624z'/><path fill='%23F14336' d='M419.404 58.936l-82.933 67.896c-23.335-14.586-50.919-23.012-80.471-23.012c-66.729 0-123.429 42.957-143.965 102.724l-83.397-68.276h-0.014C71.23 56.123 157.06 0 256 0C318.115 0 375.068 22.126 419.404 58.936z'/></svg>");
}

/* Logo NiceJob via <img> (no toca) */
.al-test__platform-logo img {
  width: 100% !important;
  height: 100% !important;
  max-width: 90px !important;
  max-height: 90px !important;
  display: block;
  object-fit: contain;
}

.al-test__platform-rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0.5rem;
}

.al-test__platform-score {
  font-family: "Playfair Display", Sans-serif !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  color: #121212 !important;
  line-height: 1;
}

.al-test__platform-stars {
  display: inline-flex;
  gap: 2px;
}

.al-test__platform-cta {
  font-family: "Raleway", Sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #121212 !important;
  margin-top: 0.25rem;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@keyframes alTestFadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .al-test__card { animation: none !important; }
}

@media (max-width: 960px) {
  .al-test__grid { grid-template-columns: 1fr; }
  .al-test__platforms { gap: 1.5rem; }
}

@media (max-width: 600px) {
  .al-test { padding: 3rem 1.25rem; }
  .al-test__header { margin-bottom: 2.5rem; }
  .al-test h2.al-test__title { font-size: 26px !important; }
  .al-test__card { padding: 1.5rem; }
  .al-test__platforms { grid-template-columns: 1fr; gap: 2.5rem; }
  .al-test__platform-logo { width: 70px; height: 70px; }
}/* End custom CSS */