/*
Theme Name: Tecsolenergy
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;
}
.text-justify{
	text-align:justify;
}
a{
	text-decoration:none !important;
}

.text-line-2 a{
	display: -webkit-box;
  -webkit-line-clamp: 2;           /* Número exacto de líneas permitidas */
  -webkit-box-orient: vertical;
  overflow: hidden;                /* Corta el texto sobrante */
  text-overflow: ellipsis;
}
.text-line-3 a{
	display: -webkit-box;
  -webkit-line-clamp: 3;           /* Número exacto de líneas permitidas */
  -webkit-box-orient: vertical;
  overflow: hidden;                /* Corta el texto sobrante */
  text-overflow: ellipsis;
}
.title-a a:hover{
	color:#FF6B1A !important;
}
.content-pagination a{
	    box-shadow: 0px 0px 6px #00000047;
    border-radius: 0.25rem;
    padding: 0.5rem;
    background: #ff6b1a;
    color: white;
}
.content-pagination .wp-block-query-pagination-numbers span{
	padding: 0.5rem;
    box-shadow: 0px 0px 10px #00000047;
    border-radius: 0.25rem;
}
.wp-element-button img{
	vertical-align:middle;
}
/*ANIMACIONES DE ENTRADA*/
/* Estado inicial */
.animate-up,
.animate-down,
.animate-left,
.animate-right,
.animate-zoom,
.animate-fade {
    opacity: 0;
    transition: all 2s ease;
    transform: translateY(0);
}

/* Estados específicos de entrada */
.animate-up {
    transform: translateY(100px);
}
.animate-down {
    transform: translateY(-100px);
}
.animate-left {
    transform: translateX(100px);
}
.animate-right {
    transform: translateX(-100px);
}
.animate-zoom {
    transform: scale(0.8);
}
.animate-fade {
    transform: none;
}

/* Cuando entra en pantalla */
.animate-visible {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

/*HEADER*/
.header-logo img{
	width:clamp(150px,20vw,300px) !important;
}
header a,a:is(:hover,:active){
	text-decoration:none;
	outline:none;
}

header nav a{
	padding:0.5rem 0;
	line-height:100%;
	box-sizing:border-box;
}
header nav a::before {
	left:0;
    content: "";
    position: absolute;
    bottom:0;
    width: 0%;
    height: 5px;
    transition: width 0.5s ease;
    background-color: #FF6B1A;
}
header nav a:hover::before{
    width: 100%;
}
header nav a:hover{
	color: #FF6B1A !important;
}
header nav a[aria-current="page"]::before{
    width: 100%;
}
header nav a[aria-current="page"]{
	color: #FF6B1A !important;
}
.scrolled {
  width: 100%;
    top: 0;
    z-index: 3;
    position: fixed;
    background: white;
    transform: translateY(-100%);
    animation: slideDown 1s forwards;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
}
@keyframes slideDown {
  to {
    transform: translateY(0);
  }
}

.wp-block-navigation__responsive-container.is-menu-open{
	/*max-width:300px;
	background-color:#f3f3f3 !important;
	box-shadow:3px 3px 6px rgba(0,0,0,0.25);*/
	height:100vh !important;
}
.wp-block-navigation__responsive-container.is-menu-open ul{
	gap:0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open a{
	padding:0.5rem 0 !important;
	font-size:clamp(0.9rem,2vw,1rem) !important;
	display:block;
	width:100%;
}
.content-logo img{
	width:clamp(50px,10vw,100px) !important;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
	padding:0.5rem;
}
.btn-search button{
	padding:0.5rem;
}
.btn-search input:focus{
	outline:none;
}
.text-contact img{
	vertical-align:middle;
}
/*HOME*/
.content-logo-clientes img{
	max-height:90px !important;
}
.card-service {
	cursor:pointer;
  perspective: 1000px; 
}

.card-service figure {
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); 
  transform-style: preserve-3d;
  margin: 0;
}

.card-service:hover figure {
  transform: rotateY(180deg);
}
/*SERVICES*/
.service-image-card img{
	transition:2s all;
}
.service-image-card img:hover{
	transform:scale(1.2);
}
strong{
	font-weight:bold;
}
/*FOOTER*/
footer{
	margin:0;
}
/*HOME*/
.content-float-right{
	transform:translatex(clamp(0px,5vw,100px));
}
/*SERVICES*/
.content-slider-image img{
	    max-height: 600px;
    object-fit: cover;
    object-position: top;
}
/*BLOG*/
.content-date{
	border: 2px solid #006699;
	color:#006699;
    width: fit-content;
    padding: 0.5rem;
    position: absolute;
    top: 1rem;
	z-index:2;
	font-weight:bold;
	background-color: white;
}
.blog-grid-title:hover{
	color:#006699 !important;
}
/*CONTACT*/
.contact-form textarea{
	width:100%;
	box-sizing:border-box;
	border-radius:1rem;
	font-size:1rem;
}
.contact-form :where(input,select){
	width:100%;
	box-sizing:border-box;
	border:none;
	border-bottom:1px solid grey;
	font-size:1rem;
}
.contact-form :where(input:focus,select:focus){
	outline:none;
	border-bottom:2px solid black;
}
.contact-form .wpcf7-submit{
	border:none;
	background-color:#083762;
	padding:1rem;
	font-size:1.25rem;
	color:white;
	font-weight:bold;
}
/*FOOTER*/
.content-menu-services-footer ul{
	display:grid;
	gap:0.5rem;
	grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
	width:100%;
}
.content-menu-services-footer ul a{
	text-decoration:underline !important;
}
.content-menu-services-footer ul a:hover{
	color:#ff6b1a !important;
}
@media(max-width:500px){
	.btn-search{
		display:none;
	}
}
@media(max-width:530px){
	.content-credits{
		align-items:center;
		justify-content:center;
	}
	.text-contact {
		display:none;
	}
}
@media(max-width:699px){
	.menu-mobile{
		display:block;
	}
	.content-menu-desktop{
		display:none;
	}
	
}
@media(max-width:781px){
	.content-float-right{
		transform:translatex(0px);
	}
	.content-credits-footer{
		justify-content:center;
	}
	
}
@media(min-width:700px){
	.menu-mobile{
		display:none !important;
	}
	.content-menu-desktop{
		display:block;
	}
}