/*
Theme Name: MediClinic Platform
Theme URI: 
Author: Rubén Ramírez 
Author URI: https://rubenramirezweb.com/
Description: Specialized medical framework for doctors and clinics.
Version: 1.0
Template: medicate
*/


 /* QUITA EL BOTÓN LEER MAS EN LAS TARJETAS DE SERVICIOS */
 a.pt-button.pt-button-link {
    display: none !important;
} 

/* Ajusta el tamaño de las imágenes en la sección Capacidad Médica */
.pt-service-box .pt-service-img {
    width: 100%;
    height: 350px !important;
    overflow: hidden;
}

.pt-service-box .pt-service-img img {
  /* width: 100% !important; */
  height: 100% !important;
  object-fit: cover !important;
}


/* Ajusta el tamaño de las imágenes en el carrusel de Instalaciones */
.swiper-slide-inner img {
    width: 100%;
    height: 350px !important;
    object-fit: cover;
    border: none !important;
}

/* Quita el borde de las imágenes en la sección de Contadores */
.pt-counter-description {
    border: none;
}

/* Modifica el tamaño de fuente en el pie de página de derechos de autor */
.pt-copyright-footer .pt-copyright {
    font-size: 12px;
}


:root {
    --primary-color: #2490eb;
    --primary-dark-color: #14457b;
    --button-hover-color: #14457b;
    --dark-color: #18100f;
    --secondary-color: #666666;
    --grey-color: #f4f6f9;
    --white-color: #ffffff;
    --body-fonts: 'Montserrat', sans-serif;
    --title-fonts: 'Quicksand', sans-serif;
}


/* Cambia el fondo del botón "Leer más" de negro a azul. */
.pt-btn-container .pt-button {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
}

.pt-btn-container .pt-button:hover {
    background: var(--button-hover-color)  !important;
    color: var(--white-color);
}

.pt-btn-container .pt-button:focus,
.pt-btn-container .pt-button:active {
    background: var(--button-hover-color);
    border-color: var(--button-hover-color);
    color: var(--white-color);
}


/* Cambia el fondo del botón "Volver al inicio" y su borde, y agrega una transición suave para el efecto hover. */
#back-to-top .top {
    background: var(--primary-color);
    border: 1px solid var(--white-color) !important;
    transition: all 0.3s ease;
}

#back-to-top .top:hover {
    background: var(--button-hover-color) !important;
    border: 1px solid var(--white-color);
}


/* Botón Contact Form 7 - Hover */
.wpcf7 input[type="submit"]:hover {
    background-color: #14457b !important;
    border-color: #14457b !important;
}


/*Botón Formulario de Suscripción - Hover */
.pt-subscribe-from input.submit:hover {
    background-color: #14457b !important;
    color: var(--white-color) !important;
}


/* Bullet galería de imagenes del carrusel de Instalaciones */
.swiper-pagination-bullet {
    background: var(--primary-dark-color) !important;
}


/* Imagen de doctor en círculo perfecto */
.pt-team-box.pt-style-3 .pt-team-img {
    position: relative !important;
    overflow: hidden !important;
    display: inline-block !important;
    width: 220px !important;
    height: 220px !important;
    border-radius: 50% !important;
}

.pt-team-box.pt-style-3 .pt-team-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;

}

.pt-team-img img{
    max-width:none !important;
}


/* Cambia el fondo y el color del texto al hacer hover en las cajas de servicios. */
.pt-fancy-box.pt-style-7:hover {
    background: var(--primary-color);
    color: var(--white-color) !important;
}


/* Modifica el fondo del breadcrumb a azul y la alineación del título y migas de pan. */
.pt-breadcrumb {
    padding: 60px 0 !important;
    position: relative;
    z-index: 1;
}

.pt-breadcrumb::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(20, 69, 123, 0.40); /* azul con transparencia */
    z-index: -1;
}

.pt-breadcrumb .pt-breadcrumb-title h1 {
    display: flex !important;
    color:#ffffff !important;
    justify-content: center !important;
}

.pt-breadcrumb-container .breadcrumb {
    display: flex !important;
    color: #ffffff !important;
    justify-content: center !important; 
}