/* Este código sobrescribe los tamaños anteriores y ajusta el logo a la medida exacta de la imagen */
.header-area .logo img.desktop_logo {
  content: url('https://tnk.com.uy/wp-content/uploads/2026/07/logo-TNK.png') !important;
  width: 144px !important;  /* El ancho exacto mostrado en el inspector */
  height: auto !important;  /* Mantener proporción. Esto resultará en los 62.88px */
  max-width: 100% !important; /* Para asegurar que no se desborde */
}



/* Imágenes del panel lateral (side-info) sin deformar */
.extra-info .side-info img {
  width: 100% !important;
  height: auto !important;      /* respeta la proporción, no la estira */
  max-width: 100% !important;
  display: block;
}

/* Galería Desarrollos: imagen con proporción fija, sin deformar */
#project-standard .project-img {
  overflow: hidden;
}
#project-standard .project-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;  /* recorta en vez de estirar */
  object-position: center;
}


/* Alinear breadcrumb con el logo */
.breadcrumb-meta-wrap > .container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 25px !important;   /* MISMO valor que le pusiste al header */
  padding-right: 25px !important;
}

.breadcrumb-meta-wrap .breadcrumb {
  padding-left: 0.65rem !important;  /* compensa el padding de la columna del logo */
  margin-bottom: 0 !important;
}



/* Header al mismo ancho que la imagen del hero */
.header-area .navigation > .container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

/* Logo del menú lateral (offcanvas) sin estirar */
.extra-info .logo-side .logo {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  width: 160px !important;
  height: 60px !important;   /* ajustá al alto real del logo */
}

/* Logo con tamaño controlado y responsive */
.header-area .desktop_logo,
.header-area .logo img {
  width: 180px !important;      /* ajustá este valor al tamaño que quieras */
  max-width: 80% !important;   /* que nunca supere su contenedor en mobile */
  height: auto !important;      /* mantiene la proporción */
}

/* Imagen del hero a todo el ancho */
.hero-area .container-fluid {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.hero-area .hero-img-wrap {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.hero-area .hero-img-wrap img {
  width: 100% !important;
  display: block;
}

/* Centrar el menú de filtros */
#menu-filter {
  text-align: center !important;
  justify-content: center !important;
}

/* Ocultar "Show All" */
#menu-filter li:first-child,
#menu-filter li:has(a[data-filter="*"]) {
  display: none !important;
}

/*en la seccion desarrollos header hide*/
.breadcrumb-bg.blog-bg {
  display: none;
}
/*espaciado masonry home*/
.project-item {
  padding: 1px 5px !important;
}

/*menu hero match*/
.container {
  max-width:1380px;
}

/*texto de los botones anterior y siguiente*/
.archinix_fn_pagination ul li.view {
    display: none;
}

/*hero title*/
.hero-area .container {
    margin: 0;

}


/*contactform*/
.wpcf7-textarea[name="your-message"] {
    width: 432px;
}
/*sacar nombre categoria*/
/* Ocultar TODOS los subtítulos de categoría */
#project-standard .project-title h6.category,
h6.category {
  display: none !important;
}



/*quitar columna del home y ajustar % */
/* 1) El título del hero ocupa siempre el 100% del ancho */
.hero-area .col-xl-8,
.hero-area .col-lg-7,
.hero-area .col-md-7 {
  flex: 0 0 100%;
  max-width: 100%;
}

/* 2) Ocultar la columna vacía del hero */
.hero-area .col-xl-4.col-lg-5.col-md-5.wow.fadeInUp.animated {
  display: none !important;
}

/* 3) Ocultar el puntito de navegación del slider en el hero */
.hero-area .swiper-pagination,
.hero-area .swiper-pagination-bullet,
.hero-area .slick-dots,
.hero-area .owl-dots {
  display: none !important;
}



/* Cambiar "Show All" por "Mostrar todo" en el filtro */
#menu-filter [data-filter="*"]{
  font-size: 0 !important;   /* oculta el texto original */
  position: relative;
}

#menu-filter [data-filter="*"]::after{
  content: "Mostrar todo";
  font-size: 16px;           /* ajusta si tu tema usa otro tamaño */
  font-weight: 400;
  line-height: 1;
  color: currentColor;       /* respeta los colores hover/active del tema */
}

/* opcional: subrayado/estilo al pasar el mouse o activo */
#menu-filter li a:hover::after,
#menu-filter li a.active::after{
  text-decoration: underline;
}


/* Ocultar el ícono flecha dentro del título de Contacto */
.contact-section .section-title h2 .las.la-arrow-right { 
  display: none !important; 
}
/* Por si el icono se inserta con ::before (Line Awesome) */
.contact-section .section-title h2 .las.la-arrow-right::before { 
  content: none !important; 
}
/* Y si querés eliminar también el  contenedor para que no deje hueco */
.contact-section .section-title h2 span { 
  display: none !important; 
}




.project-detail p.mb-3 { 
  display: none !important; 
}


/* ALE CODIGO. */
.cp-custom-accordion {
    padding-left: 10px !important;
}

.pb-100 {
    padding-bottom: 20px !important;
}

    .cp-custom-accordion {
        padding: 10px !important;
    }
/* Oculta la col con el título (col-xl-6 col-lg-5) SOLO en la fila del acordeón
.row:has(#visionExample) > .col-xl-6.col-lg-5{
  display: none !important;
} */

/* La col del acordeón (col-xl-6 col-lg-7) pasa a ocupar todo el ancho */
.row:has(#visionExample) > .col-xl-6.col-lg-7{
  flex: 0 0 100% !important;
  max-width: 100% !important;
}


/* Project Three – miniaturas casi planas */
.elementor-element-718cf6b #project-masonry .project-img{
  aspect-ratio: 49 / 50;  /* antes 39/40 ≈1.025 → ahora ≈1.02 */
  width: 100%;
  overflow: hidden;
}
.elementor-element-718cf6b #project-masonry .project-img img{
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Fallback si no soporta aspect-ratio */
@supports not (aspect-ratio: 1 / 1){
  .elementor-element-718cf6b #project-masonry .project-img{ position: relative; }
  .elementor-element-718cf6b #project-masonry .project-img::before{
    content:""; display:block; padding-top:102%; /* ≈ 49/50 */
  }
  .elementor-element-718cf6b #project-masonry .project-img img{ position:absolute; inset:0; }
}


/* Hero: quitar 100px arriba/abajo y dejar 20px laterales */
.hero-area.section-padding{
  padding: 0 20px !important; /* top/bottom 0, left/right 20 */
}

/* Dentro del container 718cf6b, oculta el H6 de la section-title*/
.elementor-element-718cf6b .section-title h6{
  display: none !important;
} 
/* Dentro del container 718cf6b, oculta el H2 de la section-title */
.elementor-element-718cf6b .section-title h2{
  padding-top: -29px !important;
}

/* Fondo blanco SOLO para el bloque con data-id=718cf6b */
.elementor-element-718cf6b .project-section.gray-bg{
  background:#ffffff !important;
}

/* Evitar overlays del tema, por las dudas */
.elementor-element-718cf6b .project-section.gray-bg::before,
.elementor-element-718cf6b .project-section.gray-bg::after{
  background: transparent !important;
}

/* Contenedor Elementor del bloque (backup) */
.elementor-element-718cf6b{
  background:#ffffff !important;
}


/* 1) Cargar Montserrat (variable) desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300..900;1,300..900&display=swap');

/* 2) Fuente por defecto del sitio */
:root{
  --font-base: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

html, body{
  font-family: var(--font-base) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Encabezados */
h1,h2,h3,h4,h5,h6,
.entry-title,.site-title,.widget-title{
  font-family: var(--font-base) !important;
  font-weight: 700;
}

/* Formularios y botones */
button, input, select, textarea{
  font-family: var(--font-base) !important;
}

/* Elementor (si usás) */
.elementor-widget, .elementor-widget *{
  font-family: var(--font-base) !important;
}
.elementor-heading-title{ font-weight: 700; }

/* (Opcional) Forzar en todo si el tema insiste, sin romper iconos */
 /* Descomentar si hace falta
body *:not(i):not(.dashicons):not(.fa):not(.fas):not(.fab){
  font-family: var(--font-base) !important;
}
*/