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


* {margin: 0px;
	padding: 0px}
/*INDEX*/

.split-container::before {
  content: "";
  position: fixed;
  width: 200%;
  height: 200%;
  background-color:#000000;
	
   background-image:
    radial-gradient(2px 2px at 13% 27%, #fff, transparent),
    radial-gradient(3px 3px at 82% 11%, #f9a8d4, transparent),
    radial-gradient(1px 1px at 45% 73%, #c084fc, transparent),
    radial-gradient(2px 2px at 67% 54%, #fff, transparent),
    radial-gradient(2px 2px at 23% 88%, #f472b6, transparent),
    radial-gradient(1.5px 1.5px at 91% 63%, #a855f7, transparent),
    radial-gradient(1px 1px at 38% 14%, #fff, transparent),
    radial-gradient(2px 2px at 59% 92%, #d946ef, transparent),
    radial-gradient(1px 1px at 76% 37%, #fff, transparent);

  background-size:
    250px 250px,
    300px 300px,
    200px 200px,
    350px 350px,
    275px 275px,
    325px 325px,
    225px 225px,
    375px 375px,
    260px 260px;
    
  background-repeat: repeat;
  animation: moveStars 45s linear infinite, twinkle 1s ease-in-out infinite alternate;
  z-index: -1;
}

@keyframes moveStars {
  from {transform: translate(0, 0);}
  to {transform: translate(-880px, -880px);}
	}

@keyframes twinkle {
  from { opacity: 0.5; }
  to { opacity: 0.8; }
}


p {line-height: 1.3; 
	font-size: 1rem;
	color: black;}

.split-container p { max-width: 420px; margin-bottom: 35px; }

  /* Contenedor principal */

.split-container {
    display: flex;
    flex-direction: column; 
    height: 100vh; 
	width: 100%; 
	overflow-x: hidden;
	overflow-y:scroll;
		align-items: stretch;}

.left-side{
	display: flex;
    flex-direction: column; 
    height: 100vh; 
    overflow: hidden;
	align-items: center;}

.right-side{
	display: flex;
    flex-direction: column; 
    height: 100vh; 
    overflow: hidden;
	align-items: center;}

  /* Estilo para las dos mitades */

.profile-section {
    flex: 1; 
    display:flex;
    justify-content: center;
    align-items: center;
    padding: 80px 80px;
    text-align: center;
    transition: all 0.5s ease; 
    position: relative;
	}

a {text-decoration: none}

  /* Efecto hover */

  .left-side:hover {
    transform: scale(1.03);
    z-index: 10;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
	background-color: hsla(346,100%,81%,.7);} 

 .left-side:hover h1 {
    color: #000000;}

 .left-side:hover h2 {
    color: #000000;} 

.left-side:hover h3 {
    color: #000000;} 
 
 .right-side:hover {
    transform: scale(1.03);
    z-index: 10;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
	background-color: hsla(267,36%,71%,.75);} 

.right-side:hover h1 {
	color: #000000;
	} 

.right-side:hover h2 {
    color: #000000;} 

.right-side:hover h3 {
    color: #000000;} 

  /* --- ESTILOS DE LA FOTO DE PERFIL --- */

  .profile-pic {
	  background-color: white;
	  border-radius: 50%; 
	  margin-bottom: 25px;
	  box-shadow: 0 10px 20px rgba(0,0,0,0.80);
	  overflow: hidden; 
	  display: flex;
	  justify-content: center;
	  align-items:center;
	  border: 5px solid white; }

  .profile-pic img {
	  width: 100%;
	  max-width: 350px;
	  height: auto;
	  object-fit: cover; 
	  display: block;}


  /* --- TEXTO Y BOTONES --- */

 .left-side h1 { 
	  margin: 5px 5px 0px 0; 
	  color: #ff9cb3; 
	  font-weight: 800;
	  font-size: 3.8rem;
	  text-transform: uppercase;}

.right-side h1 { 
	  margin: 5px 5px 0 0; 
	  color: #b39cd0; 
	  font-weight: 800;
	  font-size: 3.8rem;
	  text-transform: uppercase;}


 .left-side h2 {
	  margin: 0 0 20px 0; 
	  color: #ff9cb3; 
	  font-weight: 500; 
	  font-size: 1.5rem; 
	  letter-spacing: 1.5px; 
	  text-transform: uppercase; }

.right-side h2  {
	  margin: 0 0 20px 0; 
	  color: #b39cd0; 
	  font-weight: 500; 
	  font-size: 1.5rem; 
	  letter-spacing: 1.5px; 
	  text-transform: uppercase; }

.left-side h3 {
	  margin: 0 0 0 0; 
	  color: #ff9cb3; 
	  font-weight: 600; 
	  font-size: 1.1rem; 
	  letter-spacing: 1px;
	  line-height: 23px;
	  text-transform: uppercase; }

.right-side h3  {
	  margin: 0 0 0 0; 
	  color: #b39cd0; 
	  font-weight: 600; 
	  font-size: 1.1rem; 
	  letter-spacing: 1px;
	  line-height: 23px;
	  text-transform: uppercase; }

  .btn {
    color: black;
    padding: 15px 35px;
	margin: 0px 0px 15px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 1rem;
    transition: all 0.3s ease;
    display: inline-block; }

  .btn-left { 
    background-color: #ff9cb3; 
    box-shadow: 0 5px 15px rgba(255, 183, 178, 0.4); }

  .btn-left:hover { 
    background-color: #FF8AA5;
	color: white;
    transform: translateY(-3px); 
    box-shadow: 0px 0px 40px white; 
	}

.btn-right { 
	background-color: #b39cd0; 
    box-shadow: 0 5px 15px rgba(199, 206, 234, 0.4); 
}

  .btn-right:hover { 
    background-color: #A46EE7;
	color: white;
    transform: translateY(-3px); 
    box-shadow: 0px 0px 40px white;  
  }




/* NAVBAR*/
.navbar {
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
  background-color: black;
}

/* cada subnav ocupa la mitad */
.subnav {
  margin: 0;
  padding: 0;
  width: 50%;
  position: relative;
}

/* botones */
.subnav .subnavlau {
	width: 100%;
	font-weight: 600; 
	font-size: 1.2rem; 
	text-transform: uppercase;
	border: none;
	outline: none;
	color: #ff9cb3;
	padding: 14px 16px;
	background-color: black;
	margin: 0;
	transition: 0.3s;
	}

.subnav .subnavcaro{
  width: 100%;
  font-weight: 600; 
  font-size: 1.2rem; 
  text-transform: uppercase;  
  border: none;
  outline: none;
  color: #b39cd0;
  padding: 14px 16px;
  background-color: black;
  margin: 0;
  transition: 0.3s;
}

/* rollover */
.subnavlau:hover {
	background-color: #ff9cb3;
	color: black;
	}

.subnavcaro:hover {
	background-color: #b39cd0;
	color: black;
	}

/* dropdown */
.caro-subnav-content {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #b39cd0;
  z-index: 1;
  grid-template-columns: repeat(3, 1fr);
}

.lau-subnav-content {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  background-color:#ff9cb3;
  z-index: 1;
 grid-template-columns: repeat(3, 1fr);
}

/* links del dropdown */
.caro-subnav-content a {
  color: white;
  text-decoration: none;
  padding: 12px;
  text-align: center;
  transition: 0.3s;
}

.lau-subnav-content a {
  color: white;
  text-decoration: none;
  padding: 12px;
  text-align: center;
  transition: 0.3s;
}
/* hover interno */
.lau-subnav-content a:hover {
  background-color: black;
  color: #ff9cb3;
}

.caro-subnav-content a:hover {
  background-color: black;
  color: #b39cd0;
}

.subnav:hover .lau-subnav-content {
display: grid;
}

.subnav:hover .caro-subnav-content {
display: grid;
}


/*ABOUT ME*/

 .all::before {
  content: "";
  position: fixed;
  width: 300vh;
  height: 300vh;
  background-color:#000000;
	
   background-image:
    radial-gradient(2px 2px at 13% 27%, #fff, transparent),
    radial-gradient(3px 3px at 82% 11%, #f9a8d4, transparent),
    radial-gradient(1px 1px at 45% 73%, #c084fc, transparent),
    radial-gradient(2px 2px at 67% 54%, #fff, transparent),
    radial-gradient(2px 2px at 23% 88%, #f472b6, transparent),
    radial-gradient(1.5px 1.5px at 91% 63%, #a855f7, transparent),
    radial-gradient(1px 1px at 38% 14%, #fff, transparent),
    radial-gradient(2px 2px at 59% 92%, #d946ef, transparent),
    radial-gradient(1px 1px at 76% 37%, #fff, transparent);

  background-size:
    250px 250px,
    300px 300px,
    200px 200px,
    350px 350px,
    275px 275px,
    325px 325px,
    225px 225px,
    375px 375px,
    260px 260px;
    
  background-repeat: repeat;
  animation: moveStars 45s linear infinite;
  z-index: -2;
}


/*CONTENIDO ABOUT ME*/

  .partes {
	display: flex;
    flex-direction: column; 
    background-color: hsla(0,0%,88%,0.97);
	border-radius: 10px;
    padding: 40px;
}

  /* --- PERFIL --- */

.perfil{ 
	  background-color: hsla(267,36%,71%,.75);
	  border-radius: 10px;
	  padding: 40px;
	  text-align: center;
	  align-items: center;
	  justify-content: center;
	  display: flex;
	  flex-direction: column;
	  margin-left: 10px}

.perfil_lau{ 
	  background-color: hsla(346,100%,81%,.7);
	  border-radius: 10px;
	  padding: 40px;
	  text-align: center;
	  align-items: center;
	  justify-content: center;
	  display: flex;
	  flex-direction: column;
	  margin-left: 10px}



  /* Títulos 1 y 2*/

.perfil h1 { 
	  margin: 5px 5px 0px 0; 
	  color: #000000; 
	  font-weight: 700;
	  font-size: 3rem;
	  text-transform: uppercase;}

.perfil h2 { 
   	  margin: 0 0 20px 0; 
	  color: #000000; 
	  font-weight: 500; 
	  font-size: 1.5rem; 
	  letter-spacing: 1.5px; 
	  text-transform: uppercase; }

.perfil h3 { 
   	  margin: 0 0 0 0; 
	  color:#000000; 
	  font-weight: 600; 
	  font-size: 1.1rem; 
	  letter-spacing: 1px;
	  line-height: 23px;
	text-transform: uppercase; }

.perfil_lau h1 { 
	  margin: 5px 5px 0px 0; 
	  color: #000000; 
	  font-weight: 700;
	  font-size: 3rem;
	  text-transform: uppercase;}

.perfil_lau h2 { 
   	  margin: 0 0 20px 0; 
	  color: #000000; 
	  font-weight: 500; 
	  font-size: 1.5rem; 
	  letter-spacing: 1.5px; 
	  text-transform: uppercase; }

.perfil_lau h3 { 
   	  margin: 0 0 0 0; 
	  color:#000000; 
	  font-weight: 600; 
	  font-size: 1.1rem; 
	  letter-spacing: 1px;
	  line-height: 23px;
	text-transform: uppercase; }


.partes h3 {  
	  margin: 0 0 10px 0; 
	  color:#000000; 
	  font-weight: 800; 
	  font-size: 1.5rem; 
	  letter-spacing: 1px;
	  line-height: 23px;
	  text-transform: uppercase; }

#destacado {
	font-style: italic;
	font-weight: 550;
	color: hsla(267,36%,71%,1);}

#destacado_lau {
	font-style: italic;
	font-weight: 550;
	color: hsla(346,100%,81%,1);}


.partes h4{
	color:#000000; 
	font-weight: 550;
	letter-spacing: 1px;
	line-height: 23px;
	font-size: 1.2rem; 
	margin-top: 3px;
	text-transform: uppercase;}

  .partes h5 { 
    font-size: .95rem; 
    margin-top: 0; 
    font-weight: 700;
	}

  .partes h6 { 
    color: #9ca3af; 
    font-size: 0.75rem; 
    text-transform: uppercase; 
    letter-spacing: 1.5px;
    font-weight: 600;
	}


  /* Lista de habilidades minimalista */

.lista-habilidades {
	  display: flex; 
	  flex-wrap: wrap;
	  padding: 0;
	  list-style: none; 
	  margin: 5px 0 15px 0; }

.lista-habilidades li { 
  	background-color: hsla(267,36%,71%,.7);
  	color: #000;
  	padding: 6px 14px;
	margin: 0px 5px 10px 0 ;
  	font-size: 0.85rem;
 	border-radius: 20px;
	}

.lista-habilidades_lau {
	  display: flex; 
	  flex-wrap: wrap;
	  padding: 0;
	  list-style: none; 
	  margin: 5px 0 15px 0; }

.lista-habilidades_lau li { 
  	background-color:  hsla(346,100%,81%,.7);
  	color: #000;
  	padding: 6px 14px;
	margin: 0px 5px 10px 0 ;
  	font-size: 0.85rem;
 	border-radius: 20px;
	}

  /* --- MULTIMEDIA (Imágenes extra y Video) --- */

  .proyecto_fotos {
    display: flex;
    gap: 15px;
    margin-top: 5px; }

.proyecto_fotos a {
    display: block;
	width: 50%;}
  
.proyecto_fotos a img {
    width: 100%;
	}

.proyecto-img {
    width: 50%;
    height: auto;
    transition: opacity 0.3s;
	display: block}


.img-container {
    position: relative;
    width: 100%;
	overflow: hidden;
  border-radius: 10px;}

.img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.img-container:hover img {
	transform: scale(1.1);}

.overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border-radius: 10px;
    background: hsla(267,36%,71%,0.75);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 0.3s ease;}

.overlay p { color: white;
font-weight: 700;
text-transform: uppercase}

.img-container:hover .overlay {
    opacity: 1;}


.img-container_lau {
    position: relative;
    width: 100%;
	overflow: hidden;
	border-radius: 10px;}


.img-container_lau img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.img-container_lau:hover img {
	transform: scale(1.1);}

.overlay_lau {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border-radius: 10px;
    background:  hsla(346,100%,81%,.8);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 0.3s ease;}

.overlay_lau p { color: white;
font-weight: 700;
text-transform: uppercase}


.img-container_lau:hover .overlay_lau {
    opacity: 1;}

.video-container_lau {
	position: relative;
    width: 50%;}

audio { width: 100%;
margin-bottom: 20px;}
  
video { width: 100%; display: block;
	border-radius: 10px;
	margin-bottom: 5px}


@media (min-width: 400px) {

    .perfil { 
    position: sticky; 
    top: 0;
	height: 100vh;}

.perfil_lau { 
    position: sticky; 
    top: 0;
	height: 100vh;}}





/*PORTAFOLIO*/

.stars-container {
    position: relative;
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
}

.stars-container::before {
  content: "";
  position: fixed;
  width: 300vh;
  height: 300vh;
  background-color:#000000;
	
   background-image:
    radial-gradient(2px 2px at 13% 27%, #fff, transparent),
    radial-gradient(3px 3px at 82% 11%, #f9a8d4, transparent),
    radial-gradient(1px 1px at 45% 73%, #c084fc, transparent),
    radial-gradient(2px 2px at 67% 54%, #fff, transparent),
    radial-gradient(2px 2px at 23% 88%, #f472b6, transparent),
    radial-gradient(1.5px 1.5px at 91% 63%, #a855f7, transparent),
    radial-gradient(1px 1px at 38% 14%, #fff, transparent),
    radial-gradient(2px 2px at 59% 92%, #d946ef, transparent),
    radial-gradient(1px 1px at 76% 37%, #fff, transparent);

  background-size:
    250px 250px,
    300px 300px,
    200px 200px,
    350px 350px,
    275px 275px,
    325px 325px,
    225px 225px,
    375px 375px,
    260px 260px;
    
  background-repeat: repeat;
  animation: moveStars 45s linear infinite;
  z-index: -2;}



.cabeza {
    background: rgba(0, 0, 0, 0.6);
    padding: 30px;
    border-radius: 20px;
    border: 1px solid #ff9cb3;
    box-shadow: 0px 0px 20px rgba(255, 156, 179, 0.2);}

.cabeza_caro {
    background: rgba(0, 0, 0, 0.6);
    padding: 30px;
    border-radius: 20px;
    border: 1px solid hsla(267,36%,71%,1);
    box-shadow: 0px 0px 20px hsla(267,36%,71%,0.2);}

.portfolio-titulo {
    color: #ff9cb3;
    font-weight: 800;
    font-size: 3rem;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(255, 156, 179, 0.5);
	}

.portfolio-titulo_caro {
    color: hsla(267,36%,71%,1);
    font-weight: 800;
    font-size: 3rem;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px hsla(267,36%,71%,0.5);
	}

.portfolio-subtitulo {
    color: #ff9cb3;
    font-weight: 500;
    font-size: 1.5rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.portfolio-subtitulo_caro {
    color: hsla(267,36%,71%,1);
    font-weight: 500;
    font-size: 1.5rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.portfolio-texto {
    max-width: 600px;
    font-size: 1.1rem;
    color: #FFFFFF;
}

.portfolio-cuadri {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.portfolio-item {
    position: relative;
    overflow: hidden;
    border: 2px solid #333;
    border-radius: 15px; 
    background-color: #000;
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}


.portfolio-item_small{
    position: relative;
    overflow: hidden;
    border: 2px solid #333;
    border-radius: 15px; 
    background-color: #000;
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;	
}

.portfolio-item_caro {
    position: relative;
    overflow: hidden;
    border: 2px solid #333;
    border-radius: 15px; 
    background-color: #000;
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}


.portfolio-item_small_caro {
    position: relative;
    overflow: hidden;
    border: 2px solid #333;
    border-radius: 15px; 
    background-color: #000;
	transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;}

.portfolio-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    filter: grayscale(80%) brightness(0.6);
    transition: transform 0.6s ease, filter 0.6s ease;
}

.portfolio-item_caro img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    filter: grayscale(80%) brightness(0.6);
    transition: transform 0.6s ease, filter 0.6s ease;
}

.portfolio-item_small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: grayscale(80%) brightness(0.6);
    transition: transform 0.6s ease, filter 0.6s ease;}

.portfolio-item_small_caro img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: grayscale(80%) brightness(0.6);
    transition: transform 0.6s ease, filter 0.6s ease;}

.portfolio-overlay {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(transparent, rgba(0,0,0,0.9));
    color: white;
    transition: bottom 0.4s ease;
	}

.portfolio-overlay_caro {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(transparent, rgba(0,0,0,0.9));
    color: white;
    transition: bottom 0.4s ease;
	}

.portfolio-overlay span {
    display: block;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ff9cb3; 
    font-weight: bold;
	}

.portfolio-overlay_caro span {
    display: block;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: hsla(267,36%,71%,1);; 
    font-weight: bold;
	}

.portfolio-overlay strong {
    font-size: 1.3rem;
    color: white;
}

.portfolio-overlay_caro strong {
    font-size: 1.3rem;
    color: white;
}

.portfolio-item:hover {
    transform: scale(1.05);
    border-color: #ff9cb3; 
    box-shadow: 0px 0px 30px #ff9cb3; 
    z-index: 10;
}

.portfolio-item_small:hover {
    transform: scale(1.05);
    border-color: #ff9cb3; 
    box-shadow: 0px 0px 30px #ff9cb3; 
    z-index: 10;
}

.portfolio-item_caro:hover {
    transform: scale(1.05);
    border-color: #b39cd0; 
    box-shadow: 0px 0px 30px #b39cd0; 
    z-index: 10;
}

.portfolio-item_small_caro:hover {
    transform: scale(1.05);
    border-color: #b39cd0; 
    box-shadow: 0px 0px 30px #b39cd0; 
    z-index: 10;
}
.portfolio-item:hover img {
    transform: scale(1.15); 
    filter: grayscale(0%) brightness(1);
}

.portfolio-item_caro:hover img {
    transform: scale(1.15); 
    filter: grayscale(0%) brightness(1);
}


.portfolio-item_small:hover img {
    transform: scale(1.15); 
    filter: grayscale(0%) brightness(1);
}


.portfolio-item_small_caro:hover img {
    transform: scale(1.15); 
    filter: grayscale(0%) brightness(1);
}

.portfolio-item:hover .portfolio-overlay {
    bottom: 0; 
}

.portfolio-item_small:hover .portfolio-overlay {
    bottom: 0; 
}

.portfolio-item_caro:hover .portfolio-overlay_caro {
    bottom: 0; 
}

.portfolio-item_small_caro:hover .portfolio-overlay_caro {
    bottom: 0; 
}


.lb-outerContainer { background-color: transparent !important; border: none !important; box-shadow: 0px 0px 50px rgba(255, 255, 255, 0.2); }
.lb-dataContainer { background-color: transparent !important; }
.lb-data .lb-caption { color: #FFFFFF !important; font-size: 16px !important; text-transform: uppercase; font-weight: bold;}

.lb-data .lb-close { filter: invert(1); }
.lightbox { background-color: rgba(0, 0, 0, 0.9) !important; }



/*CONTACTO*/
.contacto-titulo {
    color: #b39cd0;
    font-weight: 800;
    font-size: 3rem;
    text-transform: uppercase;
	text-shadow: 0px 0px 10px  hsla(267,36%,71%,0.5)}

.contacto-subtitulo {
    color: #b39cd0;
    font-weight: 500;
    font-size: 2.5rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;}

.contacto-titulo_lau {
    color: #ff9cb3;
    font-weight: 800;
    font-size: 3rem;
    text-transform: uppercase;
	text-shadow: 0px 0px 10px  hsla(267,36%,71%,0.5)}

.contacto-subtitulo_lau {
    color: #ff9cb3;
    font-weight: 500;
    font-size: 2.5rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;}

.direct-title {
    color: white;
    font-size: 1.5rem;
    text-transform: uppercase;

    letter-spacing: 2px;
    border-bottom: 1px dashed rgba(255,255,255,0.2);
    padding-bottom: 10px;
}

.direct-card {
    background-color: rgba(255, 255, 255, 0.05);
    padding: 20px;
    border-radius: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.direct-card h4 {
    font-size: 1.5rem;
    margin-bottom: 5px;
    font-weight: bold;
	text-transform: uppercase
}

.direct-card .role {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.info-line {
    display:flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    font-size: 0.95rem;
}

.info-line {
    color: white;
    text-decoration: none;
    transition: color 0.3s;
	align-items: center;
	justify-content:flex-start;
}


.laura-card { border-left: 4px solid #ff9cb3; }
.laura-card h4, .laura-card { color: #ff9cb3; }
.laura-card:hover { transform: translateY(-3px); box-shadow: 0px 0px 20px rgba(179, 156, 208, 0.3); }
.laura-card .info-line a:hover { color: #ff9cb3; }

.carolina-card { border-left: 4px solid #b39cd0; }
.carolina-card h4, .carolina-card { color: #b39cd0; }
.carolina-card:hover { transform: translateY(-3px); box-shadow: 0px 0px 20px hsla(267,36%,71%,0.5); }
.carolina-card .info-line a:hover { color: #b39cd0; }

.mapa-oscuro {
    border-radius: 15px;
    filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);
    box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.05);
}