/*
Theme Name: lino
Theme URI: https://logicalweb.bo
Version: 1.0
Description: Tema hijo de twentytwentyfive
Author: Juan Jesus Campos Quiroga
Author URI: https://logicalweb.bo
Template: twentytwentyfive
*/

/*PRE*/


html{
	scroll-behavior: smooth;
}

a, button, *{
	text-decoration:none !important;
	outline:none !important;
}

p, span, a, h1, h2, h3, h4, h5, h6, label, button {
  transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;   
}



/*SLIDER*/
div#n2-ss-3 .n-uc-rIzL3fY9Xp9P-inner{
	border-radius:20px !important;
}

div#n2-ss-3 .n-uc-MBrqN93LlphE-inner{
	border-radius:20px !important;
}

.n2-ss-slider-controls
 {
	flex-direction: row !important;
    justify-content: center !important;
    align-items: end !important;
}

/*HEADER*/


.header {
      /*position: fixed;*/
      top: 0;
      width: 100%;
     /* z-index: 999;*/
      transition: all 0.4s ease;
      background: transparent;
    }
/*.header.scrolled {
      background: white !important;
      
    }
.header.scrolled .menu{
	color: #374151 !important;
	
}*/
.menu .menu_nav_link a:hover{
	color: #D4AF37;
}

.menu li {
  display: inline-block;
}

/*.menu li:not(:last-child)::after {
  content: "";
	
	height: 4rem;
	width: 2px;
	background-color:#0a2d5f;
  margin: 0 15px;
  color: #999; /* puedes cambiar color 
}*/

.menu .current-menu-item a,
.menu a[aria-current="page"] {
    background-color: #D4AF37 !important;
    color: #1F2937 !important;
    padding: 14px 30px !important;
    border-radius: 10px !important;     
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
    transition: all 0.3s ease;
}


.menu .current-menu-item a:hover,
.menu a[aria-current="page"]:hover {
    background-color: #c9a02f !important;
    box-shadow: 0 6px 18px rgba(212, 175, 55, 0.5) !important;
}


/*CODIGO REPETIBLE*/

.card{
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	transition: all 0.4s ease;
	border: 1px solid #4D3F3F00 !important;
}

.card:hover{

   border: 1px solid #D4AF37 !important;
    transform: translateY(-12px);
}

.card-2{
	overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	transition: all 0.4s ease;
}

.card-2:hover{
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-10px);
}

.text{
	transition: color 0.25s ease, 
              opacity 0.25s ease, 
              transform 0.25s ease;
}

.text:hover{
	background-color:#D4AF37;
	color: black !important;
	border: 1px solid #D4AF37;;
}

.btn-dark a{
	transition: 
    background-color 0.35s ease,
    color 0.35s ease,
    border-color 0.35s ease,
    transform 0.2s ease;
	
}

.btn-dark a:hover{
	background-color:black !important;
}

.btn-light a{
	transition: 
    background-color 0.35s ease,
    color 0.35s ease,
    border-color 0.35s ease,
    transform 0.2s ease;
	
}

.btn-light a:hover{
	background-color:#A18630 !important;
}

.link-light a{
	transition: 
    background-color 0.35s ease,
    color 0.35s ease,
    border-color 0.35s ease,
    transform 0.2s ease;
	
}

.link-light a:hover{
	color: #0A2D5F;
}

.link-dark a{
	transition: 
    background-color 0.35s ease,
    color 0.35s ease,
    border-color 0.35s ease,
    transform 0.2s ease;
	
}

.link-dark a:hover{
	color: #D4AF37;
}

.serv-card{
	position:relative;
	overflow:hidden;
	transition:box-shadow .3s,transform .3s;
}

.serv-card::before{
	content:'';
	position:absolute;
	left:0;top:0;
	bottom:0;
	width:3px;
	background:#D4AF37;
	transform:scaleY(0);
	transform-origin:bottom;
	transition:transform .35s
}
.serv-card:hover{
	box-shadow:0 12px 40px rgba(0,0,0,.08);
	transform:translateY(-3px)
}
.serv-card:hover::before{
	transform:scaleY(1)
}

/*ICONOS*/

.icon-home{
	justify-content: center;
    display: flex;
    font-size: 60px;
	color: #D4AF37;
}

.icon-val{
	justify-content: center !important;
    display: flex;
    font-size: 60px;
	color: #D4AF37;
}

	.icon-inicio{
	display: flex;
    justify-content: center;
    color: #D4AF37;
    font-size: 70px;
}

.icon-inicio-2{
	display: flex;
    justify-content: center;
    color: #D4AF37;
    font-size: 40px;
}


/*SERVICIOS*/


.serv-card .icon-inicio{
	transition: color 0.25s ease, 
              opacity 0.25s ease, 
              transform 0.25s ease;
}

.serv-card:hover .icon-inicio{
	color: #0A2D5F;
}

.cursor {
  display: inline-block;
  margin-left: 2px;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}

.typing-text{
	text-align:center;
	font-size:2rem;
	font-weight:700;
	color:#1A1A2E;
}

/*CONTACTO*/

/* Filas en 2 columnas */
.contact .row {
  display: flex;
  gap: 40px;
  margin-bottom: 25px;
}

.contact .field {
  flex: 1;
}

/* Campo completo */
.contact .field.full {
  flex: 100%;
}

/* Inputs y textarea */
.contact input,
.contact textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
  background: transparent;
  padding: 10px 5px;
  font-size: 15px;
  outline: none;
  transition: all 0.3s ease;
}

/* Efecto focus elegante */
.contact input:focus,
.contact textarea:focus {
  border-bottom: 1px solid #000;
}

/* Placeholder estilo */
.contact input::placeholder,
.contact textarea::placeholder {
  color: #999;
}

/* Textarea más alto */
.contact textarea {
  min-height: 100px;
  resize: none;
}

/* Botón */
.contact input[type="submit"] {
  background: #0A2D5F;
  color: #fff;
  border: none;
  padding: 14px 30px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover botón */
.contact input[type="submit"]:hover {
  background: #D4AF37;
  transform: translateY(-2px);
  color: #1A1A2E;
}

/*FOOTER*/


.wp-block-template-part{
	margin:0;
}

.footer{
	transition: all 0.4s ease;
}

.footer .footer_nav_link a:hover{
	color: #D4AF37 !important;
}


/*RESPONSIVE*/

/*TEXTO CAMBIANTE*/


/* Tablets */
@media (max-width: 1024px) {
  .hero-title {
    font-size:24px;
    line-height: 1.25;
  }
}

/* Móviles grandes */
@media (max-width: 768px) {
  .hero-title {
    font-size: 14px;
    line-height: 1.3;
  }

  #changing-word::after {
    height: 3px;
    bottom: -5px;
  }
}

/* Móviles pequeños */
@media (max-width: 480px) {
  .hero-title {
    font-size: 14px;
    line-height: 1.35;
  }

  .cursor {
    margin-left: 2px;
  }

  #changing-word::after {
    height: 2px;
    bottom: -4px;
  }
}

/*CONTACTO*/

/* Tablet */
@media (max-width: 768px) {
  .contact .row {
    gap: 20px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .contact .row {
    flex-direction: column;
    gap: 15px;
  }

  .contact .field {
    width: 100%;
  }

  .contact input,
  .contact textarea {
    font-size: 14px;
    padding: 8px 4px;
  }

  .contact textarea {
    min-height: 90px;
  }

  .contact input[type="submit"] {
    width: 100%;
    text-align: center;
    padding: 14px;
  }
}