/*
Theme Name: Montoya Child
Theme URI: https://montoya.clapat-themes.com/
Description: Responsive Wordpress Theme
Template: montoya
Version: 1.0
Author: You
Author URI: https://your site
License: Themeforest
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: montoya-child
*/


/*------------------------------------------------------------------

Add here your own styles
-------------------------------------------------------------------*/
.pmpro .pmpro_card_content,  .pmpro .pmpro_card_actions, .pmpro .pmpro_card_title, .pmpro .pmpro_table,
.pmpro .pmpro_table thead th, .pmpro .pmpro_table tbody th, .pmpro .pmpro_table tbody td, .pmpro .pmpro_table tfoot td {
	background-color: black !important;
	color: white !important;
}

.pmpro .pmpro_btn-print {
	color: white !important;
}

.pmpro #pmpro_order_single h2 {
	background-image: url(https://conia.ai/wp-content/uploads/2025/04/CONIA-Blanco.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60px;
}

.pmpro [id^="pmpro_confirmation-"] p {
    display: none;
}

@media (min-width: 768px) and (max-width: 1024px) {

	.clipped-image img[src*="mujer.jpg"] {
		display: none !important;
	}

    /* Elemento que causa el problema principal */
	.hover-reveal {
		left: 0 !important;
		right: 10 !important;
	}

	  /* Contenedor del clip */
	.image-clipped,
	.elementor-widget-image-clipped {
		width: 100vw !important;
		height: auto !important;
		max-width: 100vw !important;
		overflow: hidden !important;
		display: flex !important;
		justify-content: center;
		align-items: center;
	}

	/* Video dentro del círculo */
	.image-clipped video,
	.elementor-widget-image-clipped video {
		width: 100% !important;
		height: auto !important;
		object-fit: cover !important;
		border-radius: 50% !important; /* mantiene la forma circular */
		max-width: 90vw !important; /* margen lateral */
	}

	/* Asegurar que el fondo no se salga */
	html, body {
		overflow-x: hidden !important;
	}

	.elementor-element-d5f72b5 {
		background-size: contain !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-color: #000 !important; /* opcional, por si quedan bordes */
	}

	/* En caso de que el video esté dentro del wrapper */
	.elementor-element-d5f72b5 video.bgvid {
		object-fit: contain !important;
		width: 100% !important;
		height: auto !important;
	}

	.has-parallax {
		height: 400px !important;
	}

	.has-parallax img {
		width: 100% !important;
		height: 400px !important;
		object-fit: contain !important;
	}

	.content-video-wrapper{
		top: 35% !important;
	}

	html, body {
		overscroll-behavior-y: none !important;
		overscroll-behavior-x: none !important;
	}
}

@media only screen and (max-width: 767px){

	.team-member > div{ margin:10px auto 7px auto!important; display:table!important}

	/* .page-id-2731 #hero-caption{height:auto!important} */

	/* Asegurar que los contenedores no se desborden */
	.full,
	.full_elementor,
	.team-members-list,
	.team-member {
		max-width: 100vw !important;
		overflow-x: hidden !important;
	}

	/* Elemento que causa el problema principal */
	.hover-reveal {
		left: 0 !important;
		right: 10 !important;
	}

	.clipped-image img[src*="mujer.jpg"] {
		display: none !important;
	}

	  /* Contenedor del clip */
	.image-clipped,
	.elementor-widget-image-clipped {
		width: 100vw !important;
		height: auto !important;
		max-width: 100vw !important;
		overflow: hidden !important;
		display: flex !important;
		justify-content: center;
		align-items: center;
	}

	/* Video dentro del círculo */
	.image-clipped video,
	.elementor-widget-image-clipped video {
		width: 100% !important;
		height: auto !important;
		object-fit: cover !important;
		border-radius: 50% !important; /* mantiene la forma circular */
		max-width: 90vw !important; /* margen lateral */
	}

	/* Asegurar que el fondo no se salga */
	html, body {
		overflow-x: hidden !important;
	}

	.elementor-element-d5f72b5 {
		background-size: contain !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-color: #000 !important; /* opcional, por si quedan bordes */
	}

	/* En caso de que el video esté dentro del wrapper */
	.elementor-element-d5f72b5 video.bgvid {
		object-fit: contain !important;
		width: 100% !important;
		height: auto !important;
	}

	.has-parallax {
		height: 400px !important;
	}

	.has-parallax img {
		width: 100% !important;
		height: 400px !important;
		object-fit: contain !important;
	}

	html, body {
		overscroll-behavior-y: none !important;
		overscroll-behavior-x: none !important;
	}

}

@media only screen and (min-width: 1500px) {
	.full > .team-members-list li, .full_elementor .team-members-list li {
		padding:40px 15%!important;
	}
}

@media only screen and (min-width: 768px){
	.team-member span {
		width: 180px;
		max-width: 180px;
		line-height: 1.5em;
		top: 50% !important;
	}
}


/* ==========================================================================
   SOLUCIÓN GLOBAL DEFINITIVA: Perfiles CONIA Estilo Blanco Completo
   ========================================================================== */

/* Contenedor principal en dos columnas */
.conia-member-grid {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 5% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Columna de la Izquierda: Foto de perfil */
.conia-member-image {
    flex: 0 0 30% !important;
    max-width: 320px !important;
    width: 100% !important;
}

.conia-member-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Columna de la Derecha: Datos y textos */
.conia-member-content {
    flex: 1 !important;
    display: block !important;
    text-align: left !important;
}

/* FORZAR TODA LA LETRA BLANCA (Títulos, párrafos, enlaces y barras) */
.conia-member-content,
.conia-member-content p,
.conia-member-content a,
.conia-member-content div,
.conia-member-content strong {
    color: #ffffff !important;
}

/* Corrección de Redes Sociales: Línea horizontal única y color blanco */
.conia-member-content p.text-sm {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
}

.conia-member-content p.text-sm a {
    display: inline-block !important;
    text-decoration: none !important;
}

/* Control de espaciado entre párrafos */
.conia-member-content p {
    margin-bottom: 18px !important;
}

/* Separación del bloque de "Sitio web" */
.conia-member-content p:nth-last-of-type(1),
.conia-member-content a.conia-company-logo {
    margin-top: 35px !important;
}

/* Tamaño del logo de la empresa */
.conia-company-logo img {
    max-height: 85px !important;
    width: auto !important;
    display: block !important;
    margin-top: 15px !important;
}

/* ==========================================================================
   ADAPTACIÓN MÓVIL (Responsivo)
   ========================================================================== */
@media screen and (max-width: 820px) {
    .conia-member-grid {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .conia-member-image {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    .conia-member-image img {
        margin: 0 auto !important;
        max-width: 280px !important;
    }

    .conia-member-content p.text-sm {
        white-space: normal !important;
        justify-content: flex-start !important;
    }

    /* AJUSTE SOLICITADO: Centrar el descargo legal inferior en móviles */
    .conia-member-content div[style*="padding-top"] {
        text-align: center !important;
        padding-top: 40px !important; /* Reducido un poco para móviles para que no quede un hueco gigante */
        width: 100% !important;
        display: block !important;
    }
}