.full-width-box{
  grid-column: 1 / -1; /* ocupa todo el ancho del grid */

  padding: 1rem;
  margin-top: 0.5rem;
  color: white ;
  background: black;
  background-clip: padding-box;
  border: 50px solid transparent;

  border-image: url("https://quinnmera.neocities.org/Assets/borderimash.png") 150 round;

  border-radius: 20px;
}

/*Lo de arriba fue agregado el 20/3/2026. probablemente sea inestable*/
.divtes{
  display:grid;
  gap:1rem;
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
}

.divdos{
  display:grid;
  gap:1rem;
}

/* móvil */
@media (max-width:600px){
  .divtes{
    grid-template-columns:1fr 1fr;
  }
}

.card-link{
  text-decoration: none;
  color: inherit;
  display: block;
}

.glass-card:hover{
  transform: scale(1.05);
}

.glass-card {
  margin-top:10px;
  max-height: 10rem;
  min-width:5rem ;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  font-size: 1.4rem;
  padding: 0.7rem;
}

  .divisor{
  position: relative;
  overflow: hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:190px;
}

.imagen-fondo{
  pointer-events: none;
  position:absolute;
  top:60%;
  left:70%;
  transform:translate(-50%,-50%);
  width:70%;
  height:auto;
  object-position: 30% 30%;
  object-fit:contain;

  z-index:0;
}

.divisor p{
  position:relative;
  z-index:1;
  color:black;
  font-size:3rem;
  text-shadow:
    -1px -1px 0 white,
     1px -1px 0 white,
    -1px  1px 0 white,
     1px  1px 0 white;
}
.recorte{
  overflow:hidden;
  position:relative;
}

.recorte img{
  object-position: 30% 70%;
  width:100%;
  height:100%;
  object-fit:cover;
}
.checkerboard-linear {
  background-color: #fff; /* Fallback color */
  background-image: 
    linear-gradient(45deg, #ffd9e4 25%, transparent 25%), 
    linear-gradient(-45deg, #ffd9e4 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #ffd9e4 75%),
    linear-gradient(-45deg, transparent 75%, #ffd9e4 75%);
  background-size: 40px 40px; /* Controls the size of the squares */
  background-position: 0 0, 0 20px, 20px -20px, -20px 0px; /* Positions the gradients */
  font-family: 'SantJoanDespi-Regular';
}
    :root {
      text-align: center;
      --artist: "Joost";
      --title: "Europapa";
    }

    .artist::after { content: var(--artist); }
    .title::after { content: var(--title); }
    .ahhh span { margin-right: 6px; }

    body {
      cursor: url('https://quinnmera.neocities.org/Assets/cursao.png'), auto;
      font-family: 'SantJoanDespi-Regular';
      background-image: url('https://quinnmera.neocities.org/SP.png');
      background-repeat: repeat;
      background-position: center;
      background-attachment: fixed;
      margin: 0;
      min-height: 100vh;
      overflow-x: hidden;
    }

    .wrapper {
      max-width: 100vw;
      overflow-x: hidden;
      padding: 1rem;
    }
.parent{
  padding: 1%;
  display:grid;
  grid-template-columns: 5fr 2fr;
  gap:20px;
}

@media (max-width: 900px){

  .parent{
    grid-template-columns:1fr;
  }
}

    .div1 {
      grid-row: span 2 / span 2;
    }

    .div2 {
      width: 100%;
    }
    
    .div3 {
      border: solid;
      border-color: #b8dae1;
      border-width: 20px;
      border-radius: 40px;
      padding: 5%;
    }
    
  .siseven {
    font-size: 67px;
    z-index: 10;  
  }

  .div4 img {
    transition: transform 0.3s ease-in-out;
  }

  .div4 img:hover {
    transform: scale(1.1); /* Zoom in */
  }
  
    header {
      font-family: 'LEMONMILK', sans-serif;
      width: 100%;
      background: repeating-linear-gradient(45deg, #fce8ba, #fce8ba 20px, #b8dae1 20px, #b8dae1 40px);
      padding: 20px 0;
      text-align: center;
      border-bottom: 5px solid white;
      color: black;
      z-index: 1000;
    }

    .texto-movil {
      display: flex;
      white-space: nowrap;
      animation: moverTexto 10s linear infinite;
      font-size: 2em;
    }

    .texto-movil p {
      margin: 0 20px;
    }

    @keyframes moverTexto {
      0% { transform: translateX(100%); }
      100% { transform: translateX(-100%); }
    }

    .window {
      width: 100%;
      margin: 0;
      box-sizing: border-box;
    }

    img {
      max-width: 100%;
      height: auto;
      display: block;
    }

    @font-face {
      font-family: 'Stardew';
      src: url('https://quinnmera.neocities.org/StardewValley.otf');
    }

    @font-face {
      font-family: 'LEMONMILK';
      src: url('https://quinnmera.neocities.org/LEMONMILK-Regular.otf') format('opentype');
    }

    @font-face {
      font-family: 'SantJoanDespi-Regular';
      src: url('https://quinnmera.neocities.org/SantJoanDespi.otf') format('opentype');
    }

    @font-face {
      font-family: 'Psycho';
      src: url('https://quinnmera.neocities.org/PsychopersonaluseRegular-OV1xd.otf') format('opentype');
    }

    @media (max-width: 768px) {
      .texto-movil { font-size: 1.2em; }
      header { padding: 10px 0; }
      .window { margin-top: 1rem; }
    }

    @media (hover: none) and (pointer: coarse) {
      body { cursor: auto; }
    }