/*
	CSS personalizado para COMARCAS
*/

/**************************************** GAMA DE COLORES ****************************************/

/*    Rojo Oscuro: D74F41 rgb(215, 79, 65) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Rojo Medio: EBA7A0 rgb(235,167,160) */
/*     Rojo Claro: F5D3CF rgb(245,211,207) */
/* Rojo Muy Claro: FAE9E7 rgb(250,233,231) */

/*           Añil: 143046 rgb( 20, 48, 70) */
/*          Ambar: E6AF40 rgb(230,175, 64) */
/*          Oliva: 4C5335 rgb( 76, 83, 53) */
/*          Crema: FAEFD9 rgb(250,239,217) */

/************************************ MODIFICADOS DE syle-home ***********************************/

/************************************** #rowComarcasIntro ****************************************/

#rowComarcasIntro * {
   -webkit-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

#rowComarcasIntro .divComarcasIntro {
   cursor: default;
}

#rowComarcasIntro .divContent {
   position: relative;
   margin: auto;
   padding: 140px 0px 40px 0px;
   max-width: 1180px;
   z-index: 1;
}

#rowComarcasIntro .divHeading h3 {
   color: var(--color1-hex) !important;
}

#rowComarcasIntro .divHeading p {
   max-width: 800px;
}

@media (max-width: 980px) {
   #rowComarcasIntro .divContent {
      padding: 100px 0px 40px 0px;
   }

   #rowComarcasIntro .divHeading p {
      max-width: 520px;
   }
}

@media (max-width: 780px) {
   #rowComarcasIntro .divHeading p {
      max-width: 395px;
   }
}

@media (max-width: 580px) {
   #rowComarcasIntro .divHeading p {
      margin: 12px auto 0px auto;
      max-width: 320px;
   }
}

@media (max-width: 380px) {
   #rowComarcasIntro .divContent {
      padding: 100px 20px 40px 20px;
   }

   #rowComarcasIntro .divHeading p {
      max-width: auto;
   }
}

/* 
   Los estilos de #rowComarcasFeed han sido unificados en style-feeds.css 
*/