@charset "utf-8";
/* CSS Document */

.region-title {
	color:#6f5745;
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 15px;
}
/* Ajustes visuales de la sección */
.card5 {
  background-color: #efece9;
  border: 1px solid #d9d2cc; /* todo en una sola línea */
  border-radius: 25px;
  color: #6f5745;
  
}
.icon-circle { 
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;       /* tamaño en desktop */
  height: 26px;
  border-radius: 50%;
  background-color: #8cc83f;  
}

.icon-circle i {
  color: #fff !important;
  font-size: 13px;   /* tamaño ícono en desktop */
  line-height: 1;
}

/* En móviles: agrandamos para mejor accesibilidad */
@media (max-width: 576px) {
  .icon-circle {
    width: 34px;   /* círculo más grande */
    height: 34px;
  }
  .icon-circle i {
    font-size: 15px;  /* ícono más grande */
  }
}
.card-text {
  font-size: 0.95rem;
  color: #555;
}

/* Estilo base de los enlaces */
.link-pdf {
	font-size: 13px;
  position: relative;
  display: inline-block;
  color: #6f5745;           /* texto en marrón */
  font-weight: bold;
  text-decoration: none;
  padding-bottom: 3px;      /* espacio para la línea */
  transition: color 0.3s ease;
}

/* Línea animada */
.link-pdf::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #6f5745; /* verde igual al círculo */
  transition: width 0.3s ease;
}

.link-pdf:hover::after {
  width: 100%;
}

.link-pdf:hover {
  color: #6f5745;
}


/* MODAL MARCOS TECNICOS */

.modal-tc .modal-content{

border-radius:28px;
padding:45px;
border:none;

}

.modal-title{

color:#6d5b4f;
font-weight:700;
font-size:30px;
margin-bottom:25px;

}

.modal-contenido{

align-items:flex-start;

}

.modal-texto{

max-height:420px;
overflow-y:auto;
padding-right:40px;
border-right:1px solid #e3e3e3;

}

.modal-texto p{

color:#666;
line-height:1.7;
font-size:16px;

}

.modal-lateral{

padding-left:35px;
text-align:center;

}

.modal-img{

width:70%;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.2);
margin-bottom:20px;

}

.btn-descargar{

display:inline-block;
background:#8dc63f;
color:white;
padding:10px 24px;
border-radius:30px;
text-decoration:none;
font-weight:500;
transition:0.3s;

}

.btn-descargar:hover{

background:#79b22f;
color:white;

}

.cerrar-modal{

position:absolute;
right:20px;
top:20px;

}


.card-org{
background:#f5f3f1;
border-radius:20px;
padding:25px;
height:100%;
cursor:pointer;
transition:all .3s ease;
border:1px solid #e5e5e5;
}

.card-org:hover{
transform:translateY(-5px);
}

/* zona */
.zona{
font-size:14px;
color:#7a6f66;
display:block;
margin-bottom:10px;
}

/* título */
.titulo-org{
  font-weight:600;
  color:#6b5e55;
  display:inline-block;
  position:relative;
  line-height:1.4;
  width:100%; /* 🔥 CLAVE para varias líneas */
}

/* subrayado animado */
.titulo-org::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-4px;
  height:3px;
  width:0;
  background:#8BC34A;
  transition:width .3s ease;
}

.card-org:hover .titulo-org::after{
  width:100%;
}

/* región */
.regionTitulo{
display:inline-flex;
align-items:center;
gap:6px;
margin-top:15px;
font-size:14px;
background:#eef6e6;
padding:6px 12px;
border-radius:20px;
color:#6b5e55;
}

.regionTitulo i{
color:#7bbf3f;
}

.zona-modal{
  color:#7a6f66;
  font-size:14px;
  margin-bottom:10px;
}

.modal-content {
  border-radius: 16px;
  padding: 20px;
}

.card-contacto {
  background: #f3f5f2;
  border: 1px solid #dce3d7;
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 15px;
}

.modal-lateral {
  border-left: 1px solid #ddd;
  padding-left: 30px;
}

.box-descarga {
  background: #8e4a97;
  color: #fff;
  padding: 20px;
  border-radius: 16px;
}

.box-descarga a {
  color: #fff;
  text-decoration: underline;
}