/* Ajustes de la home exportada: no requieren el runtime de Odoo. */
html { scroll-behavior: smooth; overflow-y: auto; }
html, body { height: auto; min-height: 100%; }
body { overflow: visible; overflow-wrap: anywhere; }
#wrapwrap { height: auto; overflow: visible; }
.s_masonry_block h3, .s_masonry_block p { position: relative; z-index: 1; }
.o_we_shape { pointer-events: none; }
#contacto { scroll-margin-top: 24px; }
a:focus-visible, button:focus-visible { outline: 3px solid #a94500; outline-offset: 4px; }
#footer > section > div { padding-inline: 16px; }
.s_map iframe { border: 0; }
.o_animate, .o_animated, .o_animating { visibility: visible !important; opacity: 1 !important; animation: none !important; transform: none !important; }
.website_blog > nav > .container { flex-wrap: wrap; gap: 16px; }
.website_blog > nav .navbar-nav { flex-wrap: wrap; }
.website_blog > nav form { width: 100%; }
.website_blog img { max-width: 100%; height: auto; }
.website_blog .o_wblog_post_content_field { overflow-wrap: anywhere; }
#servicios .hero-photo { position: relative; overflow: hidden; }
#servicios .hero-photo::before {
  content: "";
  position: absolute;
  inset: -20px;
  background: url("../images/equipo-arandu-hero.png") center / cover no-repeat;
  filter: blur(22px) brightness(.78);
}
#servicios .hero-photo img {
  position: absolute;
  display: block;
  top: 50%;
  left: 48%;
  width: 170%;
  max-width: none;
  height: auto;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 18px rgba(0, 0, 0, .18);
}
@media (min-width: 992px) {
  #servicios .hero-photo { height: 496px; }
  #servicios .hero-photo::before { transform: scaleX(-1); }
  #servicios .hero-photo img { transform: translate(-50%, -50%) scaleX(-1); }
  /* Mantener los textos inferiores abajo sin alterar los gráficos. */
  #servicios .s_col_no_resize > .row > div:nth-child(n + 3) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-block: 24px !important;
  }
  #servicios .s_col_no_resize > .row > div:nth-child(n + 3) > .o_we_shape {
    top: 0;
    bottom: 0;
    height: 100%;
    max-height: none;
  }
  #servicios .s_col_no_resize > .row > div:nth-child(n + 3) > p { margin-bottom: 0; }
}
@media (max-width: 991.98px) {
  #top_menu_container { gap: 12px; }
  #top_menu_container > .oe_structure { margin-left: auto !important; }
  #top_menu_collapse { width: 100%; }
  #servicios .hero-photo { aspect-ratio: 1.8; }
  #servicios .hero-photo::before { display: none; }
  #servicios .hero-photo img {
    inset: 0;
    width: 100%;
    height: 100%;
    transform: none;
    object-fit: cover;
    box-shadow: none;
  }
  #servicios .s_col_no_resize .row > div { min-height: 145px; padding-top: 24px !important; }
  .s_references .row > .col-lg-2 { width: 50%; }
  .s_references .row > .col-lg-3 { width: 50%; }
  #footer .col-lg-4 { margin-bottom: 24px; }
}
@media (max-width: 400px) {
  #top_menu_container > .oe_structure .container { padding-inline: 0; }
  .navbar-brand.logo { margin-right: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}