/*---------------- reset ------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,fieldset,legend,caption,.filters ul li p,figure {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; line-height:normal; font-weight:normal;}
body {background:#fff; font-family:"museo-sans"; overflow:hidden; color:#1f1f1f}
.bckPincel{background: url("../graphics/fondo.jpeg") right top no-repeat #fff fixed; background-size:100%; }
.interiores {padding-top:100px;}
.interiores header {background:#333;}
html {overflow-x:hidden; height:100%;}
ol,ul,li {list-style:none; font-weight:lighter; line-height:1.55rem; font-weight:300}
p{font-weight:300; font-size:1rem; line-height:1.35rem; letter-spacing:.03rem}
b {font-weight:800; font-size:1rem; line-height:1.55rem; letter-spacing:.05rem}
.headerNone {display:block;}
.dnone {display:none;}
.mb40 {margin-bottom:2rem;}
.sticky + .content {padding-top:150px;}
.bck-line {position:absolute; top:480px; left:0; width:8px; height:200px;}
.bck {background: url("../images/bck.png") right top no-repeat;}
.mobile{display: none}
h1, h2, h3, h4, h5, h6{letter-spacing:0px; font-size: 2rem; font-weight:600; font-family:"museo-sans"}
.hidden {display: none !important;}
.cincuenta {width: 49%; float: left; margin-right: 1%;}
.setenta{width: 67%; float: left; margin-right: 1rem;}
.treinta{width:30%; float: left; }
.view-image-tools{top:2rem!important; right: 3rem!important;}

/* ANIMACIONES SVG*/
.world-svg img, .contact-svg{margin-right:7px; transition: all 0.4s ease; filter: brightness(0.9) drop-shadow(0 0 0px white); transform: scale(.9);}
.world-svg span{transition: all 0.1s ease; color:#999}
.world-svg img:hover, .contact-svg:hover { filter: brightness(1.1) drop-shadow(0 0 10px #000); transform: scale(1);}
 .world-svg:hover span{color:#1f1f1f; }
 
.contact-svg{ margin-top:2px; filter: brightness(0.9)  transform: scale(.9);}

/*---------------- Font Effects ------------------*/
.bck-p {position:absolute; top:200px;  left:0; width:8px; height:200px; z-index: 999999}
.bck-li {position:absolute; top:550px;  left:0; width:8px; height:200px; z-index: 999999}
.marker{color:#d1d5db!important;}


/*---------------- Font Pairing ------------------*/
.source-sans-3 {font-family:"new-atten"}
.roboto, #titleText, #titleText em {font-family:"museo-sans" font-weight:900; }
#titleText em {font-style:italic;}
#resultado {color:#5e9211; font-weight:600; letter-spacing:-.3px; text-align:left; padding:8px 0 0 2px; display:none; font-size:.8rem; float:left;}
table {border-collapse:collapse; border-spacing:0; text-align:left; font-size:.6em; float:left; width:100%; text-transform:uppercase; font-weight:600;}
table tr {border-bottom:1px solid #141418;}
table td {padding:2px 4px;}
table tbody tr:nth-child(even) {background-color:#b5b5b529;}
table tbody tr:nth-child(odd) {background-color:#39302a;}
.center {text-align:center;}
#inicio {background:#0e0e0e;}
blockquote,q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
em {font-style:normal;}
a{text-decoration:none; cursor:pointer; color:#e7e4e4; font-weight:400; transition:background-color 0.3s, color 0.3s; text-align:left; background:none; border:none; transition: color 0.3s ease; /* transición suave */}
a:hoverr{color:#fff;}
button {font-size:.9em;}
#trendMenu {color:#fff !important;}
.clear {clear:both;}
*,:after,:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.clearfix:before, .clearfix:after {content:" "; display:table;}
.clearfix:after {clear:both;}
button {text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
.blur {opacity:0;}
strong {font-weight:600;}
.padleft40 {padding-left:40px;}
.padright40 {padding-right:40px;}
.tleft {text-align:left;}
.hide {display:none;}
.proyects{color:#e7e4e4!important; font-weight: 800!important; font-size: 1.4rem!important;}

/*---------------- Menu ------------------*/
#avisos {float:left; width:100%; text-align:center; margin-top:20px;}
.texto {float:left; width:100%; color:#fff; padding:170px 0;}
.texto h1 {margin-top:20px;}
.texto strong {font-size:.9em; float:left; width:100%; margin-top:20px;}
.texto p {font-size:.8em; float:left; width:100%; padding:8px 0;}
.button, .dark-button, .light-button {display:block; position:fixed; width:40px; height:36px; border-radius:1px; margin:0 auto; top:20px; padding-top:0; transition:all 500ms cubic-bezier(1,0,0.645,0.65); right:12px; z-index:999999;}
.bar1 {top:0; animation:topbar-back 500ms; animation-fill-mode:both; animation-play-state:initial !important; width: 14px!important; margin-left: 11px;}
.bar2 {opacity:1;}
.bar3 {bottom:0; animation:bottombar-back 500ms; animation-fill-mode:both; animation-play-state:initial !important; width: 14px!important; margin-left: 11px;}
.menu-bar + .menu-bar {margin-top:8px;}
.menu {position:absolute; font-weight:600; color:#fff; left:-65px; height:20px; top:10px; text-transform:uppercase; text-align:right; width:60px; font-size:.9em; letter-spacing:1.5px; }
.toggled .bar3 {bottom:27%; animation:bottombar-x 500ms; animation-fill-mode:both; width: 24px!important; margin-left:0px;}
.toggled .bar2 {opacity:0; height:2px!important;}
.toggled .bar1 {top:25%; animation:topbar-x 500ms; animation-fill-mode:both; width: 24px!important; margin-left:0px;}
.toggled .menu-bar{height:1.5px;}
.menu-bar {display:block; position:relative; background:#fff; width:26px; height:1.5px; border-radius:1px; transition:all 300ms;}
#menuNav {position:fixed; top:0; left:0; height:100vh; width:100%; padding:0; z-index:999999; display:none;}
#menuNavDiv {position:fixed; top:0; left:0; height:100vh; width:100%; background: radial-gradient(circle at center, #2c2e2f 0%, #000000 150%); padding:0; z-index:999999; display:flex; align-items: start;
    justify-content: left;
    padding: 3rem;}

.button:hover .menu-bar {
  transform: scale(1.1);
  opacity: 0.8;
}
.button:hover .bar1,
.button:hover .bar2,
.button:hover .bar3 {
  background: #fff;
}
.button:not(.toggled):hover .menu-bar {
  transform: scale(1.1);
  opacity: 0.8;
}
.toggled .bar2 {
  opacity: 0 !important;
  pointer-events: none;
}

#mobil {display:flex; flex-direction:column;}
#mobil a {
    line-height: 2.2rem;
    letter-spacing: 2px;
    font-size: 1.3rem;
    font-weight: 300;
}
#mobil li{float: left; margin: 3rem 0;}
#mobil li img{height: 15px; margin-right: 22px;}

#menu-toggle { position:absolute; z-index:9; top: 20px; right: 0px; display:block}
#menuNavegacion li {position:relative; }
#contactame {background:#5e9211; padding:20px; border-radius:4px; color:#141418;}
#contactame h3 {color:#e8dfd7;}
#contactame p {color:#faecd9; font-size:1em;}
.thirty {float:left; width:28%;}
.boton {display:block; width:100%; border:1px solid #fff; padding:3px 10px; text-align:center; font-size:.9em; border-radius:10px; margin-top:15px;}
#contacting {background:#ddd; float:left; width:100%;}
#contacting img {float:left; width:100%;}
#formContact {padding:40px; color:#333; float:left; width:100%; margin-top:40px;}
#formContact h1 {font-weight:200; float:left; width:100%;}
#formContact fieldset {float:left;}
#formContact fieldset label {float:left; width:100%; margin-top:20px; font-size:.7em; text-transform:uppercase; letter-spacing:-.5px; font-weight:800; padding:0 0 5px 5px;}
#formContact .in {float:left; width:97%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; height:37px; border:1px solid #1f1f1f; padding:10px; font-size:.9em;}
#formContact .te {float:left; width:97%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; height:120px; border:1px solid #1f1f1f; padding:10px;}
.menuOFF{display: none}

/*---------------- Header ------------------*/
#logo {float:left; width:165px; margin:1.5rem 0 1.5rem 6rem; padding:0;}
#logoFooter {display:block; width:180px; margin:1rem auto 0;}
#logo img, #logoFooter img {width:100%;}
header {display:block; width:100%; padding:0px 0 0 0; position:fixed; z-index:99999; top:0; left:0; margin:0 auto; backdrop-filter: blur(7px); background:#000}
header nav {float:left; width:100%; background:#2f2f2f; padding:0 6rem}
header strong{float: left; width: 100%; color: #fff; font-size: .75rem; padding: 0 6rem 0 7rem; line-height: 43px; border-bottom: 1px dashed #626262; background: url("../graphics/circle.png") 6rem center no-repeat; max-height: 43px;}
header strong em{font-weight: 600; color: #f86c68;}
header nav li {float:left;}
#menuContacto {position: fixed;
    top: 2.5rem;
    right: 3.5rem;
    z-index: 999999;
    padding:20px 10px 20px 20px;
    height: 66px;
    display: none}
#menuContacto a {font-weight:200; font-size:1.3em;}
#menuContacto a:hover, #menuNavegacion a:hover {color:#fff;}
#menuContacto li {padding:0 .45rem; height:24px; float: left; margin-right:.8px}
#menuContacto li img{float:left; width:27px;}
#menuContacto li span{float:left; line-height:26px;}
#socialIcons a {padding:0 .75rem 0 0;}
#socialIcons img{max-height:13px}
#socialIcons{float: right; padding: 1rem 0 .9rem;}
#lenguage img {float:left; margin-right:8px; padding:8px 0;}
#menuNavegacion li a {float:left; padding:0 2rem 0 0; transition:border-color 0.4s, padding 0.4s; letter-spacing:.5px; color:#fff; font-size:.85rem; line-height:38px; text-transform: uppercase;}

/* About Section Styles */
.about-section {padding: 167px 6rem 0; display: block;   }
.about-container {width:100%; margin:0 auto; display:grid; grid-template-columns:1.2fr 1.6fr; gap:2rem; align-items:start; border: 1px solid #b3b3b3; border-top: none; background: #ffffffd6;}
.about-left {padding:0 0 0 2rem;}
.about-left img{width: 100%; margin: 2rem 0 1rem; border: 1px solid #b3b3b3; padding:2px;}
.about-company-name {
	font-size: 2.4rem;
    font-weight: 200;
    line-height: 2.95rem;
    margin-bottom:2rem;
    }
.about-meta {margin-bottom:3rem;}
.about-meta-item {margin-bottom:1.5rem;}
.about-meta-label {font-size:.75rem; font-weight:500; color:#888; text-transform:uppercase; letter-spacing:.1em; margin-bottom:.25rem;}
.about-meta-value {font-size:.9rem; color:#1f1f1f; line-height:1.4;}
.download-btn {display:inline-flex; align-items:center; gap:.75rem; padding:1rem 2rem; background:rgba(255,255,255,0.1); color:#fff; border:1px solid rgba(255,255,255,0.2); border-radius:.75rem; font-weight:500; text-decoration:none; transition:all 0.3s ease; backdrop-filter:blur(10px);}
.download-btn:hover {background:rgba(255,255,255,0.15); border-color:rgba(255,255,255,0.3); transform:translateY(-2px);}
.about-right {padding-right:2rem;}
.about-right h4{margin-top:2rem; font-size:1rem; color:#f05143;}
.about-right ul {
    float: left;
    width: 100%;
    margin-top: 1rem;
}
.about-right ul li{float:left; width:29.7%; margin-right:1rem;}
.about-right ul li img{float:left; width:100%; border:1px solid #b3b3b3; padding:2px;}
.about-subtitle {
	font-size: 1.5rem;
    font-weight: 600;
    color: #1f1f1f;
    line-height: 1.3rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.about-description {font-size:.9rem; color:#1f1f1f; margin-bottom:1rem;}
.about-tagline {
	font-size: 2.55rem;
    font-weight: 200;
    color: #666;
    margin-top: 2rem;
    }
.more-info-btn {display:inline-flex; align-items:center; gap:.75rem; padding:1rem 2.5rem; background:rgb(243 118 118 / 52%); color:#fff; border:1px solid rgba(255,255,255,0.15); border-radius:.4em; font-weight:500; text-decoration:none; transition:all 0.3s ease; backdrop-filter:blur(10px);}
.more-info-btn:hover {background:rgb(248 73 74); border-color:rgba(255,255,255,0.25); transform:translateY(-2px);}
#financieros{    float: left;
    width: 100%;
    border-bottom: 1px solid #b3b3b3;
    padding: 2rem 0rem 0.85rem 2rem;
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3; background: #ffffffd6;}
#financieros h2{    float: left;
    font-size: .95rem;
    font-weight: 600;
    line-height: 28px;
    width:100%;
    }
#financieros h3{font-size: .85rem; float:left; line-height: 29px;}
.metric{float: left;
    background: #1f1f1f;
    color: #fff;
    padding: 0 0.55rem;
    border-radius: 5px;
    margin: 0.55rem  0.55rem 0 0;}
#financieros p{float: left;
    line-height:30px;
    font-size: .9rem;
    margin-left: 0.75rem;
    font-weight: 400;}
.red{color: #f15853; background: url("../graphics/down.png") right center no-repeat; padding-right: 19px;}
.green{color:#4db250; background: url("../graphics/up.png") right center no-repeat; padding-right: 19px;}

#cursorDot {
  position: fixed;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  background: #f15853;
  border-radius: 50%;
  pointer-events: none;
  z-index: 999999;
  transform: translate(-50%, -50%);
  transition: transform 0.05s linear;
}

/* Projects Section Styles - FONDO NEGRO COMO EL SLIDER */
        .projects-section {
            padding: 0 6rem 0rem 6rem;
        }
        
        .projects-section-three{
            padding: 0 6rem;
            }

        .projects-container {
			max-width: 100%;
			margin: 0 auto;
			border: 1px solid #b3b3b3;
			padding: 2rem;
			border-top: none;
			background: #ffffffd6;
		}
		.project-left-image img{border: 1px solid #b3b3b3; padding: 2px;}
		.project-right-image img{border: 1px solid #b3b3b3; padding: 2px;}
        /* Grid Layout: 25% izquierda | 75% derecha - ALTURAS CORREGIDAS SEGÚN REFERENCIA */
        .projects-grid {
            display: grid;
            grid-template-columns: 37.5% 60%;
            gap: 2rem;
            margin: 0;
        }
        .projects-grid img{border:1px solid #b3b3b3; padding:2px;}
        .projects-grid-two {
            display: grid;
            grid-template-columns: 60% 37.5%;
            gap: 2rem;
            margin: 0;
        }

        /* Columna izquierda: imagen arriba + contenido abajo */
        .project-left {
            display: flex;
            flex-direction: column;
        }
        .project-left h5{font-weight:300}

        /* Contenido izquierdo: altura restante (40vh) - POSICIÓN RELATIVA PARA EL AÑO */
        .project-left-content {
            padding:1rem 0rem;
            display: flex;
            flex-direction: column;
            justify-content: start;
            color: white;
            position: relative;
        }
        
        .projects-grid-two .project-left-content{padding:1rem 0rem!important;}

        .project-left-title {
            font-size: .85rem;
            font-weight: 600;
            color: #f05143;
            margin-bottom: 0.5rem;
            line-height: 1.2;
        }

        .project-left-meta {
            font-size: 1rem;
		    color: #000000;
		    margin-bottom: 0.5rem;
		    margin-top: 1rem;
        }

        .project-left-description {
            font-size: 0.9rem;
		    color: #1f1f1f;
		    margin-top: 0.5rem;
        }

        .project-left-highlight {
		    font-size: .9rem;
		    font-weight: 300;
		    color: #000000;
		    line-height: 1.4;
		    margin-top: 2rem;
		    letter-spacing: 0px;
		    font-style: italic;
		}

        /* AÑO EN ESQUINA SUPERIOR DERECHA - LADO IZQUIERDO */
        .project-left-year {
            position: absolute;
            top: 1rem;
            right: 0rem;
            font-size: 1rem;
            font-weight: 500;
            color: #1f1f1f;
        }

        /* Columna derecha: imagen arriba + contenido abajo */
        .project-right {
            display: flex;
            flex-direction: column;
        }


        /* Contenido derecho: altura restante (20vh) - POSICIÓN RELATIVA PARA EL AÑO */
        .project-right-content {
            padding:1rem 0rem 1rem 0;
            display: flex;
            flex-direction: column;
            justify-content: start;
            color: white;
            position: relative;
            font-size:.9rem;
        }
        .projects-grid-two{padding: 1rem 0rem!important;}
        .project-right-content{padding: 1rem 0rem!important;}
        .project-right-title {
            font-size: 1rem;
		    font-weight: 400;
		    margin-bottom: 1rem;
		    line-height: 1.2;
		    color: #000;
        }
        .marginTopBottom{margin:1rem 0}

        .project-right-meta {
            font-size: .9rem;
            margin-bottom: 0.5rem;
            color: #1f1f1f;
        }

        /* AÑO EN ESQUINA INFERIOR DERECHA - LADO DERECHO */
        .project-right-year {
            position: absolute;
            top: 1rem;
            right: 0rem;
            font-size: 1.125rem;
            font-weight: 500;
            color: #1f1f1f;
        }

        .view-all-btn {
            display: inline-flex;
            align-items: center;
            gap: 1rem;
            padding: 1.25rem 3rem;
            background: #333;
            color: white;
            border: none;
            border-radius: 3rem;
            font-weight: 500;
            font-size: 1rem;
            text-decoration: none;
            transition: all 0.3s ease;
            margin: 0 auto;
            display: flex;
            width: fit-content;
        }

        .view-all-btn:hover {
            background: #555;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
        }


#sectionCinco{display: block;  justify-content: center; align-items: center; width: 100%; padding:4rem 0 2rem; position: relative}
#tallerHome {
    display: block;
    width: 100%;
    border-radius: 20px;
    margin:185px auto 0;
    padding: 0 6rem;
    min-height: 100vh;
}
#tallerHome .wrap{border:1px solid #b3b3b3; padding:2rem; background: #ffffffd6;}
.inner-container {
    display: flex;
}
#tallerHome .wrap{border:1px solid #b3b3b3; padding:2rem}
.wrapVideo{border-top:1px solid #b3b3b3; padding:1rem 0 0 0; margin-top:1rem; float:left; }
#textMateriales{margin: 2rem 0 2rem 0;
    border-left: 1px solid #ccc;
    padding-left: 2rem; text-align: left;}
#textMateriales h2{margin: 0rem 0 1rem!important;}
#textMateriales p{padding:1rem 0!important}
#video, #videoDos, #videoTres{float: left;
    width: 48%;
    margin: 1rem 2rem 2rem 0;
    border: 1px solid #b3b3b3;
    padding: 2px;}
#video img, #videoDos img{width:100%; float: left}
#textBio{float:left; width:47%;}
#textBio h3{font-size: 1rem; margin-top: 1rem; margin-bottom: 1rem;}
#textBio p{font-size: .85rem!important; line-height: 1.25rem;}
.boxTaller {
    float: left;
    width: 66%;
    padding-right: 2rem;
}
#tallerHome h1{font-size:2.4rem; font-weight:200; margin-bottom:1rem; color:#1f1f1f}
#tallerHome h2 {
    float: left;
    width: 100%;
    font-size: 1rem;
    margin: 1rem 0;
    color: #1f1f1f;
}
#tallerHome p {padding: 0 0 0.75rem; color: #1f1f1f; font-size: .9rem;}
#tallerHome b {
    display:block;
    width: 100%;
    letter-spacing: .03rem;
    color: #ff2c25;
    line-height: 2.75rem;
    font-size: .9rem;
    font-weight: 400;
}
#tallerHome li b {float: left; width: 100%; letter-spacing:.03rem; color: #fff; line-height:2.75rem; font-size: 1.25rem}
.mt{margin:1rem 0 0;}
.boxTaller ul {
    float: left;
    width: 100%;
    margin-bottom:3rem
}
#tallerHome li {
    padding: 0 0 .25rem 0; color:#7c7d7d;
}
#incluye li {
    float: left;
    width: 100%;
    padding: 0 0 .5rem;
    list-style: disc;
    margin-left: 20px;
}

#tallerImagenTwo {
    float: left;
    width: 33%;
}
#tallerImagenTwo img {
    width: 100%;
    border:1px solid #b3b3b3;
    padding:2px;
}
.redBotonCien {
    background: #f15853;
    width: 100%;
    float: left;
    margin: 20px auto 20px;
    border-radius: 6px;
    padding: 14px 20px;
    text-align: center;
}
.redBoton strong, .redBotonCien strong {
    display: block;
    letter-spacing: 0px;
    color: #fff;
}
#reservar span {
    float: left;
    width: 100%;
}
.videoTexto {
    padding: 10px 0;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 200;
}
#reservar span {
    float: left;
    width: 100%;
}

#seccionSeis{float: left;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding:0 4rem 4rem;
    position: relative;}
#seccionSeis .setenta img {
    width: 48%;
    margin: 20px 1%;
    float: left;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#seccionSeis .treinta strong {
    display: block;
    margin: 40px 0 10px;
}
#seccionSeis p {
    padding: 0 0 10px;
    font-size: .9rem;
}
#seccionSeis h4{float: left; width: 100%; font-size: 1.5rem; margin-bottom: 1.25rem; color: #fff; margin:1rem 0;}

/* Awards Section Styles - CORREGIDO */
        .awards-section {
            color: white;
            padding: 0rem 6rem;
        }

        .awards-container {
		    width: 100%;
		    max-width: none;
		    margin: 0;
		    border: 1px solid #b3b3b3;
		    border-top: none;
		    padding: 2rem;
		    border-bottom: none;
		    background: #ffffffd6;
		}

        /* TÍTULO ARRIBA - Centrado */
        .awards-header {
            text-align: left;
            margin-bottom: 4rem;
        }

        .awards-header h2 {
		    font-size: .75rem;
		    font-weight: 500;
		    margin-top: 0.85rem;
		    color: #f05143;
		    text-transform: uppercase;
		    letter-spacing: .5px;
		}

        .awards-header p {
		    font-size: 2.6rem;
		    color: #000000;
		    font-weight: 200;
		    line-height: 36px;
		}

        /* TRES COLUMNAS - Excelencia + 2 párrafos */
        .awards-description-section {
            display: grid;
            grid-template-columns: .3fr 0.4fr .4fr;
            gap:2rem;
            align-items: start;
            max-width: 1400px;
            margin: 0 auto 4rem auto;
        }

        .awards-description-section h3 {
		    font-size: 1.8rem;
		    font-weight: 300;
		    margin-bottom: 0;
		    color: #000;
		}

        .awards-description-section p {
		    font-size:.9rem;
		    color: #1f1f1f;
		    margin: 0;
		    padding:2rem 2rem 2rem 0;
		}
		.borderRight{border-right: 1px solid #b3b3b3;}
        .awards-grid {
		    background: #ffffffd6;
		    padding: 0rem 2rem 2rem;
		    border: 1px solid #b3b3b3;
		    border-top: none;
		}
		.padGrid{ display: grid;
		    grid-template-columns: repeat(auto-fit, minmax(117px, 1fr));
		    gap: 2rem;
		    width: 100%;
		    margin: 0 auto;}

        .award-card {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 0.75rem;
            padding: 2rem 1.5rem;
            text-align: center;
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
            position: relative;
            overflow: hidden;
        }

        .award-card:hover {
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(255, 255, 255, 0.2);
            transform: translateY(-4px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
        }

        .award-logo {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, #6d6d6d, #646464);
            border-radius: 0.5rem;
            margin: 0 auto 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 900;
            font-size: 1.5rem;
            color: white;
            position: relative;
        }

        .award-name {
            font-size: 0.875rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
            color: white;
        }

        .award-year {
            font-size: 0.75rem;
            color: #9ca3af;
            font-weight: 400;
        }
        
        .icon {
		    width: 1rem;
		    height: 1rem;
		    fill: none;
		    stroke: currentColor;
		    stroke-width: 2;
		    stroke-linecap: round;
		    stroke-linejoin: round;
		}
	footer{    background: #000; padding:1.5rem 0 3.5rem;}
    footer p{    text-align: center;
    color: #fff;
    font-size: .9rem;
    }
    #logoFooter{margin-bottom:.1.25rem}
    
.view-image {
    position: fixed;
    inset: 0;
    z-index: 99999!important;
    padding:1rem 0!important;
    display: flex;
flex-direction: 
column
;
    animation: view-image-in 300ms;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.view-image-tools [class*=-close] {
    margin: 0!important;
}
#gallery{margin:135px auto 0; padding:70px 20px 20px}
.masonry {
  column-count: 4;
  column-gap: 1rem;
}
.view-image-container {

    align-items: flex-start!important;
    justify-content: center;
}

    padding: 0 0px;
    border-radius: 10px; width:68px}
.masonry-item{cursor:pointer}
.masonry-item img {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  transform: scale(1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.view-image-description{z-index: 9999999}
.masonry-item img:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
}
.view-image-close__full{background:#fff!important}
.view-image-tools{background:#000!important}
.view-image-description{color:#000!important}
.masonry-item img:hover {
  transform: scale(1.02);
  opacity: 1;
}
.hover-wrap {
  position: relative;
  overflow: hidden;
}
.view-image-lead img{width: 100%;}
.hover-wrap img {
  width: 100%;
  display: block;
  transition: transform 0.4s ease;
}

.hover-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0.5rem 1rem;
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.hover-wrap:hover img {
  transform: scale(1.05);
}

.hover-wrap:hover .hover-title {
  opacity: 1;
}
.view-image-floating-title {
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  text-shadow: 0 2px 5px rgba(0,0,0,0.7);
  z-index: 10;
  pointer-events: none;
}

#logoTwo {
    display: block;
    width: 255px;
    margin: 6px auto 6px auto;
    padding: 0px;
}

#logoTwo img {
    width: 100%;
}
.view-image-tools{z-index:999999999}
.thumbnail-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width:100px;
  right:0px;
  top:5rem;
}
.thumbnail-container img {
  width: 80px;
  margin: 5px;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 6px;
}
.thumbnail-container img:hover {
  border-color: #fff;
}
.view-image-lead__in img{padding:20px 120px 0px;}
@media (max-width:1024px) {
  .view-image-nav{display: none!important}

}

@media (max-width: 768px) {
.view-image-lead__in img{padding:6.5rem 0px 0px 0px;}
  #gallery{ padding:60px 20px}
  .thumbnail-container {
  display: flex;
  justify-content: left!important;
  flex-wrap: wrap;
  top: 1rem!important;
    left: 0.5rem!important;
  width:65%!important;
}
.view-image-tools{top: 1.5rem!important; right: 5rem!important;}

}

@media (max-width: 480px) {
  #gallery{ padding:60px 10px}
  
}

.masonry-item {
  break-inside: avoid;
  margin-bottom: 1rem;
  display: block;
  width: 100%;
}

.masonry-item img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}
       
       
#contacto-template-dos {
    background: #0d0e1a;
    position: absolute;
    height: 480px;
    top: 0px;
    left: 0px;
    -webkit-border-bottom-left-radius: 110px;
    -moz-border-radius-bottomleft: 110px;
    border-bottom-left-radius: 110px;
    width: 100%;
    z-index: 9;
} 
#contacto-template-dos {
    background: #0d0e1a;
    position: absolute;
    height: 480px;
    top: 0px;
    left: 0px;
    -webkit-border-bottom-left-radius: 110px;
    -moz-border-radius-bottomleft: 110px;
    border-bottom-left-radius: 110px;
    width: 100%;
    z-index: 9;
}
#contacto-template-dos {
    background: #0d0e1a;
    position: absolute;
    height: 480px;
    top: 0px;
    left: 0px;
    -webkit-border-bottom-left-radius: 110px;
    -moz-border-radius-bottomleft: 110px;
    border-bottom-left-radius: 110px;
    width: 100%;
    z-index: 9;
}
.treintaContacto {
    float: left;
    width: 45%;
    margin-right: 5%;
}
.cincuentaFormCincuenta {
    float: left;
    width: 50%;
    padding: 35px;
    background: #fff;
    box-shadow: 0px 0px 17px #013a4440;
    -moz-box-shadow: 0px 0px 17px #013a4440;
    -webkit-box-shadow: 0px 0px 17px #013a4440;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}
.infoContactTwo h2 {
    color: #fff;
    font-size: .9rem;
    font-weight: 300;
    text-transform: uppercase;
    margin: 40px 0 20px;
    letter-spacing: .5px;
}
.infoContactTwo p {
    color: #fff;
    font-size: 1.7rem;
    font-weight: 100;
    margin-bottom: 20px;
    line-height: 38px;
    text-align: left;
}
#contacto-page{background:#000}
#contacto-page p {
    color: #fff;
}
.infoContactTwo em {
    color: #f15853;
    font-size: .8rem;
    font-weight: 400;
    text-transform: uppercase;
    font-style: normal;
    line-height: 24px;
    margin-bottom: 40px;
    display: block;
}
.botonAmarilloBlock {
    display: block;
    background: #f15853;
    padding: 13px 20px 12px;
    color: #fff;
    font-weight: 400;
    border-radius: 11px;
    letter-spacing: .5px;
    line-height: 30px;
    transition: background 0.4s ease;
    width: 90%;
    margin-top: 20px;
}
#specialInfo {
    display: block;
    margin-top: 145px;
}
#specialInfo p {
    font-size: 1rem;
    letter-spacing: 0px;
    font-weight: 400;
    color: #1f1f1f;
    margin-bottom: 0px;
    line-height: 27px;
    display: block;
}
#specialInfo h3 {
    display: block;
    color: #1f1f1f;
    font-size: 1.8rem;
    font-weight: 200;
    padding: 1rem 0 .5rem;
}
#contacto-page form {
    color: #333;
}
#contactoForm {
    width: 100%;
    display: block;
    margin: 0 auto;
    color: #333;
}
#contactoForm p {
    margin-bottom: 20px;
    font-weight:300;
    font-size:.9rem;
    line-height: 24px;
    color: #1f1f1f;
}
#contacto-page label {
    color: #000;
}
.cincuentaFormCincuenta label {
    font-size: 0.7rem;
    margin-top: 7px;
    display: block;
    letter-spacing: 0px;
    padding-left: 6px;
    color: #a1a4a3;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
}
.cincuentaForm .inp, .cincuentaFormCien .inp, .cincuentaFormCincuenta .inp {
    border: 1px solid #ccc;
    padding: 0px 10px;
    width: 100%;
    height: 44px;
    border-radius: 4px;
    margin-top: 6px;
    margin-bottom: 10px;
    background: #f9f9f9;
}
.cienFormTwo {
    width: 100%;
    padding: 0 10px 0 0;
}
.cienForm textarea, .cienFormTwo textarea {
    float: left;
    height: 205px;
    width: 100%;
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 10px;
    padding:1rem;
    letter-spacing: 1px;
}
#submitTwo {
    background: #f15853!important;
    color: #fff;
    border: none;
    float: left;
    width: 98.5%;
    height: 53px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    margin-top: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.bck-white {
    background: #fff;
    padding: 0 6rem;
    display: block;
}
#wrapContacto {
    display: block;
    margin-top: 186px;
    position: relative;
}
#contacto-page .boxes {
    margin-bottom: 40px;
    float: left;
    width: 100%;
    margin-bottom: 40px;
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
}
.cincuentaFormCincuenta h2 {
    color: #f15853;
    font-weight: 200;
    font-size: 2.2rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
}
.masonry-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.medium img{width:90%;}
.extralarge img{}
.right{float:right;}
.left{float:left}
.action{color: #ffff;
    border-radius: 28px;
    padding: 0.65rem 1.75rem;
    display: block;
    width: 255px;
    margin: 1rem 0;
    text-align: center;
    background: #f16965; transition: all 0.4s ease;}
.action:hover{background:#cd5855;}
.event{display: block;
    border-bottom: 1px dashed #333;
    padding-bottom: 2rem;}

@keyframes topbar-x { 0% { top: 0;
    -webkit-transform: rotate(0deg); }
  45% { top: 25%;
    -webkit-transform: rotate(145deg); }
  75% { -webkit-transform: rotate(130deg); }
  100% { -webkit-transform: rotate(135deg); } }

@keyframes topbar-back { 0% { top: 25%;
    -webkit-transform: rotate(135deg); }
  45% { -webkit-transform: rotate(-10deg); }
  75% { -webkit-transform: rotate(5deg); }
  100% { top: 0;
    -webkit-transform: rotate(0); } }

@keyframes bottombar-x { 0% { bottom: 0;
    -webkit-transform: rotate(0deg); }
  45% { bottom: 25%;
    -webkit-transform: rotate(-145deg); }
  75% { -webkit-transform: rotate(-130deg); }
  100% { -webkit-transform: rotate(-135deg); } }

@keyframes bottombar-back { 0% { bottom: 25%;
    -webkit-transform: rotate(-135deg); }
  45% { -webkit-transform: rotate(10deg); }
  75% { -webkit-transform: rotate(-5deg); }
  100% { bottom: 0;
    -webkit-transform: rotate(0); } }

