@charset "UTF-8";
/*curvar imágenes*/
/*link vermás*/
/* Colors */
/* Typography */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
.iconografiadescriptiva {
  padding: 103px 53px; }
  .iconografiadescriptiva__content {
    width: calc(100% - 2.2rem );
    max-width: 1420px;
    margin: 0 auto;
    /*padding: 0 20px;*/
    /*	@media (max-width: 924px){
    		padding: 0;
    		margin: inherit;
    		width: 100%;			
    	}*/ }
    .iconografiadescriptiva__content--btndescriptiva {
      display: flex;
      justify-content: center; }
      .iconografiadescriptiva__content--btndescriptiva---btn {
        min-width: 267px;
        height: 48px;
        border-radius: 32px;
        font-size: 16px;
        font-weight: 600;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-top: 46px;
        gap: 15px;
        padding: 0 31px;
        background-color: #112958;
        color: #99B1D5; }
    .iconografiadescriptiva__content--title {
      margin-bottom: 97px; }
      .iconografiadescriptiva__content--title h3 {
        font-size: 64px;
        line-height: 116%;
        font-weight: 900;
        text-align: center;
        margin: 0; }
        @media (max-width: 924px) {
          .iconografiadescriptiva__content--title h3 {
            font-size: 40px; } }
      .iconografiadescriptiva__content--title p {
        font-size: 24px;
        line-height: 140%;
        font-weight: 600;
        text-align: center;
        margin-top: 20px;
        max-width: 1032px;
        margin-left: auto;
        margin-right: auto; }
        @media (max-width: 924px) {
          .iconografiadescriptiva__content--title p {
            font-size: 18px; } }
    .iconografiadescriptiva__content .contenedor-iconografia {
      display: grid;
      grid-column-gap: 30px;
      grid-row-gap: 30px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      justify-content: space-around;
      margin-top: 97px; }
      .iconografiadescriptiva__content .contenedor-iconografia .items__circimg {
        width: 119.47px;
        height: 119.47px;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        margin-right: auto; }
        .iconografiadescriptiva__content .contenedor-iconografia .items__circimg--contimg {
          width: 68.51px;
          height: 79.36px; }
          .iconografiadescriptiva__content .contenedor-iconografia .items__circimg--contimg img {
            width: 100%;
            height: 100%;
            min-width: auto;
            min-height: auto;
            -o-object-fit: contain;
            object-fit: contain;
            -o-object-position: center;
            object-position: center;
            -webkit-transform: none;
            transform: none;
            position: static; }
      .iconografiadescriptiva__content .contenedor-iconografia .items h4 {
        text-align: center;
        font-weight: 700;
        font-size: 20px;
        line-height: 140%;
        color: #112958;
        margin-top: 20px;
        margin-bottom: 0; }
      .iconografiadescriptiva__content .contenedor-iconografia .items p {
        color: #5D656C;
        font-weight: 500;
        font-size: 16px;
        line-height: 140%;
        text-align: center; }
      .iconografiadescriptiva__content .contenedor-iconografia.layout-1 {
        max-width: 1009px;
        grid-template-columns: 448px;
        justify-items: center; }
      .iconografiadescriptiva__content .contenedor-iconografia.layout-2 {
        max-width: 1009px;
        grid-template-columns: 1fr;
        justify-items: center; }
        @media (min-width: 924px) {
          .iconografiadescriptiva__content .contenedor-iconografia.layout-2 {
            grid-template-columns: 448px 448px; } }
        .iconografiadescriptiva__content .contenedor-iconografia.layout-2 .items {
          max-width: 448px; }
      .iconografiadescriptiva__content .contenedor-iconografia.layout-3 {
        max-width: 1009px;
        grid-template-columns: 1fr;
        justify-items: center; }
        @media (min-width: 924px) {
          .iconografiadescriptiva__content .contenedor-iconografia.layout-3 {
            grid-template-columns: 220px 220px 220px; } }
        .iconografiadescriptiva__content .contenedor-iconografia.layout-3 .items {
          max-width: 220px; }
      .iconografiadescriptiva__content .contenedor-iconografia.layout-4 {
        grid-template-columns: 1fr;
        justify-items: center; }
        @media (min-width: 992px) {
          .iconografiadescriptiva__content .contenedor-iconografia.layout-4 {
            grid-template-columns: 1fr 1fr 1fr 1fr; } }
        @media (min-width: 1429px) {
          .iconografiadescriptiva__content .contenedor-iconografia.layout-4 {
            grid-template-columns: 310px 310px 310px 310px; } }
        .iconografiadescriptiva__content .contenedor-iconografia.layout-4 .items {
          max-width: 310px; }
          .iconografiadescriptiva__content .contenedor-iconografia.layout-4 .items h4 {
            font-size: 16px; }
  .iconografiadescriptiva.styleclr {
    background-color: white; }
    .iconografiadescriptiva.styleclr .iconografiadescriptiva__content--btndescriptiva---btn {
      background-color: #99B1D5;
      color: #112958; }
      .iconografiadescriptiva.styleclr .iconografiadescriptiva__content--btndescriptiva---btn:hover {
        background-color: #FCFDFD;
        color: #112958;
        border: 1px solid #112958; }
    .iconografiadescriptiva.styleclr .iconografiadescriptiva__content--title h3 {
      color: #112958; }
    .iconografiadescriptiva.styleclr .iconografiadescriptiva__content--title p {
      color: #112958; }
    .iconografiadescriptiva.styleclr .iconografiadescriptiva__content .contenedor-iconografia .items__circimg {
      background-color: #EDF1F8;
      box-shadow: 5px 5px 0px 0px rgba(153, 177, 213, 0.75);
      -webkit-box-shadow: 5px 5px 0px 0px rgba(153, 177, 213, 0.75);
      -moz-box-shadow: 5px 5px 0px 0px rgba(153, 177, 213, 0.75); }
  .iconografiadescriptiva.stylescr {
    background-color: #99B1D5; }
    .iconografiadescriptiva.stylescr .iconografiadescriptiva__content--btndescriptiva---btn {
      background-color: #112958;
      color: white; }
    .iconografiadescriptiva.stylescr .iconografiadescriptiva__content--title h3 {
      color: #FCFDFD; }
    .iconografiadescriptiva.stylescr .iconografiadescriptiva__content--title p {
      color: #FCFDFD; }
    .iconografiadescriptiva.stylescr .iconografiadescriptiva__content .contenedor-iconografia .items__circimg {
      background-color: white;
      box-shadow: 5px 5px 0px 0px rgba(31, 14, 103, 0.75);
      -webkit-box-shadow: 5px 5px 0px 0px rgba(31, 14, 103, 0.75);
      -moz-box-shadow: 5px 5px 0px 0px rgba(31, 14, 103, 0.75); }
    .iconografiadescriptiva.stylescr .iconografiadescriptiva__content .contenedor-iconografia .items p {
      color: #FCFDFD; }

/*# sourceMappingURL=iconografia-descriptiva.css.map */