/*
Theme Name: IM Arquitectos
Author URI: http://www.davidalegria.com
Description: Un tema desarrollado en exclusiva por David Alegria para IM Arquitectos.
Author: David Alegria S.L.
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Copyright: (c) 2026 David Alegria S.L.
*/


:root {
    --blue: #99ac6a;
    --bs-border-radius:0;
    --bs-success-rgb:#99ac6a;;
}

body {font-family: 'futura-pt', sans-serif;font-weight: 400;font-style: normal;color:#555;font-size: 1.2rem;}
p {padding:0; margin:0 0 10px 0;}
a {color:#555; text-decoration: none; outline: none;}
a:hover, a:focus {color:#99ac6a; text-decoration: none;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, strong {color:#555;}
h1, .h1 {font-size:2rem;margin-bottom:1.5rem;line-height:1.1;}
h1 span.title {border-bottom:solid 7px #555;color:#99ac6a;}
.title {color:#99ac6a;}
.title a {text-decoration: none !important;}
h2 {}
h3 {}
h4 {font-weight:bold;font-size:1rem;text-transform:uppercase;letter-spacing:2px;}
h5 {font-weight:400;font-size:1rem;text-transform:uppercase;}
.title-tratamiento {font-size: 2rem;line-height: 1;color:#99ac6a;}
blockquote {padding-left: 30px; margin-left: 30px; border-left: solid 6px #99ac6a; color: #555; font-size: 1.25rem; line-height: 1.5rem;}
.alignright, .alignleft  {float: none; margin: 15px 0 15px 0;width:100%;height:auto}
.alignnone {float: none; margin: 15px 0 15px 0;width:100%;height:auto}
.block-img {width:100%;height:auto;margin-bottom:15px;}
.elcolor {color:#99ac6a;}
hr {border-top: 1px solid #99ac6a;opacity:1;}
.wp-block-image img {border-radius: .25rem !important;}
b, strong {font-weight: 600;}
.small, small {font-size:75%;line-height:1.2;}
p + h5, p + h4, ul + h4, ol + h4, table + h4, table + h5, figure + h5, figure +h4, h4 + h5, p + h3,
ul + .wp-block-separator, p + .wp-block-separator  {margin-top:3rem;}

.btn-primary { color: #fff; background-color: #99ac6a; border-color: #99ac6a;}
.btn-outline-primary { color: #555; border-color: #555;}
.bg-light {background-color:#cafeeb !important}
.bg-primary {background-color:#99ac6a !important}
.bg-cdc {background-image:url('img/franja.jpg');background-position:center;background-repeat:repeat;background-size:contain}
.btn-primary:hover {  color: #fff;  background-color: #555;  border-color: #555;}
.btn-outline-primary:hover {  color: #fff;  background-color: #99ac6a;  border-color: #99ac6a;}

.error {border:solid red 1px}
.success-message {display:none}

div#pdcc-message-container {background-color: #f5f5f5 !important;}
.offcanvas-bottom { height: auto; min-height: 50vh; }
.wp-block-separator { border-top: 1px solid; color:#99ac6a;}


/*** COTA ***/

.svg-line { height: 1px; display: block; transform: translateY(-3px); }
.svg-line line { stroke: #99ac6a; stroke-width: 1; }
.cota-left, .cota-right {display:none;}


/*** NAV ***/

.navbar-light .navbar-nav .nav-link {color:#fff;text-transform:uppercase;}

.navbar-brand {margin:0}
.navbar-toggler {border:none;font-size: 1.5rem;padding:0;transform: translateX(0px);}
.navbar-nav {}
.nav-link {}
	
.menu_ken {}
.menu_ken li {}	
.menu_ken li a {color:#fff;font-size: 1.25rem;}
.menu_ken li a:hover, .menu_ken li a:focus, .dropdown-item.active, .dropdown-item:active {text-decoration: none;color:#555;background-color:transparent;}
.navbar-light .navbar-nav li.current-menu-item .nav-link, .navbar-light .navbar-nav li.current_page_ancestor .nav-link, .navbar-light .navbar-nav li.current_page_parent .nav-link {color:#555;}

.dropdown-item {padding:0 !important;}

.menu_ken_sec {margin:0;padding:0}
.menu_ken_sec li {list-style:none;display:inline-block;line-height:1.1rem;margin-right:10px}	
.menu_ken_sec li a {color:#555}	
.menu_ken_sec li a:hover, .menu_ken_sec li a:focus {text-decoration: none;color:#99ac6a;}
.menu_ken_sec li.current-menu-item a, .menu_ken_sec li.current_page_ancestor a, .menu_ken_sec li.current_page_parent a {color:#000;text-decoration:underline;}


/* OFFCANVAS */

.offcanvas-title {line-height:1.1;color:#fff;}
.offcanvas {background-color:#99ac6a;}

#cdcOffcanvasMenu .dropdown-menu {
    display: block !important;
    position: static !important;
    transform: uppercase !important;
    float: none !important;
    border: 0;
    margin: 0;
    padding: 0 1rem 1rem 1rem;
    background: transparent;
}

/* Opcional: indentación visual nivel 2 */
#cdcOffcanvasMenu .dropdown-menu .nav-link { padding-left: 0; opacity: 1; }
/* Elimina el caret de dropdown */ 
#cdcOffcanvasMenu .dropdown-toggle::after { display: none; }
.offcanvas-backdrop {background-color:#99ac6a;}

	
/*** MAIN ***/

.fondo {background:#555; position:fixed;bottom:0;left:0;top:0;right:0;z-index:0;background-repeat:no-repeat;background-position:center center;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
.containter_da {/*-webkit-box-shadow: 0px 0px 23px -3px #999;-moz-box-shadow: 0px 0px 23px -3px #999;box-shadow: 0px 0px 23px -3px #999;*/border:solid 0px #99ac6a;}
.containter_da ul li {list-style:square}
.containter_da p a, .containter_da a {text-decoration: underline;}
.containter_da p.noticia-date a, .containter_da a.btn, .containter_da p a.btn, .noticia h3 a, .containter_da h5 a, .containter_da h2 a, .servicio a, .containter_da .pagination li a {text-decoration: none;}
.containter_da ul, .containter_da ol {padding-left:15px}
.containter_da .embed-responsive {margin:15px 0}
.container_padding {padding-bottom:50px}
.noticia-date {margin-top:0;text-transform:uppercase;letter-spacing:1px}
.containter_da .pagination li {list-style:none}
.containter_da ul.pagination {padding:0}
.card {height:100%;border: 1px solid #99ac6a;}


/*** SERVICIOS ***/

/* Card cuadrada + clickable */
.service-card{
    background: #99ac6a;
    color: #333;
    text-decoration: none;
    display: block;
    aspect-ratio: 4 / 1;     
    border-radius: 0;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, filter .12s ease;
}

/* Texto arriba izquierda */
.service-card__title{
    font-size: calc(1.3rem + .6vw);
    position: absolute;
    top: 14px;
    left: 14px;
    right: 14px;  
    font-weight: 400;
    line-height: 1.15;
}

/* Feedback tipo botón */
.service-card:hover{
    transform: translateY(-2px);
    filter: brightness(0.5);
    color: #fff;
}
.service-card:active{
    transform: translateY(0);
    filter: brightness(0.93);
}
.service-card:focus-visible{
    outline: 3px solid rgba(255,255,255,.75);
    outline-offset: 3px;
    color: #fff;
}

	
/*** MAP ***/

#map_contact {width:100%;height:400px;}


/*** FOOTER ***/


/*** MOBILE ***/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    .service-card{ aspect-ratio: 4 / 2; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .cota-left, .cota-right {display:inline;}
    .service-card{ aspect-ratio: 4 / 3; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .service-card{ aspect-ratio: 1 / 1; }
	
}