/*
Theme Name:     Twenty Twenty-Five Child
Template:       twentytwentyfive
*/

/* Estilos globales sin imágenes */

h1,
.wp-block-post-title {
  font-size: 2.5rem;
  font-weight: bold;
  color: #b2b2b2;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

h2 {
  font-size: 2rem;
  font-weight: bold;
  color: #b2b2b2;
  margin-top: 2rem;
  margin-bottom: 1rem;
  text-align: left;
  border-bottom: 2px solid #444;
  padding-bottom: 0.3rem;
}

h3 {
  font-size: 1.6rem;
  font-weight: 500;
  color: #b2b2b2;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

@media (max-width: 768px) {
  h1,
  .wp-block-post-title {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.6rem;
  }

  h3 {
    font-size: 1.3rem;
  }
}

p {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #ffffff;
  margin-bottom: 1.5rem;
}

ul,
ol {
  padding-left: 2rem;
  margin-bottom: 1.5rem;
  color: #b2b2b2;
  font-size: 1.2rem;
  line-height: 1.6;
}

li {
  margin-bottom: 0.5rem;
}

ul li::marker {
  color: #888;
}

.wpcf7-form-control {
  font-size: 18px;
}

.wpcf7-form-control.wpcf7-submit {
  background-color: #fd3b3b;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.wpcf7-form-control.wpcf7-submit:hover {
  background-color: #e55050;
}

footer.wp-block-template-part
  nav.wp-block-navigation
  .wp-block-navigation__container
  a[href*='wa.me'] {
  position: relative;
  display: inline-block;
  padding-left: 1.8em;
  margin-right: 1em;
}

footer.wp-block-template-part
  nav.wp-block-navigation
  .wp-block-navigation__container
  a[href*='wa.me']::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.4em;
  height: 1.4em;
  background-image: url('https://ekinast.net.ar/wp-content/uploads/2025/06/WhatsApp1.jpeg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media (max-width: 768px) {
  .wp-block-column {
    flex-basis: 100% !important;
  }

  .custom-whatsapp-button {
    font-size: 16px;
    padding: 10px;
  }

  .site-header,
  .site-footer {
    padding: 1rem;
  }
}

.wp-block-navigation__responsive-container {
  background-color: #212121 !important;
  color: #fbfaf3 !important;
}

.wp-block-navigation__responsive-container a {
  color: #fbfaf3 !important;
}

.wp-block-navigation__responsive-container a:hover {
  color: #cccccc !important;
}

.wp-block-navigation__submenu-container {
  background-color: #212121 !important;
  color: #fbfaf3 !important;
}

.wp-block-navigation__submenu-container a {
  color: #fbfaf3 !important;
}

.wp-block-navigation__submenu-container a:hover {
  background-color: #333333 !important;
}

@media (max-width: 768px) {
  .wpcf7 form {
    padding: 0 1rem;
  }

  .wpcf7-form-control {
    width: 100% !important;
    box-sizing: border-box;
  }

  .wpcf7-form-control.wpcf7-submit {
    width: 100% !important;
    margin-top: 1rem;
  }
}

body.page-id-9 h1.wp-block-post-title {
  display: none;
}

.footer-text-small {
  font-size: 1rem;
}

/* Fondos con imágenes absolutas */

body.page-id-80,
body.page-id-2,
body.page-id-13 {
  background-color: #f0f0f0;
  background-image: url('https://ekinast.net.ar/wp-content/uploads/2025/05/Fondo-servicios-2.avif');
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

body.page-id-9 {
  min-height: 100vh;
  background: url('https://ekinast.net.ar/wp-content/uploads/2025/05/Inicio-1.avif')
    center center no-repeat fixed;
  background-size: 100% 100%;
}

body.page-id-11 {
  min-height: 100vh;
  background: url('https://ekinast.net.ar/wp-content/uploads/2025/05/Proyectos-1.avif')
    center center no-repeat fixed;
  background-size: 100% 100%;
}

body.page-id-3,
body.page-id-27,
body.page-id-174,
body.page-id-19,
body.page-id-21 {
  background-color: #212121;
  background-image: repeating-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.02),
    rgba(255, 255, 255, 0.02) 1px,
    transparent 1px,
    transparent 10px
  );
}