/*
Theme Name:  CODEDE / COREDUR
Theme URI:
Author:      SCEP
Author URI:
Description: Tema principal para la Administración y Publicación de contenido informativo de los Consejos de Desarrollo.
Version:     1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: codede-coredur
Tags:        government, custom-menu, featured-images
*/

/* ──────────────────────────────────────────────────────────────────────────────
   Custom Utilities  (mirrors code.html inline styles)
────────────────────────────────────────────────────────────────────────────── */

.chevron-banner {
    position: relative;
    display: inline-block;
    padding: 0.5rem 3rem;
    background-color: #0C2340;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    clip-path: polygon(5% 0%, 95% 0%, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
    text-align: center;
}

.play-button-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    background-color: rgba(218, 165, 32, 0.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s;
}

.play-button-overlay:hover {
    background-color: rgba(218, 165, 32, 1);
}

.play-icon {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid white;
    margin-left: 4px;
}

/* ──────────────────────────────────────────────────────────────────────────────
   Primary Navigation Menu
────────────────────────────────────────────────────────────────────────────── */

.codede-primary-nav {
    display: flex;
    gap: 1.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.codede-primary-nav > li > a {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0C2340;
    text-decoration: none;
    transition: color 0.15s;
}

.codede-primary-nav > li > a:hover {
    color: #DAA520;
}

/* ──────────────────────────────────────────────────────────────────────────────
   WordPress Core Alignment Classes
────────────────────────────────────────────────────────────────────────────── */

.alignleft   { float: left;  margin-right: 1.5rem; margin-bottom: 1rem; }
.alignright  { float: right; margin-left:  1.5rem; margin-bottom: 1rem; }
.aligncenter { display: block; margin: 0 auto 1rem; }
.wp-caption  { max-width: 100%; }
.wp-caption-text { font-size: 0.875rem; color: #6b7280; text-align: center; }


/* FIX: evitar que negrita cambie el color */
.prose strong,
.prose b {
  color: inherit !important;
}

/* Controlar tamaño del logo personalizado */
.custom-logo-link img {
    height: 90px;
    width: auto;
    object-fit: contain;
}

/* Tamaño móvil */
@media (max-width: 768px) {
    .custom-logo-link img {
        height: 55px;
    }
}

/* ===== Tipografía móvil para contenido (page.php) ===== */
@media (max-width: 768px) {

  /* Base del contenido */
  .prose.max-w-none.text-gray-700.leading-relaxed{
    font-size: 16px;
    line-height: 1.7;
  }

  /* Si el “título” viene como párrafo con clases Gutenberg */
  .prose .has-large-font-size { font-size: 1.6rem !important; }   /* ~25px */
  .prose .has-medium-font-size { font-size: 1.2rem !important; }  /* ~19px */

  /* Si el contenido trae headings */
  .prose h1 { font-size: 1.8rem; }
  .prose h2 { font-size: 1.5rem; }
  .prose h3 { font-size: 1.25rem; }

  /* Mejor lectura */
  .prose p { margin-bottom: 1rem; }
}

#codede-footer iframe {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
}