html {
    scroll-behavior: smooth;
}

[id] {
    scroll-margin-top: 100px;
}

ul{
    width: 100%;
    padding: 0;
    margin: 0;
    padding-inline-start: 0;
}

main{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

header{
    width:100%;
    height:10vh;
    display:flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.copy,strong{
    border:none;
    margin:0px 0px 0px 10px;
    padding:10px;
    border-radius:20px;
    cursor:pointer;
}

iframe {
    width: 100%;
    aspect-ratio: 16 / 9;/* 16 / 9 */
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

li{
    width:100%;
    height:auto;
    margin:5px;
    border:none;
    border-radius:10px;
    padding:5px;
    background:rgba(0, 0, 0, 0.5);
    text-align:center;
    font-size: 1.5rem;/* 2rem */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

li:hover{
    transform: scale(1.1);/**/
    box-shadow: 0 10px 20px rgba(255, 255, 255, 0.2);
    border-left:5px solid #c9a84c;/* var(--border) */
}

p{
    width:auto;/* 100% */
    height:auto;
    margin:0px;
    border:none;
    border-radius:10px;
    padding:0px;
    text-align:center;
    font-size: 2vw;
}

ul{
    width:80%;
    padding:5px;
    list-style-type: none;
}

.image{
    width:100%;
    height:100%;
    border-radius:50%;
    /*border:var(--border);/**/
    margin:20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.image:hover{
    transform: scale(1.1);
    filter: drop-shadow(0px 0px 50px rgb(201, 168, 76, 1));
}

body{
    margin:0;
    padding:0;
    display: flex;
    flex-direction: column;
    background: black;
    justify-content: center;/**/
    align-items: center;/**/
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;/**/
}

@keyframes aparecer {
    from{
        opacity:0;
    } to {
        opacity: 1;
    }
}

:root{
    --justicia1:url('https://img.magnific.com/foto-gratis/estatua-dama-justicia-frente-juzgado_23-2151998150.jpg?semt=ais_hybrid&w=740&q=80');
    --justicia2:url('https://thumbs.dreamstime.com/b/escalas-de-derecho-la-justicia-y-concepto-sistema-legal-luz-dorada-antecedentes-efecto-bokeh-judicial-bokees-fondo-generado-por-ai-340692234.jpg');
    --justicia3:url('https://thumbs.dreamstime.com/b/justice-statue-holding-scales-courtroom-setting-bronze-lady-stands-blurred-image-focuses-s-detail-balanced-390070965.jpg');
    --justicia4:url('https://thumbs.dreamstime.com/b/mazo-balanza-de-la-justicia-y-libros-leyes-sobre-una-mesa-madera-en-un-despacho-abogados-425674567.jpg');
    --justicia5:url('https://thumbs.dreamstime.com/b/themis-gavel-court-library-law-conception-64405650.jpg');
    --justicia6:url('https://t4.ftcdn.net/jpg/10/00/97/79/360_F_1000977997_YAopOWng93fQgiBgI13WUCQ9wa1zfqhA.jpg');
    --border:2px solid #c9a84c;
    --border2:#c9a84c;
    --facebook:url(https://i.pinimg.com/1200x/4b/7b/bf/4b7bbfb5c6619699a83cfcf4363a6a52.jpg);
    --instagram:url(data:image/jpeg;base64,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);
    --x:url(data:image/jpeg;base64,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);
    --workana:url(https://brand.workana.com/images/thering1.png);
    --freelancer:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQc969VE5-xUb4Lk4xD2k_ClwIvKvg2IPhHJtpb3i57_w&s);
    --linkedin:url(https://i.pinimg.com/564x/ba/bf/ac/babfacda7e13da6abe67fe6ce15e2432.jpg);
    --telegram:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR6D-6UedsGfyTmJDZfcd2gj-9Str8lHRD3GeS-NjRVmHfVAqJke3i53eg&s);
    --whatsapp:url(https://i.pinimg.com/736x/0e/81/ab/0e81ab8b719ddf589c324db4f5c31135.jpg);
    --background:linear-gradient(135deg, #c9a84c 0%, #8b6914 60%, #c9a84c 100%);
    --card-bg:rgba(20, 20, 35, 0.85);
    --shadow: 0px 10px 10px rgba(220, 220, 220, 0.4);/* izde borroso */
}

        .fondo{
            margin:0;
            display:flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width:100%;
            height:auto;
            background-image: 
            linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
            var(--justicia6);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center; 
            background-position: bottom right;
            background-position: left 0px top 80px;
            background-attachment: fixed;
        }

        .fondo2{
            margin:0;
            display:flex;
            flex-direction: row;
            flex-wrap: nowrap;   /* Fuerza a que todos se queden en la misma línea */
            overflow-x: hidden;
            justify-content: flex-start;/**/
            align-items: flex-start;/**/
            width:99vw;
            height:auto;
            background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
        }

        footer{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            gap:0px;
            margin:0px;
            padding:10px;
            background:rgba(0, 0, 0, 0.5);
            color:white;
            border-radius:20px;
            width:80%;/*///////////////////////EL ANCHO///////////////////////*/
            height:auto;
            border:none;/* 1px solid var(--border) */
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            animation:aparecer 0.8s ease-out forwards;/**/
        }

        .items{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-size: 40px;
            text-align: center;
            border:var(--border);/* var(--border) */
            margin:20px 0px 20px 0px;/* ar de ab iz */
            background:var(--card-bg);
            color:white;
            border-radius:20px;
            width:80%;
            height:auto;
            padding:0px;
            box-shadow:none;/* var(--shadow) */
            transition: transform 0.3s ease, box-shadow 0.3s ease;/**/
        }

        .items:hover{
            box-shadow: 0 10px 20px rgba(255, 255, 255, 0.2);
        }

@keyframes mover {
    0% {
        transform:translateX(0);
    } 100% {
        transform:translateX(-242.75vw);
    }
}


.items-h{
    padding:1px;
    margin: 30px;
    width:30vw;
    height:50vh;
    text-align:center;
    border-radius:20px;
    color:white;
    border: var(--border);
    flex-shrink: 0;
    animation:mover 20s linear infinite;/**/
}

        .container{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            position: relative;
            margin:20px;
            padding:0px;
            background:rgba(0, 0, 0, 0.5);
            color:white;
            border-radius:20px;
            width:80%;
            height:auto;
            border:var(--border);/* var(--border) */
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            animation:aparecer 0.8s ease-out forwards;/**/
        }

        @media(width <= 360px){
            .container{
                padding:0px;
                width:90%;;
            }
            .fondo{
                background-size:800px 1000px;
                background-position:center top 80px;
            }
            li{
                font-size: 1rem;
            }
        }

        @media(width <= 360px){
            .items,h1{
                font-size:15px;
            }
        }

        .photo{
            width:25%;/**/
            height:25%;/**/
            display:flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            justify-items: center;
            margin:0;
            padding:0;
            border-radius:50%;
            /*border:1px solid pink;/**/
        }

        .perfil{
            width:100%;
            height:100%;
            display:flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            justify-items: center;
            gap:0;
            margin:0;
            padding:0;
            /*border:1px solid purple;/**/
        }

        .opciones-nav{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            text-decoration: none;
            margin:-5px;
            width:20vw;
            height:100%;
            z-index: 2;
            background:none;
            border:none;/* 1px solid var(--border) */
            border-radius:20px;
            box-shadow:var(--shadow);
            cursor: pointer;
            font-size: 2vw;
            color:white;
            padding:0px;
        }

        .opciones-nav:hover{
            transform: scale(1.2);
            box-shadow: 0 10px 20px rgba(255, 255, 255, 0.2);
        }

        nav{
            display:grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: auto;
            place-items: center;
            gap:0px;
            position:fixed;
            top:0;
            z-index: 1;
            margin:0px;
            padding:20px;
            background:rgba(0, 0, 0, 1);
            color:white;
            border:none;/* var(--border) */
            border-radius:20px;
            width:100%;
            height:5%;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            animation:aparecer 0.8s ease-out forwards;
        }

        .datos{
            width:50%;
            height:50%;
            display: flex;
            flex-direction: column; /* Organiza los hijos en columna */
            align-items: flex-start; /* Alinea los hijos a la izquierda */
            gap:20px;
            /*border:2px solid yellow;/**/
            padding:0;
            margin:0;
        }

        .datos p,a{
            padding:0;
            margin:0;
            font-size: 1.5vw;
        }

        .horizon{
            width:70%;
            height:20%;
            display:flex;
            flex-direction: row;
            align-items: center;
            gap:20px;
            margin:0;
            padding:0;
            /*border: 3px solid white;/**/
        }

        .piletazos{
            width:100%;
            display: flex;
            flex-direction: row;
            gap:20px;
            /*border:5px solid purple;/**/
        }

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Estilos base del contenedor */
.social-icons {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: none;/**/
  border-radius: 16px;
  flex-wrap: wrap;
}

/* Estilos de cada ícono */
.social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: transparent;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  text-decoration: none;
  position: relative;
  border: 2px solid currentColor;
  /* El color actual se define en el atributo style de cada enlace */
}

/* Tamaño del SVG dentro del ícono */
.social-icon svg {
  width: 30px;
  height: 30px;
  fill: currentColor;
  transition: fill 0.3s ease;
}

/* Colores dinámicos usando variables CSS en línea */
.social-icon {
  color:white;
}

.social-icon:hover {
  color: var(--icon-hover, #000);
  transform: scale(1.15) rotate(4deg);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* Estilo hover con efecto de brillo suave */
.social-icon::after {
  content: '';
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}

.social-icon:hover::after {
  border-color: var(--icon-hover, #000);
  opacity: 0.4;
}

/* Variante: efecto de relleno al hacer hover */
.social-icon.hover-fill {
  background: transparent;
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.social-icon.hover-fill:hover {
  background: var(--icon-hover, #000);
  color: #fff !important;
  transform: scale(1.1);
}

/* Variante: efecto de gradiente sutil */
.social-icon.gradient-hover {
  background: linear-gradient(135deg, var(--icon-color, #333), var(--icon-hover, #000));
  background-size: 200% 200%;
  background-position: 0% 0%;
  transition: background-position 0.5s ease, transform 0.3s ease;
  color: #fff;
  border: none;
}

.social-icon.gradient-hover:hover {
  background-position: 100% 100%;
  transform: scale(1.1) rotate(-2deg);
}

/* Variante: con borde animado */
.social-icon.animated-border {
  border: 2px solid var(--icon-color, #333);
  position: relative;
  overflow: hidden;
}

.social-icon.animated-border::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  border: 2px solid var(--icon-hover, #000);
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.4s ease;
}

.social-icon.animated-border:hover::before {
  opacity: 1;
  transform: scale(1);
}

.social-icon.animated-border:hover {
  border-color: transparent;
}

@media(width <= 360px){
    .social-icon{
        width:30px;/**/
        height:30px;/**/
    }
    .social-icon svg {
        width: 15px;
        height: 15px;
        fill: currentColor;
        transition: fill 0.3s ease;
    }
    footer .copy,strong,a{
        flex-wrap:wrap;
        overflow-wrap: break-word;
        word-break: break-all; 
        font-size:3vw;
        padding:0px;
    }
    footer button{
        width:5vw;
        height:5vw;
        font-size:1vw;
    }
    header{
        height:18vw;
    }
    iframe{
        height:50vh;
    }
    footer .piletazos .datos p{
        font-size:2vw;
    }
    .horizon{
        width:100%;
        height:100%;
    }
}