/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://example.com/
Description: A child theme of Twenty Twenty-Five.
Author: Your Name
Author URI: https://example.com/
Template: twentytwentyfive
Version: 1.0.0
Text Domain: twentytwentyfive-child
*/

/* Add your custom styles below this line */


/* GENERALES 
 * **************************************************/


/* Responsividad  1024 / 768 / 480 */


@media (max-width: 1024px){
.borrar-celu-tablet {
	display: none;
}
}

@media (max-width: 768px){
.borrar-celu {
	display: none;
}
}





/*Listados*/

/* Sacamos el marcador por defecto para que no se duplique */
.lista-personalizada {
    list-style: none;
    padding-left: 0;
}



/* Creamos nuestro propio marcador totalmente controlable */
.lista-personalizada li::before {
    content: "";
    background-image: url('https://bajardepeso.ar/wp-content/uploads/2026/06/listado.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
    /* ACÁ CONTROLÁS EL TAMAÑO EXACTO */
    width: 14px;   /* Cambiá este valor al tamaño que quieras */
    height: 14px;  /* Debe ser igual al width para mantener la proporción */
    
    /* ESPACIO ENTRE ICONO Y TEXTO */
    margin-right: 12px; 
    
    /* Evita que el icono se achique si el texto es muy largo */
    flex-shrink: 0; 
    
    /* Ajuste fino manual por si te queda un pelín arriba o abajo */
    margin-top: 8px; 
	display: inline-block;
	width: 1rem;
}


/*Botones*/
.wp-element-button, 
.wp-block-button__link {
   
    transition: all 0.2s ease-in-out; 
}

.wp-element-button:hover, 
.wp-block-button__link:hover {
    background-color: #486427 !important; /* Tu color de fondo al pasar el mouse */
    color: #ffffff !important;            /* Tu color de texto al pasar el mouse */
}

/*Selecccion*/

/* Cambia el color de fondo y de texto al seleccionar */
::-moz-selection { /* Para navegadores Firefox antiguos */
    background-color: #78a33e;
    color: #ffffff;
}

::selection { /* Estándar para Chrome, Safari, Edge y Firefox moderno */
    background-color: #78a33e; /* El mismo verde de tus botones */
    color: #ffffff;            /* El texto se vuelve blanco para que contraste bien */
}


/* HOME V1 
 * ***************************************************/


.key-visual {
	max-width: 30rem;
}


.dos-col-tercios {
	display: grid;
	grid-template-columns: 1fr 2fr;
}

/* Primer hijo directo (el de la izquierda) */
.dos-col-tercios > div:nth-child(1) {
    
	min-width: 100%;
	display: flex;
	justify-content: center; /* Centrado horizontal */
    align-items: center;     /* Centrado vertical */
    min-height: 200px;       /* Asegúrate de que el padre tenga altura */

}

/* Evitar que el figure o el svg colapsen */
.dos-col-tercios > div:nth-child(1) > figure {
    width: 100%;  
	max-width: 300px;
    display: flex;
    justify-content: center;
}

.dos-col-tercios > div:nth-child(1) svg {
    max-width: 100%;
    height: auto;
}

/* Segundo hijo directo (el de la derecha) */
.dos-col-tercios > div:nth-child(2) {
  
	min-width: 100%;
}

@media (max-width: 750px) {

	.custom-logo {
		max-width: 140px !important;
	}
	
.flipbox {
	flex-direction: column-reverse;
}	
	
	.flipbox img {
		max-width: 60vw;
	}	
	
	
	
	
}