/*
Theme Name:     Protesis de Pene México – Child Theme
Theme URI:      n/a
Template:       kadence
Author:         Alejandra DLS
Author URI:     n/a
Description:    Child theme desarrollado por DLS Web Studio para el sitio web médico “Prótesis de Pene México”.
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* General */

a {
  text-underline-offset: .2em;
}
.site-header-upper-wrap {
  margin-bottom: -1px;
}

.home.transparent-header #wrapper #masthead {
  border-bottom: 1px solid #bbbbb2;
}

.custom-block-arrows .kt-blocks-accordion-icon-trigger {
  min-width: 20px;
  width: 20px;
  height: 20px;
}
.kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:before,
.kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:after {
  width: 12px;
  height: 2px;
  margin-top: 3px;
}
.kt-blocks-accordion-header:focus {
  background-color: rgba(0,0,0,0);
} 
.kt-blocks-accordion-header {
  align-items: baseline;
}

/* Header */

.entry-hero {
  position: relative;
  margin-bottom: 2rem;
}
.home .entry-hero {
  display: none;
}
.entry-header.page-title {
  padding: 100px 0 35px;
}

/* Footer */

.footer-map {
  position: relative;
}
.footer-map::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(255,255,255,0));
  pointer-events: none;
}
.footer-map iframe {
  width: 100%;
  border-width: 0;
  height: 200px;
  border-radius: 2px;
}
#block-9 p {
  margin: 0;
}
#block-9 span {
  font-weight: 600;
}
.widget-area .footer-list {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
.footer-list li, #menu-enlaces-rapidos li {
  margin-bottom: 0.5rem;
}
#menu-enlaces-rapidos li a {
  padding: 0;
}

/* Masonry */

/* Primero, coloca el caption debajo */
.kadence-blocks-gallery-item .kt-blocks-gallery-caption {
  position: relative;
  bottom: auto;
  margin-top: 10px;
  background: transparent;
}

/* Ajusta la altura para que coincida con el cálculo original */
.kadence-blocks-gallery-item {
  margin-bottom: 20px;
}

/* La imagen debe mantener su altura original */
.kadence-blocks-gallery-item img {
  height: auto;
  max-height: 100%;
}

.kb-gallery-ul 
.kadence-blocks-gallery-item 
.kadence-blocks-gallery-item-inner 
.kadence-blocks-gallery-item__caption {
  position: relative;
  padding: 10px 0 0 0;
  text-align: left;
}

/* Proporciones automáticas */

/* Vertical */
.kb-gallery-id-2_0d9c1a-31 .kb-gallery-image:nth-child(1) img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

/* Cuadradas */
.kb-gallery-id-2_0d9c1a-31 .kb-gallery-image:nth-child(2) img,
.kb-gallery-id-2_0d9c1a-31 .kb-gallery-image:nth-child(3) img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* Horizontales */
.kb-gallery-id-2_0d9c1a-31 .kb-gallery-image:nth-child(4) img,
.kb-gallery-id-2_0d9c1a-31 .kb-gallery-image:nth-child(5) img,
.kb-gallery-id-2_0d9c1a-31 .kb-gallery-image:nth-child(6) img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

/* Testimonios */

.kt-testimonial-style-bubble .kt-testimonial-text-wrap:after {
  border-width: 10px;
}
.kt-svg-testimonial-global-icon {
  border-width: 1px;
}

/* Página de Contacto */

.single-content .contact-page-list {
  list-style-type: none;
  padding-left: 0;
}
.single-content .contact-page-list li {
  padding-left: 0;
  margin-bottom: .5rem;
}
.contact-page-list li .consultorio {
  font-weight: 600;
}

@media (max-width: 768px) {

  .kb-button.wp-block-button__link {
    width: 100%;
  }
  .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner {
    padding: 5px;
  }
  .entry-header.page-title {
    padding: 50px 0 20px;
  }

}

@media (max-width: 1024px) {

  .wp-block-image img {
    width: 100px;
  }

}

@media (min-width: 1601px) {
  .home .kadence-column2_eeef3d-3b > .kt-inside-inner-col {
    padding-left: 17vw;
    padding-top: 20vh;
  }
  .home .kadence-column2_72c337-93 > .kt-inside-inner-col {
    background-position: 50%;
    min-height: 70vh;
  }
  .home .kadence-column2_eeef3d-3b > .kt-inside-inner-col {
    min-height: 70vh;
  }
  .home .wp-block-kadence-column.kadence-column2_7b14d2-db {
    min-height: 70vh;
    height: 70vh;
  }
}