/*
Theme Name: Kortabaco
Theme URI: https://logicalweb.bo
Version: 1.0
Description: Tema hijo de twentytwentyfive
Author: Enrrique
Author URI: https://logicalweb.bo
Template: twentytwentyfive
*/
header{
	position:fixed;
	top:0;
	z-index:11;
	width:100%;
}
.text-line-2 {
    display: -webkit-box;           /* 1. Define el contexto de caja flexible antiguo */
    -webkit-line-clamp: 2;          /* 2. Indica el número máximo de líneas */
    -webkit-box-orient: vertical;   /* 3. Define la orientación vertical */
    overflow: hidden;               /* 4. Oculta el resto del texto */
}
.text-line-4 {
    display: -webkit-box;           /* 1. Define el contexto de caja flexible antiguo */
    -webkit-line-clamp: 4;          /* 2. Indica el número máximo de líneas */
    -webkit-box-orient: vertical;   /* 3. Define la orientación vertical */
    overflow: hidden;               /* 4. Oculta el resto del texto */
}
.text-line-5 {
    display: -webkit-box;           /* 1. Define el contexto de caja flexible antiguo */
    -webkit-line-clamp: 5;          /* 2. Indica el número máximo de líneas */
    -webkit-box-orient: vertical;   /* 3. Define la orientación vertical */
    overflow: hidden;               /* 4. Oculta el resto del texto */
}
footer{
	margin:0;
}
a{
	text-decoration:none;
}
a:is(:hover,:active,:focus){
	text-decoration:none;
	outline:none;
}
a:is(:hover){
	color:#eb5a31 !important;
}
/*HEADER*/
a[aria-current="page"]{
	color:#eb5a31 !important;
}
.content-menu{
	margin:0;
}
.wp-block-navigation__responsive-container.is-menu-open{
	max-width:200px;	
}
.button-tel img{
	vertical-align:middle;
}
.button-tel a{
	min-width:25px;
}
/*FOOTER*/
.text-credits img{
	vertical-align:middle;
}

.contact-button{
	min-width:150px;
}
/*INDEX*/

/* 3. El contenedor relativo para el select */
    .content-countries {
        position: relative;
        max-width:300px;
    }

    /* 4. ESTILO DEL SELECT */
    .content-countries select {
        width: 100%;
        padding: 1rem 2rem 1rem 1rem; /* Buen espacio interno */
        font-size: 16px;
        color: #444;
        background-color: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 10px;
        cursor: pointer;
        outline: none;
        transition: all 0.3s ease;
        
        /* EL TRUCO: Ocultar la flecha nativa */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;

        /* Poner nuestra propia flecha (SVG codificado) */
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 1rem center;
        background-size: 1em;
    }

    /* Estados: Hover y Focus */
    .content-countries select:hover {
        border-color: #b0b0b0;
		cursor:pointer;
    }

    .content-countries select:focus {
        border-color: #3b82f6; /* Color azul moderno al hacer clic */
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
		cursor:pointer;
    }

    /* Opcional: Estilo para las opciones (Soporte limitado en navegadores) */
    .content-countries select option {
        padding: 10px;
		cursor:pointer;
    }
.content-countries select::picker {
    border-radius: 12px;
}
/*Bolivia*/
.image-lkb img{
	max-width:250px;
	width:clamp(150px,15vw,250px);
}

.background-slider-home{
	max-height:800px;
	height:clamp(600px,100vw,800px);
}

/*productos*/
.gs_logo_title{
	font-weight:bold !important;
	text-transform:uppercase;
}
.swiper-button-prev, .swiper-button-next{
	background-color:black !important;
}
.swiper-button-prev svg, .swiper-button-next svg{
	fill:white !important;
}
/*BOHEM EXPERIENCE*/
.card-title a{
	display:block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content-bohem-experience ul{
	    grid-template-columns: repeat(auto-fill, minmax(min(16rem, 100%), 1fr)) !important;
    container-type: inline-size;
}
.title-bohem-xperience img{
	width:clamp(30px,10vw,70px) !important;
}
/*BLOG*/
.content-background-slider-blog{
	height:clamp(400px,100vw,550px);
}
/*POST*/
.content-single-post{
	padding-top:140px !important;
}
/*CONTACTO*/
.contact-form p{
	margin:0 0 0.5rem 0;
}
.contact-form :where(input,textarea){
	    display: block;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #e1e1e1;
    border-radius: 0.25rem;
    font-size: 1rem;
    padding: 0.5rem;
}
.contact-form .wpcf7-submit{
	    border: none;
    background-color: #eb5b33;
    color: white;
    font-weight: bold;
    width: auto;
    padding: 1rem;
	cursor:pointer;
}
.contact-form .wpcf7-submit:hover{
	background-color:black;
}
/*ANIMACIONES DE ENTRADA*/
/* Estado inicial */
.animate-up,
.animate-down,
.animate-left,
.animate-right,
.animate-zoom,
.animate-fade {
    opacity: 0;
    transition: all 1s 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);
}
@media(max-width:781px){
	.home-title{
		text-align:center;
	}
}

@media(max-width:580px){
	.content-credits{
		align-items:center;
		justify-content:center;
	}
}
@media(max-width:450px){
	.contact-bottom{
		display:block !important;
	}
	.contact-top{
		display:none !important;
	}
}
@media(min-width:451px){
	.contact-bottom{
		display:none !important;
	}
	.contact-top{
		display:block !important;
	}
}