/**
	* Theme Name:	FrygoExpress
	* Author:		Grupo CF
	* Author URI:	https://wwww.grupocf.com.mx
	* Description:	Transportes refrigerados y secos
	* Version:		2.0
	* License:		GNU General Public License v2 or later
	* License URI:	http://www.gnu.org/licenses/gpl-2.0.html
	* Text Domain:	frygoexpress
	* Template:		blocksy
**/

/*
**	global
*/

body.gspb-bodyfront { margin-bottom: 0;}

/*
**	logo
*/

/* Contenedor del logo */
.site-logo img {
display: block;

transform-origin: 50% 50%;
will-change: transform, filter, opacity;

animation: logoSequence 12s ease-in-out infinite;
}

/* Secuencia completa */
@keyframes logoSequence {
	0%		{ transform: scale(1) rotate(0deg);		}	
	8%		{ transform: scale(1.08) rotate(0deg);	}
	14%		{ transform: scale(1) rotate(0deg);		}	
	25%		{ transform: scale(1) rotate(0deg);		}	
	30%		{ transform: scale(1) rotate(8deg);		}	
	45%		{ transform: scale(1) rotate(-360deg);	}	
	55%		{ transform: scale(1) rotate(0deg);		}	
	100%	{ transform: scale(1) rotate(0deg);		}
}

/*
**	menú
*/

.ct-sticky-container { transition: 0.5s; }
.ct-sticky-container:hover { background-color: var(--theme-palette-color-8); }
.ct-sticky-container:hover .ct-menu-link { color: var(--theme-palette-color-5); }
.ct-toggle-dropdown-desktop { display: none !important; }

/*
**	sub menú
*/

.sub-menu {	
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100vw !important;
}

.sub-menu a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	height: 150px;

	text-align: center;
}

.sub-menu a::before {
	content: "";
	margin-bottom: 5px;

	width: 40px;
	height: 20px;

	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.sub-menu a span { font-size: 70%; }

/*
**  sub menú servicios
*/

#menu-item-46 .sub-menu { left: -294% !important; }
#menu-item-46 .sub-menu li { width: calc(100% / 6); }
[data-sticky="yes:shrink"] #menu-item-46 .sub-menu { left: -254.5% !important; }

#menu-item-46 .sub-menu li:nth-child(1) > a::before {	background-image: url(https://desarrollo.frygoexpress.com/wp-content/uploads/2026/02/menu-unidades.webp); }
#menu-item-46 .sub-menu li:nth-child(2) > a::before {	background-image: url(https://desarrollo.frygoexpress.com/wp-content/uploads/2026/02/menu-frio.webp); }
#menu-item-46 .sub-menu li:nth-child(3) > a::before {	background-image: url(https://desarrollo.frygoexpress.com/wp-content/uploads/2026/02/menu-seco.webp); }
#menu-item-46 .sub-menu li:nth-child(4) > a::before {	background-image: url(https://desarrollo.frygoexpress.com/wp-content/uploads/2026/02/menu-unidades.webp); }
#menu-item-46 .sub-menu li:nth-child(5) > a::before {	background-image: url(https://desarrollo.frygoexpress.com/wp-content/uploads/2026/02/menu-frio.webp); }
#menu-item-46 .sub-menu li:nth-child(6) > a::before {	background-image: url(https://desarrollo.frygoexpress.com/wp-content/uploads/2026/02/menu-seco.webp); }

/*
**  sub menú valor
*/

#menu-item-48 .sub-menu { left: -222.5% !important; }
#menu-item-48 .sub-menu li { width: calc(100% / 6); }
[data-sticky="yes:shrink"] #menu-item-48 .sub-menu { left: -200% !important; }

#menu-item-48 .sub-menu li:nth-child(1) > a::before {	background-image: url(https://desarrollo.frygoexpress.com/wp-content/uploads/2026/02/menu-cadena-frio.webp); }
#menu-item-48 .sub-menu li:nth-child(2) > a::before {	background-image: url(https://desarrollo.frygoexpress.com/wp-content/uploads/2026/02/menu-normas.webp); }
#menu-item-48 .sub-menu li:nth-child(3) > a::before {	background-image: url(https://desarrollo.frygoexpress.com/wp-content/uploads/2026/02/menu-rastreo.webp); }
#menu-item-48 .sub-menu li:nth-child(4) > a::before {	background-image: url(https://desarrollo.frygoexpress.com/wp-content/uploads/2026/02/menu-equipo.webp); }

/*
**  sub menú clientes
*/

#menu-item-45 .sub-menu { left: -606% !important; }
#menu-item-45 .sub-menu li { width: calc(100% / 6); }
[data-sticky="yes:shrink"] #menu-item-45 .sub-menu { left: -563% !important; }

#menu-item-45 .sub-menu li:nth-child(1) > a::before {	background-image: url(https://desarrollo.frygoexpress.com/wp-content/uploads/2026/02/menu-clientes.webp); }
#menu-item-45 .sub-menu li:nth-child(2) > a::before {	background-image: url(https://desarrollo.frygoexpress.com/wp-content/uploads/2026/02/menu-blog.webp); }

/*
**	menú contacto
*/

#menu-contacto a {
	background-image: url(https://desarrollo.frygoexpress.com/wp-content/uploads/2026/02/icon-contacto.webp);

	padding-left: 24px;
	
	background-size: 20px 20px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}
/*
**	clientes
*/

.clientes p {
	padding: 5px 10px;
	margin: 0 0 10px 0;

	border-radius: 8px;

	font-size: 80%;
}

.clientes p:nth-child(even) { background-color: var(--theme-palette-color-7); }

@media all and (min-width: 1024px) { .clientes-columna { column-count: 3; } }
@media all and (max-width: 1024px) { .clientes-columna { column-count: 2; } }
@media all and (max-width: 768px) { .clientes-columna { column-count: 1; } }

.clientes-logos img { border-radius: 20px; }

/*
**	pop up imágenes
*/

.popImage {
	max-width: auto;
	max-height: 850px;
	object-fit: contain;
}

/*
**	formularios
*/

.formulario-contacto form div { margin-bottom: 20px; }

.formulario-contacto form div > p {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 30px;
}

.formulario-contacto form div > p  label {
	width: 50%;
}

.formulario-contacto form div > p::after { display: none; }

.formulario-contacto form section {
	margin:0 0 20px 0;
	padding: 20px;

	border: 1px solid #E6E6E6;
	border-radius: 4px;
}

.formulario-contacto form section::before {
	display: block;
	content: "Carga tu CV o solicitud (Max. 2 mb / PDF)";

	margin-bottom: 10px;

	font-size: 75%;
	font-weight: bold;
	
}

.formulario-contacto form input[type="submit"] {
	margin: 15px 0 0 0;
	padding: 15px 0;

	width: 100% !important;

	background-color: var(--theme-palette-color-1) !important;

	font-family: 'Bebas Neue', Sans-Serif !important;
	font-size: 120% !important;
}

.formulario-contacto form input[type="submit"]:hover { background-color: var(--theme-palette-color-2) !important; }

/*
**	boton vacantes
*/

.contenedor-aplicar { text-align: center; }

.btn-aplicar, .btn-aplicar a, .btn-aplicar a:hover { width: 100%; color: white; }