/*
 Theme Name:   ApexClinic Child
 Theme URI:    https://themes.radiantthemes.com/apexclinic/
 Description:  ApexClinic Child Theme
 Author:       RadiantThemes.com
 Author URI: https://themeforest.net/user/radiantthemes
 Template:     apexclinic
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 Text Domain:  apexclinic-child
*/
/***************************/
:root {
  --c-white: #ffffff;
  --c-blue: #305893;
  --c-tur: #14a09d;
  --brand: #305893;
}

.z-index-9 {
  z-index: 9;
}

.flex {
  display: flex;
}

.content-center {
  justify-content: center;
}

.c-white {
  color: var(--c-white);
}

.cta-button {
  background: transparent;
  width: fit-content;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: 500;
  border: 1px solid var(--c-white);
  border-radius: 50px;
  color: var(--c-white);
}

.cta-button:hover {
  text-decoration: none !important;
  color: var(--c-white) !important;
  background: var(--c-blue);
  ;
  transition: all .3s ease-in-out;
}

.cta-button.cta-primary {
  color: var(--c-blue);
  border: 1px solid var(--c-blue);
}

.mg-b-10 {
  margin-bottom: 10px;
}

.mg-b-35 {
  margin-bottom: 35px;
}

.br-30>div {
  border-radius: 30px !important;
}

/***************************/
.hero-home-section {
  position: relative;
  height: calc(100vh - (53px + 93px));
  width: 100%;
  background: url(https://www.aguilarurologo.com/wp-content/uploads/2025/07/BANNER.apex_.jpg) -200px center / cover no-repeat;
}

.hero-home-section .overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
}

.hero-home-section .hero-home-info {
  z-index: 2;
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: end;
}

.menu-header-menu-container li.menu-item {
  text-transform: uppercase !important
}

.br-box div.vc_column-inner:nth-child(1) {
  border-radius: 30px !important;
}

.br-img img {
  border-top-left-radius: 30px !important;
  border-top-right-radius: 30px !important;
}

@media screen and (min-width: 768px) {
  .hero-home-section {
    background: url(https://www.aguilarurologo.com/wp-content/uploads/2025/07/BANNER.apex_.jpg) left top / cover no-repeat;
  }

  .hero-home-section .hero-home-info {
    padding: 20px 50px;
  }
}

@media screen and (min-width: 1280px) {
  .hero-home-section .hero-home-info h1 {
    font-size: 50px;
    line-height: 50px;
  }

  .hero-home-section .hero-home-info {
    padding: 20px 100px;
  }
}

/****************STYLES CRISTIAN******************/
.container-footer {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}

.container-footer span,
.container-footer a {
  color: var(--c-white) !important;
  font-size: 13px;
  text-decoration: none !important;
}

.wraper_header_main {
  background-color: #305893 !important;
}


/* Cambiar tamaño de texto en el widget con id text-2 */
#text-2 .textwidget p {
  font-size: 15px !important;
}


/* Mantener texto blanco en todos los botones al pasar el mouse */
a[class*="btn"]:hover,
button:hover,
input[type="submit"]:hover {
  color: #ffffff !important;
}



/* Ocultar el icono del carrito en el header */
li.header-cart-bar {
  display: none !important;

}


.header-hamburger {
  display: none !important;
}

/* Header top (teléfono, dirección, horario e íconos) */
.header_top_item .contact li,
.header_top_item .contact li a,
.header_top_item .contact li strong,
.header_top_item .contact .has-icon,
.header_top_item .contact .has-icon * {
  color: var(--brand) !important;
}

.header_top_item .contact .icon,
.header_top_item .contact .icon i {
  color: var(--brand) !important;
  border-color: var(--brand) !important;
}

.header_top_item .contact li:before {
  background-color: var(--brand) !important;
}

/* Responsivo */
.dr {
  margin-top: -60px;
}

.vc_column-inner.vc_custom_1754601748577 {
  margin-left: -30px;
  border: 0.1px solid #1CB876;
}


.vc_column-inner.vc_custom_1754601755544 {

  border: 0.1px solid #1CB876;

}


.vc_column-inner.vc_custom_1754601760479 {
  margin-left: 30px;
  border: 0.1px solid #1CB876;

}

@media (max-width: 768px) {
  .vc_column-inner.vc_custom_1754601748577 {
    margin: 0 auto !important;
    border: 0.1px solid #1CB876 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    /* Espacio entre los elementos */
  }

  .vc_column-inner.vc_custom_1754601755544 {
    margin: 0 auto !important;
    border: 0.1px solid #1CB876 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    /* Espacio entre los elementos */
  }

  .vc_column-inner.vc_custom_1754601760479 {
    margin: 0 auto !important;
    border: 0.1px solid #1CB876 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    /* Espacio entre los elementos */
  }
}


.unique-button.primary-btn {
  background: #305893;
  color: white;
  text-decoration: none;
  padding: 10px 20px;
  display: inline-block;
  border: 0.5px solid #305893;
  /* Borde sólido de 0.5px */
  border-radius: 5px;
  /* Borde redondeado */
  transition: background 0.3s, color 0.3s;
}

.unique-button.primary-btn,
.:hover {
  background: white;
  color: #305893 !important;
}


.custom-btn-submit {
  color: white;
  text-decoration: none;
  padding: 10px 20px;
  display: inline-block;
  border: 0.5px solid #305893;
  border-radius: 5px;
  transition: background 0.3s, color 0.3s;
}

.custom-btn-submit:hover {
  background: white;
  color: #305893 !important;
}




.custom-btn-submit {
  background: #305893 !important;
}

/* Aumenta la especificidad del selector */
.col-lg-12 .custom-btn-submit:hover {
  background: white !important;
  color: #305893 !important;
}


.wraper_inner_banner {
  background-image: url('https://www.aguilarurologo.com/wp-content/uploads/2025/08/BANNER-SECUNDARIO_11zon-1.png') !important;
  color: white !important;
}


/* Texto blanco para todo el contenido del banner */
.wraper_inner_banner,
.wraper_inner_banner * {
  color: #ffffff !important;
}

/* Asegura que los enlaces del breadcrumb también sean blancos */
.wraper_inner_banner_breadcrumb a {
  color: #ffffff !important;
}

.direccion-link::before {
  content: "\f105";
  /* Triángulo derecho */
  font-family: "FontAwesome";
  /* Fuente de iconos, debe estar cargada */
  display: inline-block;
  margin-right: 8px;
  color: #305893 !important;
  font-weight: bold;
}


/* Quitar únicamente la rayita blanca de "Agendar Consulta" sin tocar el botón */
#menu-item-8634::after,
#menu-item-8634::before,
#menu-item-8634>a::after,
#menu-item-8634>a::before {
  content: '' !important;
  height: 0 !important;
  /* sin altura */
  border: none !important;
  /* sin bordes */
  background: none !important;
  /* sin fondo para la raya */
  box-shadow: none !important;
  /* sin sombras */
  opacity: 0 !important;
  /* invisible */
}





/* Ocultar solo el bloque con el icono de consulta médica personalizada */
.vc_custom_1755190578589 {
  display: none !important;
}


/* Ajuste solo para las imágenes de Consulta Médica y Cirugía Láser HOLEP */
.vc_custom_1755191844633 .vc_single_image-wrapper img,
.vc_custom_1755191857753 .vc_single_image-wrapper img,
.vc_custom_1755191868639 .vc_single_image-wrapper img {
  max-width: 100px !important;
  /* tamaño más elegante */
  height: auto;
  display: block;
  margin: 0 auto;
  /* centrado */
}


.fa-th-large,
a[href="https://www.aguilarurologo.com/category/uncategorized/"] {
  display: none !important;
}


.category a[href="https://www.aguilarurologo.com/category/home-version-three/"],
.category a[href="https://www.aguilarurologo.com/category/home-version-three/"]::before,
.category a[href="https://www.aguilarurologo.com/category/home-version-three/"] i,
.category a[href="https://www.aguilarurologo.com/category/home-version-three/"] .fa-th-large {
  display: none !important;
}

.category a[href="https://www.aguilarurologo.com/category/home-version-three/"] {
  display: none !important;
}


.vc_custom_1755207259945 {
  margin-top: 200px;
}


.wp-image-9546 {
  width: 250px !important;
  /* más grande */
  height: auto !important;
  margin-top: -40px !important;

}



@media (max-width: 480px) {
  .footer_main_item img {
    display: block;
    margin: 0 auto;
  }

  .brand-logo img {
    margin-top: 10px;
  }
}

@media (max-width: 480px) {

  /* Padding lateral de 20px solo para este bloque */
  .vc_custom_1530271974107 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Centrar elegantemente todo el contenido del bloque */
  .vc_custom_1530271974107 .wpb_wrapper,
  .vc_custom_1530271974107 .vc_custom_heading,
  .vc_custom_1530271974107 .vc_do_custom_heading,
  .vc_custom_1530271974107 .cta-container {
    text-align: center !important;
  }

  /* Asegura que el botón se centre */
  .vc_custom_1530271974107 .cta-container .cta-button {
    display: inline-block;
  }
}

@media (max-width: 480px) {

  /* Centrar los párrafos de esta sección */
  .vc_custom_1755725135066,
  .vc_custom_1755725126766,
  .vc_custom_1755622080107 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Centrar la llamada a la acción (CTA) */
  .vc_custom_1755722833256 .cta-container {
    text-align: center !important;
  }

  .vc_custom_1755722833256 .cta-container .cta-button {
    display: inline-block;
  }
}


@media (max-width: 480px) {

  /* Centrar y dar aire lateral solo en móvil */
  main.wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: center !important;
  }

  /* Título centrado */
  main.wrap #titulo {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Regla/divisor centrado */
  main.wrap .rule {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Párrafos centrados */
  main.wrap p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Cambiar el fondo solo en pantallas <= 480px */
@media (max-width: 480px) {
  .hero-home-section {
    background-image: url('https://www.aguilarurologo.com/wp-content/uploads/2025/08/BANNER-CELL-NUEVO_11zon.webp') !important;
  }
}



@media (max-width: 480px) {

  /* Margen superior -23px para esta sección en móvil */
  .vc_custom_1755724441146 {
    margin-top: -23px !important;
  }
}

@media (max-width: 480px) {

  /* Mover hacia arriba SOLO la imagen grande (segunda) dentro del bloque */
  .vc_custom_1755619811972 .wpb_single_image:nth-of-type(2) .vc_single_image-img {
    margin-top: -40px !important;
  }
}


/* Deshabilitar TODO el bloque (TIP) en pantallas ≤ 480px */
@media (max-width: 480px) {
  .vc_custom_1755724380780 {
    display: none !important;
    margin-top: 0px !important;
    padding: 0 !important;
  }

  @media (max-width: 480px) {
    .wpb_wrapper .vc_custom_heading.vc_custom_1755725135066 {
      margin-top: 40px !important;
    }
  }


}

/* Subir la sección en pantallas <=480px */
@media (max-width: 480px) {
  .vc_section.vc_custom_1755724441146[data-vc-full-width="true"] {
    position: relative !important;
    top: -70px !important;
    /* mueve hacia arriba */
  }
}


@media (max-width: 480px) {
  .doctor-image {
    margin-top: -80px !important;
  }
}

@media (max-width: 480px) {

  a[href="mailto:info@aguilarurologo.com"],
  a[href="https://wa.me/593997128717"] {
    font-size: 15px;
  }
}


@media (max-width: 480px) {
  h1.vc_custom_heading {
    font-size: 24px !important;
    line-height: 28px !important;
    white-space: nowrap;
    /* fuerza que se muestre en una sola línea */
    text-align: center !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 480px) {
  .btn-agendar-unico {
    font-size: 0.9rem;
    padding: 10px 18px;
  }

  .button-container-unico {
    margin-top: -20px !important;
  }
}


@media (max-width: 480px) {
  #whatsappForm h2 {
    font-size: 3.2rem;
    /* reduce el tamaño */
    line-height: 1.2;
    /* mantiene en una sola línea */
    white-space: nowrap;
    /* evita salto de línea */
  }
}

@media (max-width: 480px) {

  .centrado-titulo,
  .centrado-p {
    line-height: 1.3;
    /* reduce espacio entre líneas */
    margin-bottom: 12px;
    /* menos separación entre párrafos */
  }
}

@media (max-width: 480px) {
  .brand-logo img {
    max-width: 300px !important;
    /* antes 140px, ahora +10px */
  }
}

@media (max-width: 480px) {
  .vc_custom_heading.vc_do_custom_heading.vc_custom_1755196123616 {
    margin-top: -40px !important;
  }
}

@media (max-width: 480px) {
  .owl-item .blog-item {
    margin-top: -0px !important;
  }
}


.category-display {
  display: none !important;
}



/* Solo aplica al .has-icon que contiene fa-map-marker */
/* Respaldo (solo si ese .has-icon es el primero dentro de su contenedor) */
.tu-contenedor .has-icon:first-of-type .icon i.fa-map-marker {
  display: none;
}

.tu-contenedor .has-icon:first-of-type .icon {
  background: url("https://www.aguilarurologo.com/wp-content/uploads/2025/08/logo-ubicacion_Mesa-de-trabajo-1.svg") no-repeat center/40px 40px;
  width: 40px;
  height: 40px;
}

/* 0) Asegura que no forzamos tamaño/imagen en todos los iconos */
.has-icon .icon {
  background: none;
  width: auto;
  height: auto;
}

/* 1) SOLO el .has-icon que contiene el link de CLÍNICA KENNEDY */
.has-icon:has(.direccion-link[href*="oeJavxVmqHkn3Srt9"]) .icon i.fa-map-marker {
  display: none;
  /* oculta FA solo aquí */
}

.has-icon:has(.direccion-link[href*="oeJavxVmqHkn3Srt9"]) .icon {
  background: url("https://www.aguilarurologo.com/wp-content/uploads/2025/08/logo-ubicacion_Mesa-de-trabajo-1.svg") no-repeat center center;
  background-size: 40px 40px;
  /* tamaño del SVG */
  width: 40px;
  height: 40px;
}

h1,
h1 * {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}




/* Solo los íconos dentro de ESTE bloque (fila interna específica) */
.vc_custom_1754601940981 .vc_single_image-wrapper>img.vc_single_image-img {
  width: 150px !important;
  height: 150px !important;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  /* centra el icono */
}

/* Reemplazar fondo SOLO en la columna de horarios */
.vc_column-inner.vc_custom_1531807475100 {
  background-image: url('https://www.aguilarurologo.com/wp-content/uploads/2025/08/BANNER-CUADRO-HORARIOS_11zon.webp') !important;
  background-size: cover !important;
  /* Para que cubra todo */
  background-position: center !important;
  /* Centrado elegante */
  background-repeat: no-repeat !important;
  /* Evita repeticiones */
}

/* ====== Estilos globales para sección de contacto ====== */

.contact-section {
  max-width: 500px;
  margin: 32px auto;
  padding: 0 12px;
  font-family: 'Segoe UI', sans-serif;
}

.contact-section .section-title {
  color: #305893;
  font-size: 22px;
  margin-bottom: 20px;
  text-align: center;
}

/* Tarjetas clicables (direcciones, etc.) */
.contact-section .info-card {
  background: #fff;
  border-left: 4px solid #305893;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  padding: 14px 16px;
  margin-bottom: 16px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.contact-section .info-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

.contact-section .info-card h6 {
  margin: 0 0 6px 0;
  color: #305893;
  font-size: 16px;
}

.contact-section .info-card p {
  margin: 0;
  color: #555;
  font-size: 14px;
}

/* Bloques para email, whatsapp, etc. */
.contact-section .info-block {
  background: #f4f7fb;
  border-radius: 6px;
  padding: 12px 16px;
  margin-bottom: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.contact-section .info-block h6 {
  margin: 0 0 4px;
  color: #305893;
  font-size: 15px;
}

.contact-section .info-block a {
  color: #333;
  text-decoration: none;
  font-size: 14px;
}

.contact-section .info-block a:hover {
  color: #305893;
  text-decoration: underline;
}

/* Responsivo en móviles */
@media (max-width: 480px) {
  .contact-section .section-title {
    font-size: 20px;
  }

  .contact-section .info-card h6,
  .contact-section .info-block h6 {
    font-size: 14px;
  }

  .contact-section .info-card p,
  .contact-section .info-block a {
    font-size: 13px;
  }
}

/* Igualar el diseño de .info-block al de .info-card */
.contact-section .info-block {
  background: #fff !important;
  border-left: 4px solid #305893 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
  padding: 14px 16px !important;
  margin-bottom: 16px !important;
  /* no ponemos cursor:pointer para no confundir (el click está en el link interno) */
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Hover visual como .info-card */
.contact-section .info-block:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

/* Tipografías y colores iguales a .info-card */
.contact-section .info-block h6 {
  margin: 0 0 6px 0 !important;
  color: #305893 !important;
  font-size: 16px !important;
}

/* El texto/enlace igual que el párrafo de .info-card */
.contact-section .info-block a {
  color: #555 !important;
  text-decoration: none !important;
  font-size: 14px !important;
}

.contact-section .info-block a:hover {
  color: #305893 !important;
  text-decoration: underline !important;
}

/* Ajustes responsivos iguales a .info-card */
@media (max-width:480px) {
  .contact-section .info-block h6 {
    font-size: 14px !important;
  }

  .contact-section .info-block a {
    font-size: 13px !important;
  }
}









/* Solo afecta al card cuyo href coincide */
.blog-item .pic a.holder[href*="prevencion-y-actualidad-en-urologia"] {
  background-image: url("https://www.aguilarurologo.com/wp-content/uploads/2025/08/BLOG-Prevencion-y-Actualidad-en-Urologia.webp") !important;
  background-size: cover;
  background-position: center;
}

/* Cambiar imagen de fondo solo para el post de técnica avanzada */
.blog-item .pic a.holder[href*="why-primary-health-care-is-very-important-in-life-2"] {
  background-image: url("https://www.aguilarurologo.com/wp-content/uploads/2025/08/BLOG-La-tecnica-avanzada-para-tratar-problemas-de-prostata.webp") !important;
  background-size: cover;
  background-position: center;
}


@media (max-width: 480px) {
  .hover-boxes .hover-content .hover-text {
    font-size: 24px !important;
    /* título más grande */
    line-height: 1.3;
    text-align: center !important;

  }

  .hover-boxes .hover-content .hover-desc {
    font-size: 18px !important;
    /* descripción más grande */
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  .hover-text {
    font-size: 2.0rem !important;
    /* más grande que el 1.2rem que tenías */
    line-height: 1.4;
    padding: 16px;
    text-align: center !important;

  }
}

@media (max-width: 480px) {

  .vc_custom_heading,
  .vc_do_custom_heading {
    width: 100% !important;
    text-align: center !important;

    display: block !important;
  }
}


@media (max-width: 480px) {
  .vc_custom_heading.vc_do_custom_heading.vc_custom_1755812142604 {
    margin-top: -100px !important;
    text-align: center !important;
  }
}


@media (max-width: 480px) {
  .ppro-title {
    line-height: 1.2 !important;
    /* más compacto y natural */
    margin: 12px auto 8px !important;
    /* ajusta espacios si aún se ve muy separado */
    text-align: center !important;

  }
}

@media (max-width: 480px) {
  .ppro-cta {
    margin-top: -20px !important;
  }
}

@media (max-width: 480px) {
  .vc_custom_1753464346372 {
    line-height: normal !important;
    /* quita el exceso de interlineado */
    margin-top: -200px !important;
    /* lo sube un poco */
  }

  .vc_custom_1755800267640 {
    margin-top: -100px !important;
    /* lo sube */
  }

}


@media (max-width: 480px) {
  .vc_custom_1753464346372 {
    line-height: 1.2 !important;
    /* quita la separación excesiva */
    margin-top: -140px !important;
    /* sube el título */
    text-align: center !important;


  }
}




@media (max-width: 480px) {
  .ppro-title {
    margin-top: -30px !important;
  }
}


/* Hover: texto azul igual al borde */
.ppro-wrapper .ppro-btn:hover,
.ppro-wrapper .ppro-btn:hover:visited,
.ppro-wrapper .ppro-btn:focus,
.ppro-wrapper .ppro-btn:focus:visited,
.ppro-wrapper .ppro-btn:active:hover {
  background: #ffffff !important;
  color: #305893 !important;
  /* azul del borde */
  border-color: #305893 !important;
}


/* Solo en pantallas ≤480px, al <h2> dentro de .u-section */
@media (max-width: 480px) {
  .u-section>h2 {
    margin-top: 15px !important;
  }
}



@media (max-width: 480px) {
  .vc_single_image-wrapper {
    margin-top: 20px;
    /* La sube 20px hacia arriba */
    display: inline-block;
    /* Asegura que el fondo siga solo la imagen */
  }
}

@media (max-width: 480px) {

  /* El título Servicios */
  .vc_custom_1755788471815 {
    display: block;
    padding: 6px 10px;
    margin: 0 !important;
    position: relative;
    top: -20px;
    /* SUBE 20px */
    left: 0;
    z-index: 2;
  }

  /* Limpia rellenos que frenan el movimiento */
  .vc_custom_1531977384221,
  .vc_custom_1531733996221 {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Asegura que no se corte al subir */
  .vc_row.vc_inner {
    overflow: visible !important;
  }
}


@media (max-width: 480px) {
  .ppro-cta {
    overflow: visible !important;
  }

  .ppro-btn {
    position: relative !important;
    top: -10px !important;
    /* lo sube fijo */
    transform: translateY(-10px) !important;
    /* doble seguro */
  }
}

/* Móvil ≤480px: centrar contenido del banner en ambos ejes */
@media (max-width: 480px) {
  .inner_banner_main {
    display: grid;
    place-items: center;
    /* centra en X e Y */
    text-align: center;
    /* centra el texto en líneas múltiples */
  }

  .inner_banner_main .title {
    margin: 0;
    /* elimina márgenes del <p> */
  }
}



/* ===== FIX BULLETS EN MÓVIL (≤480px) ===== */
@media (max-width: 480px) {

  /* 1) Asegura UL con bullets nativos visibles */
  .ppro-wrapper ul.ppro-list {
    list-style-type: disc !important;
    /* usa punto ● */
    list-style-position: inside !important;
    /* marcador dentro (no se recorta) */
    list-style-image: none !important;
    display: block !important;
    padding-left: 0 !important;
    /* inside ya deja sangría */
    margin-left: 20px !important;
    width: 90% !important;
  }

  /* 2) Asegura LI como list-item (no flex/grid/block) */
  .ppro-wrapper ul.ppro-list>li {
    display: list-item !important;
    list-style-type: disc !important;
    list-style-position: inside !important;
    padding-left: 0 !important;
    margin: 6px 0 !important;
    position: static !important;
    /* evita interferencias */
  }

  /* 3) Desactiva cualquier “punto” decorativo previo */
  .ppro-wrapper ul.ppro-list>li::before,
  .ppro-wrapper ul.ppro-list>li::after {
    content: none !important;
    display: none !important;
  }
}



@media (max-width:480px) {
  img[src*="DOC11_Mesa-de-trabajo-1.png"] {
    margin-top: 60px !important;
    height: auto;
    /* mantiene la proporción */
  }
}


/* Desktop: fondo rojo y ancho 50% */
@media (min-width: 992px) {

  .vc_custom_1755812150505,
  .vc_custom_1755812142604,
  .doctor-strip {
    width: 85% !important;
  }
}

/* Móvil ≤480px: margen de 20px para el card */
@media (max-width: 480px) {
  .hover-box {
    margin: 10px !important;
  }
}





/* Espaciado uniforme en blogs para pantallas <=480px */
@media (max-width: 480px) {

  /* Margen general del área de blogs */
  .wraper_blog_main {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Evita doble padding del contenedor */
  .wraper_blog_main .container {
    padding-left: 0;
    padding-right: 0;
  }

  /* Gutter interno consistente en todas las secciones del post y sidebar */
  .wraper_blog_main .blog_single,
  .wraper_blog_main .entry-header,
  .wraper_blog_main .entry-main,
  .wraper_blog_main .entry-content,
  .wraper_blog_main .post-thumbnail,
  .wraper_blog_main .navigation.post-navigation,
  .wraper_blog_main #secondary {
    padding-left: 12px;
    padding-right: 12px;
  }

  /* Columnas a ancho completo en móvil y sin padding lateral extra */
  .wraper_blog_main [class*="col-"] {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Imágenes a ancho completo y con bordes suaves (look más profesional) */
  .wraper_blog_main .post-thumbnail img,
  .wraper_blog_main .entry-content img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
  }
}



@media (max-width:480px) {
  .button-container-unico .btn-agendar-unico {
    margin: -20px !important;
    display: inline-block;
  }
}



.ppro-cta {
  margin-top: -50px;
}

.btn-agendar-unico {
  margin-top: -50px;
}




a.btn {
  font-size: 0 !important;
  /* oculta el texto original */
  line-height: 0 !important;
}

a.btn::before {
  content: "Leer más";
  font-size: 14px !important;
  line-height: normal !important;
  font-family: inherit !important;
  color: inherit !important;
}

/* 👇 Color del texto en hover */
a.btn:hover::before {
  color: #305893 !important;
}



h2.widget-title {
  font-size: 0 !important;
  /* oculta el texto original "Search" */
  line-height: 0 !important;
}

h2.widget-title::before {
  content: "Buscar";
  /* 👈 traducción */
  font-size: 18px !important;
  /* ajusta según tu diseño */
  line-height: normal !important;
  font-family: inherit !important;
  color: inherit !important;
}

/* Ocultar el texto original */
#radiantthemes_recent_posts_widget-1 h2.widget-title {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* Insertar traducción corregida */
#radiantthemes_recent_posts_widget-1 h2.widget-title::before {
  content: "Últimas noticias";
  /* 👈 texto en español y con ortografía correcta */
  font-size: 18px !important;
  line-height: normal !important;
  font-family: inherit !important;
  color: inherit !important;
}

@media (max-width: 480px) {
  .hover-desc {
    display: none !important;
  }
}



/* Reset "Agendar Consulta" SOLO en móvil para que se vea como los demás */
@media (max-width: 480px) {

  /* Quita ancho/márgenes/bordes del <li> forzado en móvil */
  #menu-header-menu-1 .item-8634,
  #menu-item-8634 {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: start;
    color: white !important;
    font-weight: 600;


    background: linear-gradient(135deg, #1CB876, #17a866) !important;
  }

  /* Vuelve el <a> a un link normal del menú (sin pastilla ni degradado) */
  #menu-header-menu-1 .item-8634>a,
  #menu-item-8634>a {
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: inherit !important;
    font-weight: inherit !important;
    text-transform: inherit !important;
    margin: 0 !important;
    filter: none !important;
    transform: none !important;
    /* Usa el padding estándar del tema; si ves que queda muy alto/bajo,
       ajusta este padding para igualarlo a los demás items del menú */
    padding: 12px 15px !important;
    display: block;
    /* como el resto de ítems del off-canvas */
    text-align: start;

  }

  /* Desactiva el hover especial en móvil */
  #menu-header-menu-1 .item-8634>a:hover,
  #menu-item-8634>a:hover {
    background: none !important;
    color: inherit !important;
    transform: none !important;
    filter: none !important;
    text-align: start;

  }
}



/* Contenedor del menú (nav) */
.nav.visible-lg.visible-md.hidden-sm.hidden-xs {
  display: flex;
  align-items: center;
  /* centra verticalmente */
  height: 100%;
  /* asegura que ocupe toda la altura del contenedor azul */
}

/* Lista principal del menú */
.nav.visible-lg.visible-md.hidden-sm.hidden-xs>.menu-header-menu-container>ul.menu {
  display: flex;
  align-items: center;
  /* centra cada <li> dentro del nav */
  justify-content: center;
  /* opcional: centra horizontalmente todo el menú */
  gap: 20px;
  /* espacio entre los ítems */
  margin: 0;
  padding: 0;
  height: 100%;
}

/* Ítems individuales */
.nav.visible-lg.visible-md.hidden-sm.hidden-xs ul.menu>li {
  display: flex;
  align-items: center;
  /* centra el texto dentro del <li> */
  height: 100%;
}

/* ====== DESKTOP: Mega-menú limpio con imágenes de fondo ====== */
@media (min-width: 992px) {

  /* El <li> padre no debe cortar el dropdown */
  #menu-item-8475 {
    position: static;
  }

  /* Contenedor del mega-menú */
  #menu-item-8475 > .rt-mega-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;

    width: min(820px, 92vw);
    max-width: 820px;
    padding: 6px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .12);
    border: 1px solid #e7ecf5;
    overflow: hidden;
  }

  /* Fila en 2 columnas */
  #menu-item-8475 .rt-mega-menu-row {
    display: flex;
    margin: 0;
    padding: 0;
    gap: 0;
  }

  /* Columnas */
  #menu-item-8475 .rt-mega-menu-col {
    flex: 1 1 50%;
    list-style: none;
  }

  /* Enlaces ocupan todo el recuadro */
  #menu-item-8475 .rt-mega-menu-col > a {
    /* Layout del texto */
    display: flex;
    align-items: flex-end;      /* texto al fondo */
    justify-content: center;    /* centrado horizontal */
    padding: 20px;
    min-height: 160px;          /* altura de cada recuadro */
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    position: relative;
    overflow: hidden;

    /* Tipografía */
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);

    /* Fondo: imagen + overlay como degradado */
    /* --bg se define por item; el gradiente es el overlay */
    background-image:
      linear-gradient(to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,.35) 40%, rgba(0,0,0,0) 80%),
      var(--bg, none);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
  }

  /* IMPORTANTE: desactivar cualquier overlay previo */
  #menu-item-8475 .rt-mega-menu-col > a::after {
    content: none !important;
    background: none !important;
  }

  /* Asegurar stacking del texto (por si hay otros spans del tema) */
  #menu-item-8475 .rt-mega-menu-col > a,
  #menu-item-8475 .rt-mega-menu-col > a span {
    position: relative;
    z-index: 1;
  }

  /* Hover elegante */
  #menu-item-8475 .rt-mega-menu-col > a:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
    /* Intensificar un poco el overlay en hover */
    background-image:
      linear-gradient(to top, rgba(0,0,0,.65) 0%, rgba(0,0,0,.45) 40%, rgba(0,0,0,0) 80%),
      var(--bg, none);
  }

  /* === Imágenes de fondo por item (definen --bg) === */
  #menu-item-10119 > a {
    --bg: url("https://www.aguilarurologo.com/wp-content/uploads/2025/07/PORTADA-Procesos-Ambulatorios.jpg");
  }

  #menu-item-9827 > a {
    --bg: url("https://www.aguilarurologo.com/wp-content/uploads/2025/07/Portada-Cirugias-de-mediana-y-alta-complejidad.jpg");
  }

  /* Evita que otros estilos rompan */
  nav.nav .menu > li {
    position: relative;
  }
}

/* Alinear verticalmente el menú principal en el header azul */
.nav.visible-lg.visible-md.hidden-sm.hidden-xs {
  display: flex;
  align-items: center;
}

.nav.visible-lg.visible-md.hidden-sm.hidden-xs > .menu-header-menu-container > ul.menu {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 0;
  padding: 0;
}

.nav.visible-lg.visible-md.hidden-sm.hidden-xs ul.menu > li {
  display: flex;
  align-items: center;
  height: 100%;
}



.hover-desc {
  display: none;
}








@media (max-width: 480px) {
	.font-weight-semibold{
		font-size:30px !important;
		line-height: 1.2 !important;

	}

}

/* ==== Botón de menú "Agendar Consulta" ==== */
#menu-item-8634 > a {
  background-color: #2ecc71;   /* verde principal */
  color: #fff !important;      /* texto blanco */
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 30px;         /* esquinas redondeadas */
  text-transform: uppercase;   /* mayúsculas */
  transition: all 0.3s ease;
  display: inline-block;
}

/* Hover efecto */
#menu-item-8634 > a:hover {
  background-color: #27ae60;   /* verde más oscuro */
  color: #fff !important;
  transform: translateY(-2px); /* pequeño efecto de elevación */
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* Solo en escritorio (evitar que en móvil quede raro) */
@media (max-width: 768px) {
  #menu-item-8634 > a {
    display: block;
    text-align: center;
    margin: 8px auto;
    width: auto;
  }
}



.contacto-card h6 {
  white-space: nowrap;          /* nunca se parte en varias líneas */
  font-size: clamp(12px, 2.8vw, 16px); /* se adapta al ancho de pantalla */
  line-height: 1.4;
}

/* Estilo normal (desktop) lo dejas igual */

/* En pantallas pequeñas (≤480px) */
@media (max-width: 480px) {
  .vc_single_image-wrapper {
    display: flex;
    justify-content: center;   /* centra horizontal */
    align-items: center;       /* centra vertical */
  }

  .vc_single_image-wrapper img {
    height: auto;     /* mantiene proporción */
  }
}