@font-face {
    font-family: 'OptimaReg';
    src: url(../fonts/Optima_Regular.woff) format('woff');
}

@font-face {
    font-family: 'OptimaBold';
    src: url(../fonts/Optima_Bold.woff) format('woff');
}

.baskervville {
    font-family: "Baskervville", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

.archivo {
    font-family: "Archivo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
}

.fira-sans-light {
    font-family: "Fira Sans", sans-serif;
    font-weight: 600;
    font-style: normal;
}

body {
    margin: 0;
    font-family: "Baskervville", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 0.1px;
    line-height: 130%;
    height: 100%;
    color: #483029;
    background-color: #98c1da;
}

.bg {
    background-image: url("../imags/variety.jpg");
    height: 1100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.marco {
    margin: 0px 10px;
}

.caption {
  left: 0;
  top: 15%;
  width: 100%;
  text-align: center;
  color: #000;
}

.platformP {
    left: 0;
    top: 50%;
    width: 100%;
    max-height: 1000px;
    text-align: center;
}

.caption span.border {
  font-family: "Archivo", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: -0.1px;
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
  line-height: 80px;
}

.logoCentro {
    margin: 20px auto;
    width: 35%;
}

.imgCentro {
    display: block;
    margin: auto;
}

.animado {
    margin: auto;
    text-align: center;
    animation-duration: 1s;
    animation-name: comming;
    position: relative;
}

.small {
    font-size: small;
    text-align: center;
    font-family: "Archivo", sans-serif;
    font-weight: 500;
    font-style: normal;∫
}



@keyframes comming {
    from {left: -20px; opacity: 0%;}
    to {left: 0px; opacity: 100%;}
}

.abajo {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: flex-end; /* Alinea el contenido abajo */
    height: 80px; /* Define una altura para el contenedor */
    color: #261915;
}

.symbol {
    height: 50px;
}

.platform {
    flex: 40%;
}

.icoPlat {
    width: 70%;
    height: 70%;
}
.icoPlatB {
    width: 70%;
    height: 70%;
    background-color: #fcf7ee;
    border-radius: 50%;   
}

h1 {
    text-align: center;
    line-height: 120%;
}
.liga {
    color: #2d2926;
    text-decoration: none;
}

.liga:hover{
    color: #fff;
}

.Ico {
    font-size: 200%;
    margin-right: 5%;
}
.container {
    margin: 40px auto 20px;
    max-width: 70%;
    padding: 50px;
}

.containerLand {
    margin: 0px auto 25px;
    max-width: 80%;
    text-align: center;
}

.row {  
    display: flex;
    flex-wrap: wrap;
}

.centrado4 {
    clear: both;
    text-align: center;
    margin: auto;
    width: 95%;
}

.centrado5 {
    clear: both;
    text-align: center;
    margin: 10% auto;
    width: 95%;
}

.centrado2, .centrado3 {
    display: flex;
    position: relative;
    margin: auto auto 20px;
}

.centrado2 {
    float: left;
}

.centrado3 {
    float: right;
}

@media screen and (max-width: 700px) {
    .row {   
      flex-direction: column;
      font-size: 16px;
    }
    .logoCentro {
        width: 60%;
    }
    .animado {
        width: 100%;
    }
    .centrado5 {
        clear: both;
        text-align: center;
        margin: 10% auto;
        width: 60%;
    }
}