/*
Theme Name: Crane Child
Theme URI: http://crane.grooni.com/
Template: crane
Description: Multipurpose WordPress Theme
Author: Grooni
Author URI: http://grooni.com/
Version: 1
*/

/*
========================================
    Write your custom CSS rules here
========================================
*/
@media (min-width:1024px) {
.gm-main-menu-wrapper .gm-navbar-nav > .gm-menu-item > .gm-anchor {
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin-right: 15px !important;
	margin-left: 15px !important;
}

.gm-main-menu-wrapper .gm-navbar-nav > .menu-item > .gm-anchor {
	height: inherit !important;
	position: relative;
}
}
.cabecero{min-height:680px;}
.cabecero h1 b{display: block;font-weight:700 !important;}


.titular1 h2::after {
    content: "";
    white-space: pre;
}

.titular1 h2 {
    display: inline-block; /* O block, dependiendo de tu diseño */
	 max-width: 15ch;
}

.titular1 h2 {
    white-space: pre-line;
}
.titular1 h2 b{display: block;font-weight:700 !important;width: max-content;}

.titular2 h3 b{display: block;font-weight:700 !important;}
.titular2 h3 {font-weight:normal !important;}
.titular3 h2 b{display: block;font-weight:700 !important;}
.titular3 h2 {font-weight:normal !important;}
.legal ul {
    display: flex;       /* Alinea los elementos en fila */
    list-style: none;    /* Quita los puntos/balas de la lista */
    padding: 0;          /* Elimina el espacio a la izquierda */
    margin: 0;
    gap: 20px;           /* Controla el espacio entre cada elemento */
}

/* Opcional: para que los elementos se centren */
.legal ul {
    justify-content: center; 
}

.legal .widget .menu-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 0;
	padding: 0px 0 !important;
	border-bottom: none !important;
}
.legal .widget .menu-item a::after {
	content: inherit !important;
	position: inherit !important;
	left: 0px !important;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0px !important;
	height: 0px !important;
	opacity: .5;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}
.legal .widget .menu-item a {
	padding-left: 0px !important;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
}
.legal a:hover {
	color: #1e3c40;
}
.legal a{color:#ffffff; font-family: Montserrat; font-weight:500; font-size:14px; }

.lista_pie .icon_list_icon {padding-top:12px; font-size:0px !important;}
.lista_pie .icon_list_icon i{font-size:24px !important;}
.lista_pie .icon_description {height:0px !important; padding-top:0px; padding-left:35px !important;font-weight:500;}
.lista_pie .smile_icon_list li.icon_list_item {font-size:0px !important; margin-bottom:10px !important;}
.lista_pie .smile_icon_list li .icon_description .info-list-heading {
	font-weight: 400 !important; font-size:14px !important; color:#65adab !important;
}
.lista_pie .icon_list_item a{color:#65adab;}
.lista_pie .icon_list_item a:hover{color:#9aa552;}
.lista_pie .smile_icon_list.left li .icon_description {
	line-height: inherit !important;
}
.lista_pie .smile_icon_list.left.square.with_bg {
margin-top:21px;}
.links_pie a{color:#ffffff;}
.links_pie a:hover{color:#9aa552;}
.slick-prev {
	left: 15px !important;
}
.slick-next {
	right: 15px;
}



/* Elementos impares (1, 3, 5...): Quita margen izquierdo */
.slick-track .ult-item-wrap:nth-child(odd) {
    margin-left: 0 !important;
}

/* Elementos pares (2, 4, 6...): Quita margen derecho */
.slick-track .ult-item-wrap:nth-child(even) {
    margin-right: 0 !important;
}
.counter_prefix, .stats-block .stats-number {font-weight:600;}
.stats-text {
	line-height: inherit !important;
}
@media (min-width:452px) and (max-width: 665px) {
    .legal ul {
        display: grid !important;           /* Cambiamos a Grid para forzar columnas */
        grid-template-columns: 1fr 1fr;    /* Crea 2 columnas iguales */
        gap: 10px 20px;                    /* Espacio entre filas y columnas */
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .legal ul li {
        width: 100% !important;            /* El li ocupa todo el ancho de su columna de grid */
        display: block !important;
    }

    .legal .widget .menu-item {
        margin: 0 !important;
        padding: 0 !important;
    }
}
@media (max-width:451px) {
        .legal ul {
        display: block !important;       /* DESACTIVA el flexbox y el grid */
        width: 100% !important;
        text-align: center !important;   /* Opcional: centra el texto */
    }

    .legal ul li {
        display: block !important;       /* Fuerza a cada elemento a ocupar SU PROPIA LÍNEA */
        width: 100% !important;
        margin-bottom: 15px !important;  /* Espacio entre cada link */
        padding: 0 !important;
    }

    .legal .widget .menu-item {
        display: block !important;       /* Rompe cualquier flex interno de Elementor */
    }
	
}
@media (max-width: 767px) {
    /* Convertimos la fila en un contenedor flexible para poder ordenar */
    .intercambio-movil {
        display: flex !important;
        flex-direction: column !important;
    }

    /* La columna 3 (C) pasa a la posición 4 */
    .intercambio-movil > .vc_column_container:nth-child(3) {
        order: 4 !important;
    }

    /* La columna 4 (D) pasa a la posición 3 */
    .intercambio-movil > .vc_column_container:nth-child(4) {
        order: 3 !important;
    }

    /* Aseguramos que las demás mantengan su orden natural */
    .intercambio-movil > .vc_column_container:nth-child(1) { order: 1; }
    .intercambio-movil > .vc_column_container:nth-child(2) { order: 2; }
    .intercambio-movil > .vc_column_container:nth-child(5) { order: 5; }
}
.manos{background-image:url("https://des.prodesin.net/~puntafucinodoporco/wp-content/uploads/2026/03/manos.png"); background-repeat:no-repeat; 
background-position: bottom center; background-size:contain;}
.lista ul {
  list-style: none; /* Quita los puntos por defecto */
  padding-left: 20px;
}

.lista li::before {
  content: "> ";    /* Inserta el símbolo */
  color: #2b5154;   /* Color opcional */
  font-weight: bold;
  margin-right: 8px; /* Espacio entre el símbolo y el texto */
}