/*
    Theme Name: Mirador del Magdalena
    Theme URI: 
    Author: RedSistel.com
    Author URI: 
    Description: Theme Diseñado para el proyecto Mirador del Magdalena
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: constructura, mirador, edificios, casas, proyectos, viviendas, comercio
    Text Domain: miradordelmagdalena
*/

/* ----------------- Tipos de fuentes ----------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* Adelle - Regular */
/* Adelle - Regular */
@font-face {
  font-family: 'Adelle';
  src:  url('assets/fonts/Adelle-Regular.woff2') format('woff2'),
        url('assets/fonts/Adelle-Regular.woff') format('woff'),
        url('assets/fonts/Adelle_Reg.otf') format('otf');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Adelle - Bold */
@font-face {
  font-family: 'Adelle';
  src:  url('assets/fonts/Adelle-Bold.woff2') format('woff2'),
        url('assets/fonts/Adelle-Bold.woff') format('woff'),
        url('assets/fonts/TypeTogether-Adelle-Bold.otf') format('otf');

  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Times Normal */
@font-face {
  font-family: 'TimesCustom';
  src:  url('/wp-content/themes/miradordelmagdalena/assets/fonts/Times-Roman.woff2') format('woff2'),
        url('/wp-content/themes/miradordelmagdalena/assets/fonts/Times-Roman.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Times Bold */
@font-face {
  font-family: 'TimesCustom';
  src:  url('/wp-content/themes/miradordelmagdalena/assets/fonts/Times-Bold.woff2') format('woff2'),
        url('/wp-content/themes/miradordelmagdalena/assets/fonts/Times-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Times Italic */
@font-face {
  font-family: 'TimesCustom';
  src:  url('/wp-content/themes/miradordelmagdalena/assets/fonts/Times-Italic.woff2') format('woff2'),
        url('/wp-content/themes/miradordelmagdalena/assets/fonts/Times-Italic.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Times Italic Bold */
@font-face {
  font-family: 'TimesCustom';
  src:  url('/wp-content/themes/miradordelmagdalena/assets/fonts/Times-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/miradordelmagdalena/assets/fonts/Times-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* -----------------------------------------------------------------*/


:root {
  --color-panteon: rgb(0, 154, 150);  
  --color-panteon-fondo: #143C6A;
  --color-panteon-yellow: #CC9F52;
  --color-blanco: #fff;

  --fuente-titulos: 'Adelle', serif;
  --fuente-textos: 'Times', 'Times New Roman', serif;
  --fuente-textos-l: 'Lato', serif;
  --fuente-3: 'Nunito', sans-serif;
  --fuente-4: 'Roboto', sans-serif;

  --tooltip-text:'Buscar en toda la pagina';

}

html {
  box-sizing: border-box;
  font-size: 62.5%; /** 10px = 1rem **/
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
    font-family: var(--fuente-textos)!important;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
}

.fuente-adelle {
  font-family: 'Adelle', serif;
}

/** Headings **/
h1, h2, h3, h4 {
    font-family: var(--fuente-titulos)!important;
    margin: 0 0 3rem 0;
    line-height: 1.2;
}

h1 {
    font-size: 5rem;
}
h2 {
    font-size: 4rem;
}
h3 {
    font-size: 3.3rem;
}
h4 {
    font-size: 2.4rem;
}


/** Globales **/
p {
    margin: 0;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

.contenedor {
    width: min(95%, 140rem);
    margin: 0 auto;
}
.fuente-titulos,
.fuente-titulos h1, 
.fuente-titulos h2, 
.fuente-titulos h3, 
.fuente-titulos h4{
  font-family: var(--fuente-titulos)!important;
}

.seccion {
    padding: 5rem 0;
}

/** Utilidades **/
.text-center {
    text-align: center;
}

.ocultar-todo {
  display: none!important;
}

.establecer-tamano-img {
  overflow: hidden;
}

.establecer-tamano-img img {
  width: 100%;
  height: 200px!important;
  object-fit: cover; 
  object-position: center; 
  transition: .4s ease-in-out;
}

.establecer-tamano-img:hover img {
  transform: scale(1.1);
}

.efecto-fixed {
  background-attachment: fixed;
}