/*
Theme Name: luxury-mates-y-terere
Theme URI: https://logicalweb.bo
Version: 1.0
Description: Tema hijo de twentytwentyfive
Author: Enrrique
Author URI: https://logicalweb.bo
Template: twentytwentyfive
*/
.grecaptcha-badge{
	display:none !important;
}
/*HEADER*/
header.wp-block-template-part{
	position:sticky;
	top:0;
	width:100%;
	z-index:3;
}
header a:is(:active,:hover){
	outline:none;
	border:none;
	text-decoration:none;
}
header nav a{
	outline:none;
	padding-bottom:0.25rem;
	transition:1s all;
}
header nav a:before{
	content:"";
	background-color:#2468d7;
	width:0%;
	height:3px;
	position:absolute;
	bottom:0;
	transition:1s all;
}
header nav a:hover:before{
	width:100% !important;
}
header nav a:hover {
	color:#2468d7 !important;
}
header nav a[aria-current="page"]{
	color:#2468d7 !important;
}
header nav a[aria-current="page"]:before{
	width:100% !important;
}
.wp-block-navigation__responsive-container.is-menu-open{
	max-width:200px;
	box-shadow:3px 3px 6px rgba(0,0,0,0.125);
}
/*HOME*/
.icon-testimonio img{
	background-color:#2468d7;
	border-radius:100%;
	padding:1rem;
}
.content-category{
	overflow:hidden;
	cursor:pointer;
}
.content-category img{
	transition:2s transform;
}
.content-category:hover img{
	transform:scale(1.35);
}
.content-category:hover{
	box-shadow:0px 0px 12px #2468d7;
}
/*STORE*/
.content-pagination a {
    background-color: #ffffff;
    color: #000000;
    padding: 0.5rem;
    border-radius: 0.5rem;
    box-shadow: 3px 3px 6px #dbdbdb;
}
.content-pagination span[aria-current="page"] {
    padding: 0.5rem;
    background-color: #0054aa;
    color: white;
    font-size: 1rem;
    border-radius: 0.5rem;
}
.select-order-products select {
    border: 1px solid #e1e1e1;
    padding: 0.5rem;
	border-radius:0.5rem;
}
/*MAYORISTA*/
.contact-form :where(select,input,textarea){
	width:100%;
	box-sizing:border-box;
	padding:0.5rem 1rem;
	font-size:1.25rem;
	border-radius:0.5rem;
	border:1px solid #d3d3d3;
}
.wpcf7-submit{
	background-color: #2468d7;
    color: white;
    padding: 1rem;
    border-radius: 3rem;
}
/*FOOTER*/
.text-credits img{
	vertical-align:middle;
}
/* ==========================================================================
   Animaciones de Entrada para WordPress
   ========================================================================== */

/* Estado inicial: oculto y preparado para animar */
.wp-anim-fade, 
.wp-anim-slide-up, 
.wp-anim-zoom, 
.wp-anim-counter {
    opacity: 0;
    visibility: hidden;
    will-change: opacity, transform;
    transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Efectos específicos iniciales */
.wp-anim-slide-up {
    transform: translateY(40px);
}

.wp-anim-zoom {
    transform: scale(0.9);
}

/* Estado final: visible (Esta clase la añade el JS) */
.is-visible.wp-anim-fade,
.is-visible.wp-anim-slide-up,
.is-visible.wp-anim-zoom,
.is-visible.wp-anim-counter {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

/* Clases de retraso (Delay) para hacer secuencias en bloque */
.wp-delay-100 { transition-delay: 100ms; }
.wp-delay-200 { transition-delay: 200ms; }
.wp-delay-400 { transition-delay: 400ms; }

/* Ajustes Responsive para móviles */
@media (max-width: 768px) {
    .wp-anim-slide-up {
        transform: translateY(20px); /* Menor desplazamiento en pantallas pequeñas */
    }
	.content-credits{
		justify-content:center;
	}
	.content-form-search{
		display:none !important;
	}
}