/* HOME EVENTOS 2026 */

/* ELIMINAR 

- cualquier CSS que contenga estas IDs
.page-id-46659
.page-id-48775 
.page-id-50044
.page-id-57540 
.page-id-57589 

(PDTE. REVISAR IDs DE TODAS LAS PÁGINAS DE EVENTOS)

*/

.page-template-page-eventos #wide-nav,
.page-template-page-eventos .header-nav>div,
.page-template-page-eventos .popmake-49371.btn__destacado.btn__averia,
.page-template-page-eventos .popmake-49376.btn__destacado.btn__devolucion,
.page-template-page-eventos .popmake-49381.btn__destacado.btn__sugerenciaproducto {
  display: none;
}


.page-template-page-eventos .topbar-menu-logos .acceso-homs {
  display: block;
}

.page-template-page-eventos .acceso-eventos {
  display: none;
}

/* General */
.icon-arrow__eventos {
      margin-top: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 22px;
    border-radius: 999px;
    background: #0080de;
    color: #fff;
    transition: opacity .25s ease;
}


/* header */
.page-template-page-eventos .header-main {
  height: 120px !important;
  background: #0080de;
}

.page-template-page-eventos .logo-left .logo {
  margin-right: 10px;
}

.page-template-page-eventos .nav-left {
  flex-direction: row-reverse;
  flex-wrap: nowrap;
}

.page-template-page-eventos .nav-right .nav-icon {
  display: inline-block;
}

.page-template-page-eventos header .nav li a.icon {
  background-color: #fff !important;
}

.page-template-page-eventos .icon-menu {
  color: #fff;
}

.page-template-page-eventos .icon-menu:hover {
  color: #000;
}

.page-template-page-eventos #menu-item-46801 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8) !important;
}

.page-template-page-eventos div#masthead div div.flex-col.hide-for-medium.flex-right {
  margin-top: 0px;
}

.page-template-page-eventos #logo a img {
  margin-top: 7px;
}

body.page-template-page-eventos #logo .header_logo {
  content: url("https://homsrentals.com/wp-content/uploads/2024/04/HOMSRENTALS_Logotip_RGB_Blanc_small.png");
}

.page-template-page-eventos .stuck #logo a img {
  margin-top: 0;
  padding-top: 10px;
}

.page-template-page-eventos .icon-user,
.page-template-page-eventos .icon-shopping-cart {
  color: #0080de !important;
}

.page-template-page-eventos .icon-user:hover,
.page-template-page-eventos .icon-shopping-cart:hover {
  color: #fff !important;
}

.page-template-page-eventos .aws-container .aws-search-form .aws-search-btn_icon {
  height: 35px;
  fill: #fff;
}

.page-template-page-eventos .aws-container .aws-search-form {
  height: 35px;
  width: 65%;
  margin: 0 auto;
}

.page-template-page-eventos .aws-wrapper input {
  font-size: 15px;
  border-radius: 50px !important;
  padding: 10px 15px 10px 15px;
}

.page-template-page-eventos .hs-button.primary.large {
  background: #0080de;
}

.page-template-page-eventos .hs-richtext a {
  color: #0080de;
}

.page-template-page-eventos .hs-richtext a:hover {
  opacity: 0.5;
}

.page-template-page-eventos .ico-whatsapp-side {
  top: 320px;
}

.page-template-page-eventos div#masthead div div.flex-col.hide-for-medium.flex-left {
  margin-top: 0;
}

.page-template-page-eventos .icon-user,
.page-template-page-eventos .icon-shopping-cart {
  color: #fe5000;
}

.page-template-page-eventos .button.primary:not(.is-outline):hover,
input[type="submit"]:hover {
  box-shadow: none;
}

.page-template-page-eventos .header-button .primary {
  background-color: #fff;
}

.page-template-page-eventos .header-button .button.icon.is-small i {
  top: -3px;
}

.page-template-page-eventos .titulo-sector {
  color: #fff;
}

.page-template-page-eventos #main-menu {
  background-color: rgb(0, 128, 222);
}

.page-template-page-eventos .footer-web {
  display: none;
}

.page-template-page-eventos footer#footer {
  background: linear-gradient(90deg, rgba(221, 221, 221, 1) 75%, #0080de 75%);
}

.page-template-page-eventos .footer-lastcolumn {
  background: linear-gradient(90deg, rgba(221, 221, 221, 1) 51%, #0080de 51%);
}

.page-template-page-eventos .footer-lastcolumn::before {
  border-top: 133px solid transparent;
  border-bottom: 129px solid transparent;
  border-right: 100px solid #0080de;
  right: 49%;
}

/* Breadcrumbs */
.page-template-page-eventos .breadcrumbs {
  margin-top: 5px;
}

/* Nueva maquetación David */
.page-template-page-eventos .homs-home-btn-pill {
  background: #0080de;
}

.page-template-page-eventos .home-nav-icons .icon-nav__cta {
    background: #0080de;
}

.page-template-page-eventos .button  {
    background-color: #0080de;
}

/* -- Topbar -- */
.page-template-page-eventos .menu-secundario-eventos {
  display: block;
}

.page-template-page-eventos #wide-nav{
    display: block;
}

@media (max-width: 849px) {
  .page-template-page-eventos #wide-nav{
      display: none;
  }
}


.page-template-page-eventos .header-bottom .nav-left {
    display: none;
}

.page-template-page-eventos .header-bottom {
  background-color: #f2f2f2;
}

.page-template-page-eventos .header-bottom .flex-center {
  display: block;
  margin: 0;
}

.page-template-page-eventos .header-bottom .flex-center .nav li {
  width: 100%;
}

.page-template-page-eventos .subheader_home_items {
  display: flex;
  padding: 8px 15px 8px 15px;
}

.page-template-page-eventos .subheader_home_items a {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease, opacity 0.3s ease;
  font-size: 12px;
  letter-spacing: 0.5px;
}

.page-template-page-eventos .subheader_home_items img {
  margin-right: 10px;
  height: 25px;
  width: auto;
}

.page-template-page-eventos .subheader_home_items .subheader_item_derecha img {
	margin-right: 7px;
}


/* Productos */ 
/*.page-template-page-eventos .home-carrusel-productos div.product-small.box {
  border-radius: 8px;
}*/
/*
.page-template-page-eventos .productos_slide .box-image {
    border-radius: 8px;
}*/


/* --- Página Alquiler eventos --- */

/* Hero */
.alquiler-eventos_hero {
    min-height: 700px;
    display: flex;
    align-items: center;
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

.alquiler-eventos_hero .row-collapse {
    align-items: center;
}

.alquiler-eventos_hero-img .col-inner {
    padding: 0px !important;
}

.alquiler-eventos_hero-img {
    position: relative;
    overflow: hidden;
}

.alquiler-eventos_hero-img .img-inner {
    height: 700px !important;
    padding-top: 0 !important;
}

.alquiler-eventos_hero-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.alquiler-eventos_hero-img::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        #ffffff 0%,
        rgba(255,255,255,0.95) 15%,
        rgba(255,255,255,0.75) 30%,
        rgba(255,255,255,0.25) 45%,
        rgba(255,255,255,0) 60%
    );
}

.alquiler-eventos_hero-img .img {
    position: relative;
    z-index: 1;
}













/* Hero eventos *//*
.header-landing-eventos {
    position: relative;
    min-height: 700px;
    overflow: visible;
    align-items: center;
}*/

/* Imagen derecha a full screen *//*
.header-landing-eventos::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc((100vw - 100%) / -2);
    width: 55vw;
    height: 100%;
    z-index: 1;

    background-image:
        linear-gradient(
            90deg,
            #ffffff 0%,
            rgba(255,255,255,.95) 18%,
            rgba(255,255,255,.65) 38%,
            rgba(255,255,255,0) 65%
        ),
        url('https://clon3.homsrentals.com/wp-content/uploads/2024/04/Escenari.jpg');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Contenido por encima *//*
.header-landing-eventos > .col {
    position: relative;
    z-index: 2;
}

/* Oculta la imagen antigua si todavía existe *//*
.header-landing-eventos .alquiler-eventos_hero-img {
    display: none !important;
}

/* Texto dentro del container *//*
.header-landing-eventos-text .col-inner {
    max-width: 620px;
}

/* Responsive *//*
@media (max-width: 849px) {
    .header-landing-eventos {
        min-height: auto;
        padding-bottom: 320px;
    }

    .header-landing-eventos::after {
        top: auto;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 300px;
    }
}
*/




/* Introduction text */
.alquiler-eventos_introduction-text .col {
    padding: 0;
}

/* proyectos realizados */
.alquiler-eventos_proyectos-realizados .col {
    padding: 0;
}

.alquiler-eventos_proyectos-realizados .button {
    margin-bottom: 0px;
}

.page-template-page-eventos .row-eventos-portfolio-carousel a {
    color: #0080de;
}




/* general, no es solo de eventos - Sección Makes You Better */
.makes-you-better-row {
    display: flex;
    flex-wrap: wrap;
}

/* Escritorio: 8 elementos en una fila */
.makes-you-better_icon-box_container {
    flex: 0 0 12.5% !important;
    max-width: 12.5% !important;
}

/* Tablet: 4 por fila */
@media (max-width: 849px) {
    .makes-you-better_icon-box_container {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}

/* Móvil: 2 por fila */
@media (max-width: 549px) {
    .makes-you-better_icon-box_container {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}




/* Estilo Forms HubSpot - clase en el widget HTML */
.eventos-form-box{
    display:flex;
    gap:40px;
    background:#f5f7fa;
    border-radius:20px;
    padding:40px;
}

.eventos-form-img{
    width:40%;
}

.eventos-form-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:12px;
}

.eventos-form-content{
    flex:1;
}

@media (max-width: 767px) {
  .eventos-form-box{
    padding: 20px;
  }
}

.page-template-page-eventos .homs-proyecto-texto a {
  color: #0080de;
}